/* =========================
   1) FORCE Express Checkout to the top
   ========================= */
.wc-block-checkout .wp-block-woocommerce-checkout-fields-block{
  display:flex !important;
  flex-direction:column !important;
}
.wc-block-checkout .wp-block-woocommerce-checkout-express-payment-block{
  order:-100 !important;
}

/* =========================
   2) Remove Subtotal text (label only, keep the amount)
   (Blocks markup differs by version, so we target multiple selectors)
   ========================= */
.wc-block-checkout .wc-block-components-totals-item--subtotal .wc-block-components-totals-item__label,
.wc-block-checkout .wc-block-components-totals-item.wc-block-components-totals-footer-item--subtotal .wc-block-components-totals-item__label,
.wc-block-checkout .wc-block-components-totals-item__label[for="subtotal"],
.wc-block-checkout .wc-block-components-totals-item__label:has(+ .wc-block-components-totals-item__value){
  /* safe hide label */
}
.wc-block-checkout .wc-block-components-totals-item--subtotal .wc-block-components-totals-item__label{
  display:none !important;
}
/* If your theme prints "Subtotal" as plain text somewhere */
.wc-block-checkout .wc-block-components-totals-item--subtotal{
  gap:0 !important;
}

/* =========================
   3) Hide product descriptions/details in sidebar
   ========================= */
.wc-block-checkout .wc-block-components-product-details__description,
.wc-block-checkout .wc-block-components-product-details__variation-data,
.wc-block-checkout .wc-block-components-product-details__additional-information,
.wc-block-checkout .wc-block-components-product-metadata{
  display:none !important;
}

/* =========================
   4) Make ALL fields transparent + white/gray outline
   Includes inputs, textareas, and selects (dropdowns)
   ========================= */
.wc-block-checkout .wc-block-components-text-input input,
.wc-block-checkout .wc-block-components-text-input textarea,
.wc-block-checkout .wc-block-components-select select,
.wc-block-checkout select,
.wc-block-checkout input,
.wc-block-checkout textarea{
  background:transparent !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,0.35) !important;
  box-shadow:none !important;
}

.wc-block-checkout .wc-block-components-text-input input::placeholder,
.wc-block-checkout .wc-block-components-text-input textarea::placeholder{
  color:rgba(255,255,255,0.6) !important;
}

/* Dropdown arrow area / select wrappers */
.wc-block-checkout .wc-block-components-select .wc-block-components-select__container,
.wc-block-checkout .wc-block-components-select select{
  background:transparent !important;
}


/* Focus state */
.wc-block-checkout input:focus,
.wc-block-checkout textarea:focus,
.wc-block-checkout select:focus{
  outline:none !important;
  border-color:rgba(255,255,255,0.65) !important;
}

/* =========================
   5) Payment “fields” (Stripe card, etc.) give same outline look
   ========================= */
.wc-block-checkout .wc-block-components-payment-methods,
.wc-block-checkout .wc-block-components-radio-control-accordion-option,
.wc-block-checkout .wc-block-components-payment-method{
  background:transparent !important;
  border:1px solid rgba(255,255,255,0.25) !important;
  border-radius:8px !important;
}

/* Stripe Elements inside payment (card number/expiry/cvc frames) */
.wc-block-checkout .wc-block-components-payment-method .wc-stripe-elements-field,
.wc-block-checkout .wc-block-components-payment-method iframe{
  background:transparent !important;
}

/* =========================
   6) Remove “Return to cart” (you said this worked)
   ========================= */
.wc-block-checkout a[href*="cart"],
.wc-block-checkout .wc-block-components-checkout-return-to-cart-button,
.wc-block-checkout .wc-block-components-checkout-return-to-cart-link{
  display:none !important;
}

/* =========================
   7) Make Place Order button bigger on desktop
   ========================= */
@media (min-width: 992px){
  .wc-block-checkout .wc-block-components-checkout-place-order-button,
  .wc-block-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button{
    width:100% !important;
    min-height:64px !important;
    font-size:18px !important;
    border-radius:10px !important;
    padding:18px 22px !important;
  }
}

/* =========================
   8) Remove “By proceeding…” terms line (if anything injects it)
   ========================= */
