/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ================================
   THB Checkout Cleanup (Classic)
   Paste into: Appearance > Customize > Additional CSS
   ================================ */

/* --- Base variables (adjust to taste) --- */
:root{
  --thb-bg: rgba(255,255,255,.03);
  --thb-bg-2: rgba(255,255,255,.05);
  --thb-border: rgba(255,255,255,.14);
  --thb-border-2: rgba(255,255,255,.22);
  --thb-text: rgba(255,255,255,.92);
  --thb-muted: rgba(255,255,255,.65);
  --thb-accent: #8a5cff; /* matches your purple button vibe */
  --thb-accent-2: rgba(138,92,255,.25);
  --thb-radius: 10px;
}

/* --- Layout spacing --- */
.woocommerce-checkout .woocommerce{
  color: var(--thb-text);
}
.woocommerce-checkout form.checkout{
  margin-top: 18px;
}
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #payment{
  background: var(--thb-bg);
  border: 1px solid var(--thb-border);
  border-radius: var(--thb-radius);
  padding: 18px;
}

/* Section headings */
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading{
  margin: 0 0 14px;
  font-size: 18px;
  letter-spacing: .2px;
  color: var(--thb-text);
}

/* Remove random <br> gaps some themes inject */
.woocommerce-checkout .form-row br { display:none; }

/* --- Input styling --- */
.woocommerce form .form-row{
  margin: 0 0 12px;
}
.woocommerce form .form-row label{
  display: block;
  margin: 0 0 6px;
  color: var(--thb-muted);
  font-size: 13px;
}
.woocommerce form .form-row label .required{
  color: #ff6b6b;
  text-decoration: none;
}

.woocommerce form .input-text,
.woocommerce form select,
.woocommerce form textarea{
  width: 100%;
  background: var(--thb-bg-2);
  border: 1px solid var(--thb-border);
  color: var(--thb-text);
  border-radius: 8px;
  padding: 11px 12px;
  line-height: 1.2;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
  outline: none;
}

.woocommerce form textarea{
  min-height: 92px;
  resize: vertical;
}

.woocommerce form .input-text:focus,
.woocommerce form select:focus,
.woocommerce form textarea:focus{
  border-color: var(--thb-accent);
  box-shadow: 0 0 0 3px var(--thb-accent-2);
  background: rgba(255,255,255,.06);
}

/* Autofill (Chrome) */
.woocommerce form input:-webkit-autofill{
  -webkit-text-fill-color: var(--thb-text) !important;
  box-shadow: 0 0 0px 1000px rgba(255,255,255,.05) inset !important;
  transition: background-color 9999s ease-out 0s;
}

/* --- Two-column alignment tightening --- */
@media (min-width: 900px){
  .woocommerce-checkout .col2-set{
    gap: 18px;
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
  }
  .woocommerce-checkout .col2-set .col-1,
  .woocommerce-checkout .col2-set .col-2{
    float: none;
    width: auto;
  }
}

/* --- Delivery date field box (your custom wrapper) --- */
#thb-delivery-date-wrap{
  background: var(--thb-bg);
  border: 1px solid var(--thb-border);
  border-radius: var(--thb-radius);
  padding: 14px !important; /* overrides inline padding */
  margin: 14px 0 !important;
}
#thb-delivery-date-wrap h3{
  font-size: 16px;
  margin-bottom: 10px;
}
#thb-delivery-date-wrap #thb-delivery-note{
  margin-top: 8px !important;
  color: var(--thb-muted);
  font-size: 12.5px;
}
#thb-delivery-date-wrap input[type="text"]{
  background-color: var(--thb-bg-2) !important;
  border-color: var(--thb-border) !important;
}

