/* === Alpha Popup Checkout Styles === */
#alpha-checkout-modal {
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
}

#alpha-checkout-modal .alpha-checkout-content {
  background: #fff;
  max-width: 800px;
  margin: 5% auto;
  padding: 20px;
  position: relative;
  border-radius: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 90%;
  display: flex;
  flex-direction: column;
    align-items: stretch;
    justify-content: center;
}

/* Close button */
#alpha-checkout-modal #alpha-close-modal {
  position: absolute;
  top: 0px; right: 8px;
  cursor: pointer;
  font-size: 26px;
}

/* Spinner */
#alpha-checkout-modal .alpha-spinner {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #0071a1;
  border-radius: 50%;
  width: 50px; height: 50px;
  animation: spin 1s linear infinite;
}
@keyframes spin {100% { transform: rotate(360deg); }}

/* === Checkout Form Scoped === */
#alpha-checkout-modal .woocommerce form.checkout {
  margin: 0;
  padding: 0;
}

#alpha-checkout-modal .woocommerce-billing-fields h3,
#alpha-checkout-modal .woocommerce-shipping-fields h3,
#alpha-checkout-modal .woocommerce-additional-fields,
#alpha-checkout-modal #order_review_heading {
  display: none !important;
}

/* Single-column fields */
#alpha-checkout-modal .woocommerce form .form-row {
  width: 100% !important;
  margin-bottom: 6px;
  position: relative;
  clear: both;
}
/* Force checkout labels visible inside popup */
#alpha-checkout-modal .woocommerce form .form-row label {
    display: block !important;
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
    font-family: "Jost", Sans-serif;
}


/* Input styling */
#alpha-checkout-modal .woocommerce input.input-text,
#alpha-checkout-modal .woocommerce select,
#alpha-checkout-modal .woocommerce textarea {
  width: 100%;
  padding: 12px 12px 12px 40px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 15px;
  font-family: "Jost", Sans-serif;
  background: #fafafa;
}
#alpha-checkout-modal .woocommerce input:focus,
#alpha-checkout-modal .woocommerce select:focus,
#alpha-checkout-modal .woocommerce textarea:focus {
  border-color: #000;
  background: #fff;
}

/* Icons inside inputs */
#alpha-checkout-modal .woocommerce form .form-row::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 16px;
  top: 70%;
  transform: translateY(-50%);
  color: #555;
}
#alpha-checkout-modal #billing_first_name_field::before {content:"\f007";}
#alpha-checkout-modal #billing_last_name_field::before {content:"\f007";}
#alpha-checkout-modal #billing_phone_field::before {content:"\f095";}
#alpha-checkout-modal #billing_address_1_field::before {content:"\f015";}
#alpha-checkout-modal #billing_city_field::before {content:"\f3c5";}
#alpha-checkout-modal #billing_state_field::before {content:"\f279";}
#alpha-checkout-modal #billing_email_field::before {content:"\f0e0";}

/* Simplify order review */
#alpha-checkout-modal #order_review table.shop_table thead,
#alpha-checkout-modal #order_review .cart-subtotal {
  display: none !important;
}
#alpha-checkout-modal #order_review .shipping,
#alpha-checkout-modal #order_review .order-total {
  font-weight: 600;
}

/* Order button */
#alpha-checkout-modal #place_order {
  background: #f9cc70;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  width: 100%;
  padding: 16px;
  border-radius: 4px;
  font-size: 16px;
  font-family: "Jost", Sans-serif;
}
#alpha-checkout-modal #place_order:hover {
    background:#000;
    color: #fff;
}

/* Force single column layout inside popup */
#alpha-checkout-modal #customer_details {
  display: block !important;
  margin: 10px 0;
}

#alpha-checkout-modal #customer_details .col-1,
#alpha-checkout-modal #customer_details .col-2 {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}


#alpha-checkout-modal .alpha-product-summary {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 4px 12px;
  background: #fafafa;
}

#alpha-checkout-modal .alpha-product-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#alpha-checkout-modal .alpha-product-thumb img {
  width: 60px;
  height: 60px;
  border-radius: 6px;
}

#alpha-checkout-modal .alpha-product-info {
  font-size: 14px;
}

#alpha-checkout-modal .alpha-product-name {
  font-weight: 600;
  font-family: "Jost", Sans-serif;
  margin-bottom: 3px;
  color: #000;
}

.alpha-product-thumb {
    display: flex
;
    align-items: center;
    justify-content: center;
}


#alpha-checkout-modal span.woocommerce-Price-amount.amount, .woocommerce table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    font-family: "Jost", Sans-serif;
}


#alpha-checkout-modal .woocommerce table.shop_table td{
    padding: 7px 10px;
}

#alpha-checkout-modal .woocommerce ul#shipping_method li{
    margin: 0 !important;
}

#alpha-checkout-modal table td, table th{
    border: none !important;
    padding: 7px 10px !important;
}

#alpha-checkout-modal .wc_payment_method label{
    font-family: "Jost", Sans-serif;
    font-weight: 500;
    color: #000;
}

#alpha-checkout-modal .wc_payment_method p{
    font-family: "Jost", Sans-serif;
}


.woocommerce-terms-and-conditions-wrapper{
    display: none;
}

#alpha-checkout-modal #payment{
    background: #fff !important;
}

#alpha-checkout-modal ul.wc_payment_methods.payment_methods.methods{
    padding: 4px 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px;
    background: hsla(0, 0%, 50%, .071);
}

#alpha-checkout-modal .payment_box.payment_method_cod {
    background: none !important;
    padding: 0 !important;
    margin: 2px 0 10px 32px !important;
}

#alpha-checkout-modal div.payment_box::before{
 display: none !important;   
}


#alpha-checkout-modal .form-row.place-order {
    padding: 20px 0 0 0 !important;
}

@media only screen and (max-width: 600px) {
  #alpha-checkout-modal .alpha-checkout-content {
    max-height: 100%;
  }
  #alpha-checkout-modal .alpha-checkout-content{
      margin: 10px;
  }
  #alpha-checkout-modal .woocommerce form .form-row label{
      font-size: 12px;
  }
  #alpha-checkout-modal .woocommerce form .form-row::before{
      top: 65%;
  }
}