.wc-block-checkout .wc-block-checkout__terms,
.wc-block-checkout .wc-block-components-checkout-terms{
  display:none !important;
}

/* =========================
   9) Coupon input text white (when typing)
   ========================= */
.wc-block-checkout .wc-block-components-coupon-code input{
  color:#fff !important;
  background:transparent !important;
  border:1px solid rgba(255,255,255,0.35) !important;
}

/* Country/State dropdowns - force transparent + white text */
.wc-block-checkout .wc-block-components-select,
.wc-block-checkout .wc-block-components-select__container,
.wc-block-checkout .wc-block-components-select select,
.wc-block-checkout select.wc-block-components-select__select {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* If theme adds a white background on the select wrapper */
.wc-block-checkout .wc-block-components-select__container:before,
.wc-block-checkout .wc-block-components-select__container:after {
  background: transparent !important;
}
/* =========================
   FIELD TEXT COLORS (Corrected)
   ========================= */

/* All transparent checkout fields = WHITE text */
.wc-block-checkout .wc-block-components-text-input input,
.wc-block-checkout .wc-block-components-text-input textarea,
.wc-block-checkout .wc-block-components-select select,
.wc-block-checkout input:not(.wc-stripe-elements-field input),
.wc-block-checkout textarea,
.wc-block-checkout select {
  color: #fff !important;
}

/* Dropdown selected value text white */
.wc-block-checkout .wc-block-components-select select {
  color: #fff !important;
}

/* Coupon field text white */
.wc-block-checkout .wc-block-components-coupon-code input {
  color: #fff !important;
}

/* Stripe card iframe wrapper text BLACK (because background is white) */
.wc-block-checkout .wc-block-components-payment-method iframe,
.wc-block-checkout .wc-block-components-payment-method .wc-stripe-elements-field {
  color: #000 !important;
}
/* FIX: Country dropdown is white background, so make its text BLACK so you can see it */
.wc-block-checkout .wc-block-components-address-form select,
.wc-block-checkout select#billing_country,
.wc-block-checkout select[name="billing_country"],
.wc-block-checkout .wc-block-components-address-form .wc-block-components-select select {
  color: #000 !important;
}
/* =========================
   MOBILE: Remove the duplicate order summary/totals inside the form column
   Keep the main Order Summary (top)
   ========================= */
@media (max-width: 781px){

  /* Hide the duplicate totals section that appears inside the checkout form */
  .wc-block-checkout .wp-block-woocommerce-checkout-fields-block .wp-block-woocommerce-checkout-totals-block,
  .wc-block-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-components-totals-wrapper,
  .wc-block-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-components-totals-coupon,
  .wc-block-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-components-totals-item,
  .wc-block-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-components-totals-footer-item,
  .wc-block-checkout .wp-block-woocommerce-checkout-fields-block .wc-block-components-order-summary {
    display: none !important;
  }

  /* Also hide any "Order summary" accordion header that Woo adds inside the form */
  .wc-block-checkout .wp-block-woocommerce-checkout-fields-block [class*="order-summary"],
  .wc-block-checkout .wp-block-woocommerce-checkout-fields-block [class*="OrderSummary"]{
    display:none !important;
  }
}
/* =========================================
   1) HIDE GUEST NOTICE (ONLY THE NOTICE)
========================================= */
#wc-guest-checkout-notice {
    display: none !important;
}

/* =========================================
   2) REMOVE GAP LEFT BY GUEST NOTICE
   (Collapse only the top spacing of contact step)
========================================= */
.wc-block-checkout #contact-fields .wc-block-components-checkout-step__content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* If Woo leaves a blank spacer directly under email */
.wc-block-checkout #contact-fields .wc-block-components-address-form + * {
    display: none !important;
}

/* =========================================
   3) EMAIL FIELD TEXT VISIBILITY
========================================= */

/* Placeholder white */
.wc-block-checkout input::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Typed email text black */
.wc-block-checkout input[type="email"] {
    color: #000000 !important;
}
/* Hide guest notice */
#wc-guest-checkout-notice{ display:none !important; }

/* Kill the   gap under the email field (text-node spacer) */
.wc-block-checkout #contact-fields .wc-block-components-checkout-step__content{
  font-size:0 !important;
  line-height:0 !important;
}