/* --- Order review table cleanup --- */
.woocommerce-checkout-review-order-table{
  margin: 12px 0 0;
  border-collapse: collapse;
  width: 100%;
  background: transparent;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td{
  padding: 10px 0;
  border-bottom: 1px solid var(--thb-border);
  color: var(--thb-text);
}
.woocommerce-checkout-review-order-table th{
  color: var(--thb-muted);
  font-weight: 600;
}
.woocommerce-checkout-review-order-table tfoot th{
  color: var(--thb-muted);
}
.woocommerce-checkout-review-order-table tr:last-child th,
.woocommerce-checkout-review-order-table tr:last-child td{
  border-bottom: none;
}

/* --- Shipping methods list styling --- */
.woocommerce ul#shipping_method{
  list-style: none;
  padding: 0;
  margin: 8px 0 0;
}
.woocommerce ul#shipping_method li{
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid var(--thb-border);
  border-radius: 10px;
  background: rgba(255,255,255,.03);
  transition: border-color .15s ease, background .15s ease;
}
.woocommerce ul#shipping_method li:hover{
  border-color: var(--thb-border-2);
  background: rgba(255,255,255,.04);
}
.woocommerce ul#shipping_method input[type="radio"]{
  transform: translateY(1px);
  margin-right: 8px;
}
.woocommerce ul#shipping_method label{
  color: var(--thb-text);
  font-size: 13.5px;
  margin: 0;
}

/* --- Payment box cleanup --- */
#payment{
  margin-top: 14px;
}
#payment ul.payment_methods{
  padding: 0;
  margin: 0;
  border: none;
}
#payment ul.payment_methods li{
  list-style: none;
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid var(--thb-border);
  border-radius: 10px;
  background: rgba(255,255,255,.03);
}
#payment ul.payment_methods li label{
  margin: 0;
  color: var(--thb-text);
  font-weight: 600;
}
#payment div.payment_box{
  background: rgba(255,255,255,.05);
  border: 1px solid var(--thb-border);
  border-radius: 10px;
  padding: 12px;
  margin-top: 10px;
  color: var(--thb-muted);
}

/* --- Notices / coupon toggle tidy --- */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error{
  border-radius: 10px;
  border: 1px solid var(--thb-border);
  background: rgba(255,255,255,.04);
  color: var(--thb-text);
}
.woocommerce-error{
  border-color: rgba(255,107,107,.4);
}

/* --- Buttons (Place order, Apply coupon, etc) --- */
.woocommerce button.button,
.woocommerce #place_order,
.woocommerce a.button,
.woocommerce input.button{
  border-radius: 10px !important;
  border: 1px solid transparent !important;
  padding: 12px 16px !important;
  background: var(--thb-accent) !important;
  color: #fff !important;
  font-weight: 700;
  letter-spacing: .2px;
  transition: transform .05s ease, filter .15s ease, box-shadow .15s ease;
}
.woocommerce button.button:hover,
.woocommerce #place_order:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover{
  filter: brightness(1.05);
  box-shadow: 0 0 0 3px var(--thb-accent-2);
}
.woocommerce button.button:active,
.woocommerce #place_order:active{
  transform: translateY(1px);
}

/* Make the place order button full width and aligned */
#payment .place-order{
  margin-top: 14px;
}
#payment #place_order{
  width: 100%;
}

/* --- Checkbox/radio consistency --- */
.woocommerce-checkout input[type="checkbox"],
.woocommerce-checkout input[type="radio"]{
  accent-color: var(--thb-accent);
}

/* --- Small helper text and privacy line --- */
.woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
  color: var(--thb-muted);
  font-size: 12.5px;
}

.woocommerce ul#shipping_method input[type="radio"] {
	margin-top:10px;
} 

.acfw-checkout-ui-block .acfw-accordion h3, .acfw-checkout-ui-block .acfw-accordion .acfw-accordion-inner, .payment_box {
	background: #1a2736 !important;
}

.paypal-button-container {
    max-width: 100% !important;
}

.Text--redirect, .u-color-textSecondary, .u-color-text, .payment_box {
	color: white !important;
}