/* Restore normal text sizing for the actual form controls */
.wc-block-checkout #contact-fields .wc-block-components-address-form,
.wc-block-checkout #contact-fields .wc-block-components-text-input,
.wc-block-checkout #contact-fields input,
.wc-block-checkout #contact-fields label{
  font-size:16px !important;
  line-height:1.2 !important;
}
/* ===================================
   CUSTOM WOOCOMMERCE CART STYLING
   ONLY APPLIES TO CART PAGE
   =================================== */

/* Main Shopping Cart Title */
body.woocommerce-cart .wp-block-heading.has-text-align-center {
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 2rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Main Cart Container */
.wp-block-woocommerce-cart {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Two Column Layout with Gap - FIXED FOR DESKTOP */
.wp-block-woocommerce-filled-cart-block {
    display: grid !important;
    grid-template-columns: 1fr 450px !important;
    gap: 2rem !important;
    align-items: start !important;
}

/* Override WooCommerce default flex layout */
.woocommerce .wp-block-woocommerce-filled-cart-block,
.woocommerce-page .wp-block-woocommerce-filled-cart-block {
    display: grid !important;
    flex-direction: initial !important;
}

/* Ensure blocks don't have display overrides */
.wp-block-woocommerce-cart-items-block,
.wp-block-woocommerce-cart-totals-block {
    display: block !important;
    width: 100% !important;
}

/* Cart Items Section - Gray Background */
.wp-block-woocommerce-cart-items-block {
    background-color: #2a2a2a;
    border-radius: 12px;
    padding: 2rem;
    grid-column: 1;
}

/* Order Summary Section - Gray Background */
.wp-block-woocommerce-cart-totals-block {
    background-color: #2a2a2a;
    border-radius: 12px;
    padding: 2rem;
    grid-column: 2;
}

/* Ensure all Order Summary content is properly centered/aligned */
.wp-block-woocommerce-cart-order-summary-block {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.wp-block-woocommerce-cart-order-summary-block > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* All totals items - ensure proper alignment */
.wc-block-components-totals-item,
.wc-block-components-totals-footer-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

/* Coupon form alignment */
.wp-block-woocommerce-cart-order-summary-coupon-form-block {
    width: 100% !important;
}

/* Proceed to checkout wrapper */
.wp-block-woocommerce-proceed-to-checkout-block {
    width: 100% !important;
}

/* Product Section Header */
.wc-block-cart-items__header {
    border-bottom: 1px solid #444444;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

/* Mobile Stacking - Better Padding */
@media (max-width: 968px) {
    .wp-block-woocommerce-filled-cart-block {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }
    
    .wp-block-woocommerce-cart-items-block,
    .wp-block-woocommerce-cart-totals-block {
        grid-column: 1 !important;
    }
    
    .wp-block-heading.has-text-align-center {
        font-size: 2rem;
        padding: 0 1rem;
    }
    
    /* Better mobile padding for text */
    .wp-block-woocommerce-cart-items-block,
    .wp-block-woocommerce-cart-totals-block {
        padding: 1.5rem !important;
    }
    
    /* Product titles - more breathing room */
    .wc-block-components-product-name,
    .wc-block-cart-item__product-name {
        padding-right: 1rem !important;
        word-wrap: break-word !important;
    }
    
    /* Order summary text */
    .wp-block-woocommerce-cart-order-summary-heading-block,
    .wp-block-woocommerce-cart-order-summary-heading-block h2 {
        padding: 0 !important;
        margin-bottom: 1rem !important;
        font-size: 1.5rem !important;
    }
    
    /* Estimated Total padding */
    .wc-block-components-totals-footer-item {
        padding: 1.25rem 0 !important;
    }
    
    /* Add Coupons section */
    .wc-block-components-totals-coupon,
    .wc-block-components-totals-coupon-link {
        padding: 1rem 0 !important;
    }
    
    /* All text inside order summary */
    .wp-block-woocommerce-cart-order-summary-block > * {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Proceed to checkout button mobile */
    .wp-block-woocommerce-proceed-to-checkout-block {
        padding: 0 !important;
        margin-top: 1.5rem !important;
    }
    
    /* Continue shopping link */
    .continue-shopping-button {
        padding: 12px 0 !important;
    }
}

/* ORDER SUMMARY Heading - Larger Text */
.wp-block-woocommerce-cart-order-summary-heading-block,
.wp-block-woocommerce-cart-order-summary-heading-block h2 {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 1.5rem !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 !important;
    text-align: left !important;
    width: 100% !important;
}

/* Subtotal Text - Larger */
.wp-block-woocommerce-cart-order-summary-subtotal-block .wc-block-components-totals-item__label {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-align: left !important;
}

.wp-block-woocommerce-cart-order-summary-subtotal-block .wc-block-components-totals-item__value {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-align: right !important;
}

/* All totals items - proper alignment */
.wc-block-components-totals-item {
    padding: 0.75rem 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.wc-block-components-totals-item__label {
    text-align: left !important;
    flex: 1 !important;
}

.wc-block-components-totals-item__value {
    text-align: right !important;
    margin-left: auto !important;
}

/* Add Coupons accordion */
.wp-block-woocommerce-cart-order-summary-coupon-form-block {
    padding: 1rem 0 !important;
    width: 100% !important;
}

.wc-block-components-totals-coupon-link {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* Mobile Order Summary padding fixes */
@media (max-width: 968px) {
    .wp-block-woocommerce-cart-order-summary-heading-block,
    .wp-block-woocommerce-cart-order-summary-heading-block h2 {
        font-size: 1.5rem !important;
        margin-bottom: 1rem !important;
        padding: 0 !important;
    }
    
    /* Estimated Total on mobile */
    .wc-block-components-totals-footer-item {
        padding: 1.25rem 0 !important;
    }
    
    /* Add Coupons text */
    .wc-block-components-totals-coupon-link {
        padding: 0.75rem 0 !important;
    }
}

/* Hide Shipping Row Completely */
.wp-block-woocommerce-cart-order-summary-shipping-block,
.wc-block-components-totals-shipping,
.cart-totals .shipping,
tr.shipping {
    display: none !important;
}

/* Coupon Input Field - Blue Border */
.wp-block-woocommerce-cart-order-summary-coupon-form-block input[type="text"],
.wc-block-components-text-input input {
    background-color: transparent !important;
    border: 2px solid #4169ff !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    font-size: 1rem !important;
}

.wp-block-woocommerce-cart-order-summary-coupon-form-block input[type="text"]::placeholder {
    color: #999999 !important;
}

/* Apply Button - Red Background, White Text */
.wp-block-woocommerce-cart-order-summary-coupon-form-block button,
.wc-block-components-button.wp-element-button {
    background-color: #ff4444 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

.wp-block-woocommerce-cart-order-summary-coupon-form-block button:hover {
    background-color: #ff2222 !important;
}

/* Proceed to Checkout Button - Red */
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-checkout-button,
.wp-block-woocommerce-proceed-to-checkout-block a.wp-element-button {
    background-color: #c52b3f !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 16px 32px !important;
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    width: 100% !important;
    margin-top: 1.5rem !important;
    transition: background-color 0.3s ease !important;
}

.wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-checkout-button:hover {
    background-color: #a02232 !important;
}

/* Mobile Checkout Button - Show but NOT Sticky */
@media (max-width: 968px) {
    /* Prevent sticky behavior but keep button visible */
    .wc-block-cart__submit-container,
    .wc-block-cart__submit-container--sticky {
        position: relative !important;
        position: static !important;
        background-color: transparent !important;
        background: none !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        z-index: 1 !important;
    }
    
    /* Keep the button itself visible and styled */
    .wp-block-woocommerce-proceed-to-checkout-block {
        display: block !important;
        visibility: visible !important;
    }
}

/* Continue Shopping Button */
.continue-shopping-button {
    display: block;
    text-align: center;
    color: #ffffff !important;
    text-decoration: none !important;
    margin-top: 1rem !important;
    font-size: 1rem !important;
    padding: 12px !important;
    transition: opacity 0.3s ease !important;
}

.continue-shopping-button:hover {
    opacity: 0.8 !important;
}

/* Hide "CONTINUE SHOPPING BUTTON" text label - Simple approach */
/* This hides text in the parent div but keeps the button visible */
.wp-block-woocommerce-cart-totals-block .wp-block-html {
    font-size: 0 !important;
    line-height: 0 !important;
}

.wp-block-woocommerce-cart-totals-block .wp-block-html * {
    font-size: 1rem !important;
    line-height: normal !important;
}

/* Alternative: Hide all direct text content after checkout button */
.wp-block-woocommerce-proceed-to-checkout-block ~ * {
    font-size: 0 !important;
}

.wp-block-woocommerce-proceed-to-checkout-block ~ * * {
    font-size: 1rem !important;
}

/* Product Item Styling */
.wc-block-cart-items__row {
    border-bottom: 1px solid #444444 !important;
    padding: 1.5rem 0 !important;
}

.wc-block-cart-items__row:last-child {
    border-bottom: none !important;
}

/* Product Title - Clear and Readable */
.wc-block-components-product-name,
.wc-block-cart-item__product-name {
    color: #ffffff !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.4 !important;
}

/* Product Price */
.wc-block-components-product-price,
.wc-block-cart-item__price {
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
}

/* Mobile-specific text adjustments */
@media (max-width: 968px) {
    .wc-block-components-product-name,
    .wc-block-cart-item__product-name {
        font-size: 1rem !important;
        padding-right: 0.5rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* All text in cart items */
    .wc-block-cart-items__row {
        padding: 1.25rem 0.5rem !important;
    }
    
    /* Product metadata and price */
    .wc-block-components-product-price {
        padding: 0.25rem 0 !important;
    }
}

/* Hide Product Descriptions */
.wc-block-components-product-metadata,
.wc-block-cart-item__product-metadata,
.product-details,
.wc-block-components-product-details {
    display: none !important;
}

/* Save $10.00 Badge Styling */
.wc-block-components-product-badge,
.product-savings-badge {
    background-color: transparent !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    padding: 4px 12px !important;
    border-radius: 4px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    display: inline-block !important;
    margin-top: 0.5rem !important;
}

/* Remove Item Button - Red Outline */
.wc-block-cart-item__remove-link,
.wc-block-components-quantity-selector__remove-item,
a.remove {
    background-color: transparent !important;
    border: 2px solid #ff4444 !important;
    color: #ff4444 !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.wc-block-cart-item__remove-link:hover,
a.remove:hover {
    background-color: #ff4444 !important;
    color: #ffffff !important;
}

/* Total Text Styling */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-align: left !important;
    display: block !important;
    visibility: visible !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-align: right !important;
    display: block !important;
    visibility: visible !important;
}

.wc-block-components-totals-footer-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 1rem 0 !important;
    visibility: visible !important;
}

/* Ensure Estimated Total row is always visible */
.wc-block-components-totals-footer-item,
.wc-block-components-totals-footer-item__label,
.wc-block-components-totals-footer-item__value {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}

/* Ensure all text is white on dark background */
.wp-block-woocommerce-cart * {
    color: #ffffff;
}

/* Product Image Styling */
.wc-block-cart-item__image img {
    border-radius: 8px;
    max-width: 100px;
}

/* Discount Row */
.wp-block-woocommerce-cart-order-summary-discount-block .wc-block-components-totals-item__label,
.wp-block-woocommerce-cart-order-summary-discount-block .wc-block-components-totals-item__value {
    color: #4ade80 !important;
    font-weight: 600 !important;
}

/* Proceed to Checkout Popup/Drawer - Black Background */
.wc-block-checkout-drawer,
.wc-block-components-drawer,
[class*="checkout-drawer"],
[class*="components-modal"],
.components-modal__screen-overlay,
.wc-block-components-drawer__screen-overlay {
    background-color: #000000 !important;
}

.wc-block-components-drawer__content,
.components-modal__content {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Remove Item Popup/Notice - Hide Completely ON CART PAGE ONLY */
body.woocommerce-cart .wc-block-components-notice-banner,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .wc-block-components-notice,
body.woocommerce-cart [role="alert"]:not(.wc-block-components-validation-error),
body.woocommerce-cart .wc-block-components-sidebar-notice {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Additional notice selectors - CART PAGE ONLY */
body.woocommerce-cart .wc-block-components-notice-banner--error,
body.woocommerce-cart .wc-block-components-notice-banner--info,
body.woocommerce-cart .wc-block-components-notice-banner--success,
body.woocommerce-cart div[class*="notice-"],
body.woocommerce-cart .woocommerce-notices-wrapper,
body.woocommerce-cart .cart-empty-notice {
    display: none !important;
}

/* Keep validation errors visible (important for checkout) */
.wc-block-components-validation-error {
    display: block !important;
}

/* Show Order Summary heading on mobile */
@media (max-width: 968px) {
    .wp-block-woocommerce-cart-order-summary-heading-block {
        display: block !important;
        visibility: visible !important;
    }
    
    .wp-block-woocommerce-cart-order-summary-heading-block h2 {
        display: block !important;
        visibility: visible !important;
    }
}
/* Remove only the "You Cannot Add Another..." error popup */
.wc-block-components-notice-banner.is-error,
.woocommerce-error {
  display: none !important;
}
/* Shopify-style floating labels - EXACT FIX */

/* Container setup */
.wc-block-checkout .wc-block-components-text-input {
  position: relative !important;
  margin-bottom: 16px !important;
}

/* Label default state (floating inside field) */
.wc-block-checkout .wc-block-components-text-input label {
  position: absolute !important;
  top: 50% !important;
  left: 16px !important;
  transform: translateY(-50%) !important;
  font-size: 16px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  pointer-events: none !important;
  transition: all 0.15s ease !important;
  background: transparent !important;
  padding: 0 4px !important;
  z-index: 1 !important;
}

/* Label when active (typing or focused) - moves to top */
.wc-block-checkout .wc-block-components-text-input input:focus + label,
.wc-block-checkout .wc-block-components-text-input input:not(:placeholder-shown) + label,
.wc-block-checkout .wc-block-components-text-input.is-active label,
.wc-block-checkout .wc-block-components-text-input.has-value label {
  top: -8px !important;
  left: 12px !important;
  transform: translateY(0) !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  background: #000 !important;
  padding: 0 6px !important;
}

/* Input field - proper padding so text never overlaps */
.wc-block-checkout .wc-block-components-text-input input {
  padding: 18px 16px 18px 16px !important;
  font-size: 16px !important;
  color: #fff !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 8px !important;
  position: relative !important;
  z-index: 0 !important;
}

/* Mobile specific fixes */
@media (max-width: 768px) {
  .wc-block-checkout .wc-block-components-text-input input {
    padding: 20px 16px 20px 16px !important;
  }
  
  .wc-block-checkout .wc-block-components-text-input label {
    font-size: 16px !important;
  }
  
  .wc-block-checkout .wc-block-components-text-input input:focus + label,
  .wc-block-checkout .wc-block-components-text-input input:not(:placeholder-shown) + label,
  .wc-block-checkout .wc-block-components-text-input.is-active label,
  .wc-block-checkout .wc-block-components-text-input.has-value label {
    font-size: 12px !important;
    top: -8px !important;
  }
}
/* Target the container wrapper that's adding white background */
.wc-blocks-components-select__container {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 8px !important;
  position: relative !important;
}

/* Also target the parent wrapper */
.wc-blocks-components-select {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 8px !important;
}

/* Make sure select itself stays transparent with rounded borders - WHITE TEXT */
.wc-blocks-components-select__select {
  background: transparent !important;
  background-color: transparent !important;
  color: #fff !important;
  border-radius: 8px !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}

/* Force selected option text to be white */
.wc-blocks-components-select__select option:checked {
  color: #fff !important;
}

/* Label styling for selects (like other fields) */
.wc-blocks-components-select__label {
  position: absolute !important;
  top: 50% !important;
  left: 16px !important;
  transform: translateY(-50%) !important;
  font-size: 16px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  pointer-events: none !important;
  transition: all 0.15s ease !important;
  background: transparent !important;
  padding: 0 4px !important;
  z-index: 1 !important;
}

/* When select has value, move label up */
.wc-blocks-components-select.has-value .wc-blocks-components-select__label,
.wc-blocks-components-select.is-active .wc-blocks-components-select__label,
.wc-blocks-components-select__container:has(select:not([value=""])) .wc-blocks-components-select__label,
.wc-blocks-components-select__container:has(select:focus) .wc-blocks-components-select__label {
  top: -8px !important;
  left: 12px !important;
  transform: translateY(0) !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  background: #000 !important;
  padding: 0 6px !important;
}