.site-content .page-header-bar {
  background-color: #080075 !important;
  border-color: #080075 !important;
}

.site-content .page-header-bar h1 {
  color: #ffffff !important;
}





/* Universal LEFT alignment for HT Mega form on mobile */
@media (max-width: 767px) {
    .htmsf-field *,
    .htmsf-field label,
    .htmsf-field span,
    .htmsf-field-title,
    .htmsf-field-wrap,
    .htmsf-field-inner {
        text-align: left !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        display: block !important;
    }

    /* Force radio/toggle row to behave like left-aligned flex */
    .htmsf-radio-wrapper,
    .htmsf-radio-wrapper label {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        width: 100% !important;
        gap: 10px !important;
    }

    /* Ensure the toggle doesn’t center itself */
    .htmsf-radio-wrapper input[type="radio"],
    .htmsf-radio-wrapper input[type="checkbox"] {
        margin-right: 10px !important;
    }

    /* Fix text wrapping */
    .htmsf-radio-wrapper label span {
        white-space: normal !important;
        text-align: left !important;
    }
}





/* ===============================
   WooCommerce Login/Register Fix
   =============================== */

/* Make all WooCommerce login/register inputs same style */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row .input-text,
.woocommerce form .form-row input[type="text"],
.woocommerce form .form-row input[type="email"],
.woocommerce form .form-row input[type="password"] {
    width: 100% !important;
    padding: 12px 14px !important;
    border-radius: 6px !important;
    border: 1px solid #ccc !important;
    background: #fff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* Ensure password input has room for the eye icon */
.woocommerce form .form-row input[type="password"] {
    padding-right: 45px !important; 
}

/* Fix the password wrapper (needed for icon alignment) */
.woocommerce form .form-row .woocommerce-Input--password,
.woocommerce form .form-row .password-input {
    position: relative !important;
    width: 100% !important;
}

/* Eye icon styling + alignment */
.woocommerce form .show-password-input {
    position: absolute !important;
    right: 16px !important;     /* adjust left/right */
    top: 50% !important;        /* center vertically */
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    background: transparent !important;
}

/* Style the login/register box */
.woocommerce form.login,
.woocommerce form.register {
    border-radius: 12px !important;
    padding: 25px !important;
    border: 1px solid #e4e4e4 !important;
    background: #fff !important;
}


/* WooCommerce product grid: make all product cards same height */
.woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
}

/* Make the clickable product area stretch */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Give titles a fixed height so rows align (adjust 2.6em / lines as needed) */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  min-height: 2.6em; /* ~2 lines */
  line-height: 1.3em;
}

/* Keep price consistent too (optional) */
.woocommerce ul.products li.product .price {
  min-height: 1.6em;
}

/* Push button(s) to the bottom */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
  margin-top: auto;
}

/* Modern Navigation Menu Styling */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(8, 0, 117, 0.08) !important;
    overflow: hidden !important;
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #f0f0f0 !important;
    position: relative !important;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 18px 24px !important;
    color: #333333 !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    position: relative !important;
    overflow: hidden !important;
    opacity: 1 !important;
}

/* Modern hover effect with left border accent */
.woocommerce-MyAccount-navigation ul li a::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 4px !important;
    background: #080075 !important;
    transform: scaleY(0) !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.woocommerce-MyAccount-navigation ul li a:hover::before,
.woocommerce-MyAccount-navigation ul li.is-active a::before {
    transform: scaleY(1) !important;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background: linear-gradient(90deg, rgba(8, 0, 117, 0.05) 0%, rgba(8, 0, 117, 0) 100%) !important;
    color: #080075 !important;
    padding-left: 28px !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: linear-gradient(90deg, rgba(8, 0, 117, 0.08) 0%, rgba(8, 0, 117, 0.02) 100%) !important;
    color: #080075 !important;
    font-weight: 600 !important;
    padding-left: 28px !important;
}

/* Modern Content Area Styling */
.woocommerce-MyAccount-content {
    background: #ffffff !important;
    padding: 35px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(8, 0, 117, 0.08) !important;
}

/* Typography improvements */
.woocommerce-MyAccount-content p {
    line-height: 1.8 !important;
    color: #555555 !important;
    font-size: 15px !important;
}

.woocommerce-MyAccount-content strong {
    color: #222222 !important;
    font-weight: 600 !important;
}

/* Modern Links Styling */
.woocommerce-MyAccount-content a {
    color: #080075 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

.woocommerce-MyAccount-content a::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 0 !important;
    height: 2px !important;
    background: #080075 !important;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.woocommerce-MyAccount-content a:hover {
    color: #05004d !important;
}

.woocommerce-MyAccount-content a:hover::after {
    width: 100% !important;
}

/* Modern Buttons */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content button[type="submit"],
.woocommerce-MyAccount-content input[type="submit"] {
    background: #080075 !important;
    color: white !important;
    border: none !important;
    padding: 14px 32px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 12px rgba(8, 0, 117, 0.2) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content button[type="submit"]:hover,
.woocommerce-MyAccount-content input[type="submit"]:hover {
    background: #05004d !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(8, 0, 117, 0.3) !important;
}

/* Modern Form Inputs */
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea {
    border: 2px solid #e8e8e8 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

.woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-MyAccount-content input[type="password"]:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-MyAccount-content textarea:focus {
    border-color: #080075 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(8, 0, 117, 0.1) !important;
}

/* Welcome Message Enhancement */
.woocommerce-MyAccount-content > p:first-child {
    background: linear-gradient(135deg, rgba(8, 0, 117, 0.05) 0%, rgba(8, 0, 117, 0.02) 100%) !important;
    padding: 20px 24px !important;
    border-radius: 10px !important;
    border-left: 4px solid #080075 !important;
    margin-bottom: 24px !important;
}

/* Table Styling (for orders, downloads, etc.) */
.woocommerce-MyAccount-content table {
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

.woocommerce-MyAccount-content table thead {
    background: linear-gradient(135deg, #080075 0%, #05004d 100%) !important;
    color: white !important;
}

.woocommerce-MyAccount-content table thead th {
    padding: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
}

.woocommerce-MyAccount-content table tbody tr {
    transition: background 0.2s ease !important;
}

.woocommerce-MyAccount-content table tbody tr:hover {
    background: rgba(8, 0, 117, 0.02) !important;
}

.woocommerce-MyAccount-content table tbody td {
    padding: 16px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        margin-bottom: 24px !important;
    }
    
    .woocommerce-MyAccount-content {
        padding: 24px 20px !important;
    }
    
    .woocommerce-MyAccount-navigation ul li a {
        padding: 16px 20px !important;
    }
}

/* Smooth scrolling for better UX */
html {
    scroll-behavior: smooth !important;
}

/* Remove default WooCommerce styles that might conflict */
.woocommerce-MyAccount-navigation ul li a:focus {
    outline: 2px solid #080075 !important;
    outline-offset: 2px !important;
}







/* Fix breadcrumb text direction issues */
.breadcrumbs,
.breadcrumb,
.woocommerce-breadcrumb,
.rank-math-breadcrumb,
.yoast-breadcrumb,
.elementor-breadcrumbs,
nav[aria-label="breadcrumb"],
nav[aria-label="Breadcrumb"] {
    direction: ltr !important;
    unicode-bidi: bidi-override;
}

/* Fix breadcrumb direction for mixed Arabic/English text */
#post-3521 > nav,
article > nav,
main nav[itemtype*="BreadcrumbList"],
nav[itemtype*="BreadcrumbList"] {
    direction: ltr !important;
    unicode-bidi: bidi-override;
}

/* Allow each breadcrumb item to maintain its own direction */
article > nav span,
article > nav a,
nav[itemtype*="BreadcrumbList"] span,
nav[itemtype*="BreadcrumbList"] a {
    unicode-bidi: isolate;
    display: inline-block;
}

/* Specifically target the span with itemprop="name" */
span[itemprop="name"] {
    unicode-bidi: isolate;
    display: inline-block;
    direction: auto;
}

/**
 * ============================================
 * EAEL PRODUCT GRID - CSS GRID SOLUTION
 * Forces equal height without JavaScript
 * ============================================
 */

/* Use CSS Grid instead of Flexbox */
.eael-product-grid ul.products,
#eael-product-grid ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  grid-auto-rows: 1fr !important;
  gap: 20px !important;
}

/* Remove default list styling */
.eael-product-grid ul.products li.product,
#eael-product-grid ul.products li.product {
  display: grid !important;
  grid-template-rows: auto auto auto 1fr auto !important;
  margin: 0 !important;
  padding: 15px !important;
}

/* Button stays at bottom */
.eael-product-grid ul.products li.product .button,
#eael-product-grid ul.products li.product .button {
  align-self: end !important;
  margin-top: auto !important;
}

/* Mobile - 2 columns */
@media (max-width: 768px) {
  .eael-product-grid ul.products,
  #eael-product-grid ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 480px) {
  .eael-product-grid ul.products,
  #eael-product-grid ul.products {
    grid-template-columns: 1fr !important;
  }
}
/**
 * ============================================
 * WOOCOMMERCE PRODUCTS - COMPLETE STYLING
 * Button Alignment + Beautiful Design
 * Desktop, Tablet, iPad & Mobile Responsive
 * ============================================
 */

/* ========================================
   PRODUCT GRID LAYOUT
   ======================================== */

/* Main product grid container */
.woocommerce ul.products,
.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 25px !important;
    grid-auto-rows: 1fr !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Each product card */
.woocommerce ul.products li.product,
.products ul.products li.product {
    display: grid !important;
    grid-template-rows: auto auto auto auto 1fr auto !important;
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

/* Sale items get special glowing border - using :has() selector */
.woocommerce ul.products li.product:has(.onsale),
.products ul.products li.product:has(.onsale),
.woocommerce ul.products li.product.sale,
.products ul.products li.product.sale,
.woocommerce ul.products li.product.product-type-variable:has(.onsale),
.woocommerce ul.products li.product.product-type-simple:has(.onsale) {
    border: 2px solid #b31942 !important;
    box-shadow: 0 0 15px rgba(179, 25, 66, 0.3) !important;
    animation: cardGlow 3s ease-in-out infinite !important;
}

/* Card glow animation */
@keyframes cardGlow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(179, 25, 66, 0.3);
    }
    50% {
        box-shadow: 0 0 25px rgba(179, 25, 66, 0.5), 
                    0 0 35px rgba(179, 25, 66, 0.3);
    }
}

/* Reduce glow animation on mobile */
@media (max-width: 767px) {
    @keyframes cardGlow {
        0%, 100% {
            box-shadow: 0 0 10px rgba(179, 25, 66, 0.3);
        }
        50% {
            box-shadow: 0 0 15px rgba(179, 25, 66, 0.4);
        }
    }
}

/* Product card hover effect */
.woocommerce ul.products li.product:hover,
.products ul.products li.product:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-5px) !important;
    border-color: #ccc !important;
}

/* Sale items get enhanced hover effect */
.woocommerce ul.products li.product:has(.onsale):hover,
.products ul.products li.product:has(.onsale):hover,
.woocommerce ul.products li.product.sale:hover,
.products ul.products li.product.sale:hover {
    box-shadow: 0 8px 30px rgba(179, 25, 66, 0.4), 
                0 0 40px rgba(179, 25, 66, 0.3) !important;
    transform: translateY(-8px) scale(1.02) !important;
    border-color: #b31942 !important;
}


/* ========================================
   SALE BADGE
   ======================================== */

.woocommerce ul.products li.product .onsale,
.products ul.products li.product .onsale {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    background: #b31942 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 8px 12px !important;
    border-radius: 50% !important;
    z-index: 10 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 0 20px rgba(179, 25, 66, 0.6), 
                0 0 40px rgba(179, 25, 66, 0.4),
                0 0 60px rgba(179, 25, 66, 0.2) !important;
    animation: pulseGlow 2s ease-in-out infinite !important;
}

/* Pulsing glow animation */
@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(179, 25, 66, 0.6), 
                    0 0 40px rgba(179, 25, 66, 0.4),
                    0 0 60px rgba(179, 25, 66, 0.2);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 30px rgba(179, 25, 66, 0.8), 
                    0 0 60px rgba(179, 25, 66, 0.6),
                    0 0 90px rgba(179, 25, 66, 0.4);
        transform: scale(1.05);
    }
}


/* ========================================
   PRODUCT IMAGE
   ======================================== */

.woocommerce ul.products li.product img,
.products ul.products li.product img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    margin-bottom: 15px !important;
    transition: transform 0.3s ease !important;
}

.woocommerce ul.products li.product:hover img,
.products ul.products li.product:hover img {
    transform: scale(1.05) !important;
}

.woocommerce ul.products li.product a img,
.products ul.products li.product a img {
    display: block !important;
}


/* ========================================
   PRODUCT TITLE
   ======================================== */

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.products ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    margin: 10px 0 8px 0 !important;
    line-height: 1.4 !important;
    height: 67px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.products ul.products li.product .woocommerce-loop-product__title:hover {
    color: #080075 !important;
}


/* ========================================
   STAR RATING
   ======================================== */

.woocommerce ul.products li.product .star-rating,
.products ul.products li.product .star-rating {
    margin: 8px 0 !important;
    font-size: 14px !important;
    height: 20px !important;
    display: block !important;
}

.woocommerce ul.products li.product .star-rating span,
.products ul.products li.product .star-rating span {
    color: #f39c12 !important;
}


/* ========================================
   PRICE
   ======================================== */

.woocommerce ul.products li.product .price,
.products ul.products li.product .price {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    margin: 12px 0 15px 0 !important;
    height: 28px !important;
    display: block !important;
}

/* Sale price styling */
.woocommerce ul.products li.product .price del,
.products ul.products li.product .price del {
    color: #95a5a6 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-right: 8px !important;
}

.woocommerce ul.products li.product .price ins,
.products ul.products li.product .price ins {
    text-decoration: none !important;
    color: #b31942 !important;
    text-shadow: 0 0 10px rgba(179, 25, 66, 0.3) !important;
    font-weight: 800 !important;
}


/* ========================================
   BUTTONS - ALIGNED AT BOTTOM
   ======================================== */

/* Push button to bottom of card */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.products ul.products li.product .button {
    align-self: end !important;
    margin-top: auto !important;
    width: 100% !important;
    padding: 12px 20px !important;
    background: #f7f6f7 !important;
    color: #080075 !important;
    border: 2px solid #080075 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    text-align: center !important;
    display: block !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover,
.products ul.products li.product .button:hover {
    background: #080075 !important;
    color: #ffffff !important;
    border-color: #080075 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(8, 0, 117, 0.3) !important;
}

/* Add to cart button icon */
.woocommerce ul.products li.product .button::before,
.products ul.products li.product .button::before {
    content: "🛒 " !important;
    margin-right: 5px !important;
}


/* ========================================
   TABLET / SMALL DESKTOP (768px - 1199px)
   Show 2 columns for better spacing
   ======================================== */

@media (min-width: 768px) and (max-width: 1199px) {
    /* 2 columns on tablet/small desktop */
    .woocommerce ul.products,
    .products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
        padding: 10px !important;
    }
    
    /* Card padding */
    .woocommerce ul.products li.product,
    .products ul.products li.product {
        padding: 18px !important;
    }
    
    /* Adjust image height */
    .woocommerce ul.products li.product img,
    .products ul.products li.product img {
        height: 220px !important;
    }
    
    /* Adjust title size */
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .products ul.products li.product .woocommerce-loop-product__title {
        font-size: 16px !important;
        height: 67px !important;
        line-height: 1.4 !important;
        -webkit-line-clamp: 3 !important;
    }
    
    /* Adjust price */
    .woocommerce ul.products li.product .price,
    .products ul.products li.product .price {
        font-size: 20px !important;
    }
    
    /* Button sizing */
    .woocommerce ul.products li.product .button,
    .products ul.products li.product .button {
        padding: 12px 20px !important;
        font-size: 14px !important;
    }
}


/* ========================================
   MEDIUM DESKTOP - 3 Columns (1200px - 1399px)
   ======================================== */

@media (min-width: 1200px) and (max-width: 1399px) {
    /* 3 columns on medium desktops */
    .woocommerce ul.products,
    .products ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 22px !important;
    }
}


/* ========================================
   LARGE DESKTOP - 4 Columns (Only on very wide screens)
   ======================================== */

@media (min-width: 1400px) {
    /* 4 columns only on very large screens */
    .woocommerce ul.products,
    .products ul.products {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 25px !important;
    }
}


/* ========================================
   MOBILE (Up to 767px)
   ======================================== */

@media (max-width: 767px) {
    /* 2 columns on mobile - fixed width calculation */
    .woocommerce ul.products,
    .products ul.products {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        padding: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Better padding for mobile cards */
    .woocommerce ul.products li.product,
    .products ul.products li.product {
        padding: 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    
    /* Sale items - reduce glow on mobile to prevent cutoff */
    .woocommerce ul.products li.product:has(.onsale),
    .products ul.products li.product:has(.onsale),
    .woocommerce ul.products li.product.sale,
    .products ul.products li.product.sale {
        box-shadow: 0 0 8px rgba(179, 25, 66, 0.3) !important;
    }
    
    /* Properly sized image on mobile */
    .woocommerce ul.products li.product img,
    .products ul.products li.product img {
        height: 160px !important;
        width: 100% !important;
        object-fit: cover !important;
        margin-bottom: 10px !important;
    }
    
    /* Better title sizing */
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .products ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px !important;
        height: 56px !important;
        margin: 8px 0 6px 0 !important;
        line-height: 1.35 !important;
        -webkit-line-clamp: 3 !important;
    }
    
    /* Better price sizing */
    .woocommerce ul.products li.product .price,
    .products ul.products li.product .price {
        font-size: 16px !important;
        margin: 8px 0 10px 0 !important;
        height: auto !important;
    }
    
    .woocommerce ul.products li.product .price del,
    .products ul.products li.product .price del {
        font-size: 14px !important;
    }
    
    /* Better button styling */
    .woocommerce ul.products li.product .button,
    .products ul.products li.product .button {
        padding: 10px 12px !important;
        font-size: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Sale badge adjustment */
    .woocommerce ul.products li.product .onsale,
    .products ul.products li.product .onsale {
        font-size: 9px !important;
        padding: 6px 9px !important;
        top: 10px !important;
        right: 10px !important;
    }
    
    /* Star rating */
    .woocommerce ul.products li.product .star-rating,
    .products ul.products li.product .star-rating {
        font-size: 12px !important;
        margin: 5px 0 !important;
        height: auto !important;
    }
    
    /* Adjust card hover for mobile */
    .woocommerce ul.products li.product:hover,
    .products ul.products li.product:hover {
        transform: translateY(-2px) !important;
    }
    
    /* Remove any margins that might cause overflow */
    .woocommerce ul.products li.product > *,
    .products ul.products li.product > * {
        max-width: 100% !important;
    }
}


/* ========================================
   VERY SMALL MOBILE (Up to 480px)
   ======================================== */

@media (max-width: 480px) {
    /* Keep 2 columns but properly sized */
    .woocommerce ul.products,
    .products ul.products {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        padding: 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .woocommerce ul.products li.product,
    .products ul.products li.product {
        padding: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Sale items - minimal glow on very small screens */
    .woocommerce ul.products li.product:has(.onsale),
    .products ul.products li.product:has(.onsale),
    .woocommerce ul.products li.product.sale,
    .products ul.products li.product.sale {
        box-shadow: 0 0 6px rgba(179, 25, 66, 0.25) !important;
    }
    
    .woocommerce ul.products li.product img,
    .products ul.products li.product img {
        height: 140px !important;
        width: 100% !important;
        object-fit: cover !important;
    }
    
    /* Smaller title */
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .products ul.products li.product .woocommerce-loop-product__title {
        font-size: 12px !important;
        height: 52px !important;
        line-height: 1.3 !important;
    }
    
    /* Smaller price */
    .woocommerce ul.products li.product .price,
    .products ul.products li.product .price {
        font-size: 15px !important;
    }
    
    .woocommerce ul.products li.product .price del,
    .products ul.products li.product .price del {
        font-size: 13px !important;
    }
    
    /* Smaller button */
    .woocommerce ul.products li.product .button,
    .products ul.products li.product .button {
        padding: 9px 10px !important;
        font-size: 9px !important;
        width: 100% !important;
    }
    
    /* Smaller sale badge */
    .woocommerce ul.products li.product .onsale,
    .products ul.products li.product .onsale {
        font-size: 8px !important;
        padding: 5px 8px !important;
    }
}


/* ========================================
   LOADING SPINNER (Optional)
   ======================================== */

.woocommerce ul.products li.product.loading {
    opacity: 0.6 !important;
    pointer-events: none !important;
}


/* ========================================
   OUT OF STOCK STYLING
   ======================================== */

.woocommerce ul.products li.product.outofstock,
.products ul.products li.product.outofstock {
    opacity: 0.7 !important;
}

.woocommerce ul.products li.product.outofstock::after,
.products ul.products li.product.outofstock::after {
    content: "Out of Stock" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: rgba(0, 0, 0, 0.8) !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    z-index: 10 !important;
}


/* ========================================
   WOOCOMMERCE AJAX ADD TO CART FIX
   Prevents full page blocking and infinite loader
   ======================================== */

/* Hide all WooCommerce blocking overlays completely */
.woocommerce .blockUI.blockOverlay,
.blockUI.blockOverlay,
body.woocommerce-js .blockUI.blockOverlay,
.woocommerce-page .blockUI.blockOverlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.woocommerce .blockUI.blockMsg,
.blockUI.blockMsg {
    display: none !important;
}

/* Prevent products list from being blocked */
.woocommerce ul.products.processing,
.woocommerce ul.products.blockUI {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Button loading state - show in button only */
.woocommerce ul.products li.product .button.loading,
.woocommerce ul.products li.product .ajax_add_to_cart.loading {
    opacity: 0.6 !important;
    cursor: wait !important;
    pointer-events: none !important;
    position: relative !important;
}

/* Loading spinner in button */
.woocommerce ul.products li.product .button.loading::before,
.woocommerce ul.products li.product .ajax_add_to_cart.loading::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 14px !important;
    height: 14px !important;
    margin: -7px 0 0 -7px !important;
    border: 2px solid currentColor !important;
    border-top-color: transparent !important;
    border-radius: 50% !important;
    animation: btnSpinner 0.6s linear infinite !important;
    z-index: 9999 !important;
}

@keyframes btnSpinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Keep the added_to_cart button visible and styled */
.woocommerce ul.products li.product .added_to_cart {
    display: inline-block !important;
    margin-top: 10px !important;
    width: 100% !important;
    padding: 12px 20px !important;
    background: #080075 !important;
    color: #ffffff !important;
    border: 2px solid #080075 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    line-height: normal !important;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.4), 
                0 0 25px rgba(255, 215, 0, 0.2) !important;
    animation: viewCartGlow 2s ease-in-out infinite !important;
}

.woocommerce ul.products li.product .added_to_cart:hover {
    background: #060058 !important;
    border-color: #060058 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.6), 
                0 0 35px rgba(255, 215, 0, 0.4),
                0 4px 12px rgba(8, 0, 117, 0.3) !important;
}

/* Yellow glow animation for View Cart button */
@keyframes viewCartGlow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(255, 215, 0, 0.4), 
                    0 0 25px rgba(255, 215, 0, 0.2);
    }
    50% {
        box-shadow: 0 0 25px rgba(255, 215, 0, 0.6), 
                    0 0 40px rgba(255, 215, 0, 0.4);
    }
}

/* ============================================
   WCPA PRODUCT ADDONS STYLING - ABSOLUTE FINAL
   Brand Color: #080075
   - TEXT INPUT converts to TEXTAREA with auto-grow
   - DROPDOWN hover fixed with brand color
   - DROPDOWN text overflow fixed
   - INNER BORDERS permanently removed (all states)
   ============================================

   INSTALLATION:
   Go to Appearance > Customize > Additional CSS
   Replace ALL existing code with this
   ============================================ */

/* ============================================
   MAIN CONTAINER
   ============================================ */
.wcpa_section,
.wcpa_form_wrap {
    background: #ffffff;
    padding: 30px !important;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    margin: 25px 0 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.wcpa_section:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.wcpa_section_body {
    text-align: left !important;
}

/* ============================================
   HEADINGS & LABELS
   ============================================ */
.wcpa_field_label,
legend.wcpa_field_label {
    color: #1a1a1a !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin-bottom: 18px !important;
    line-height: 1.4 !important;
    letter-spacing: -0.02em !important;
    text-align: left !important;
}

.wcpa_required_ast {
    color: #dc3545 !important;
    margin-left: 4px;
    font-weight: 700;
}

/* Field description */
.wcpa_field_desc {
    color: #64748b !important;
    font-size: 14px !important;
    margin-bottom: 15px !important;
    line-height: 1.7 !important;
    text-align: left !important;
    font-weight: 400 !important;
}

/* ============================================
   RADIO BUTTONS - ENHANCED TOGGLE STYLE
   PERMANENTLY NO INNER BORDERS - ALL STATES
   ============================================ */

/* Hide default radio buttons */
.wcpa_radio input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* Style radio labels as modern toggle switches */
.wcpa_radio label {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 16px 24px 16px 75px !important;
    background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin-bottom: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    text-align: left !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.wcpa_radio label:hover {
    background: linear-gradient(145deg, #f1f5f9 0%, #e2e8f0 100%) !important;
    border-color: #cbd5e1 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.wcpa_radio label:active {
    transform: translateY(0);
}

/* Remove focus outline on label when clicked */
.wcpa_radio label:focus,
.wcpa_radio label:focus-visible,
.wcpa_radio label:focus-within {
    outline: none !important;
}

/* ============================================
   ABSOLUTE PERMANENT REMOVAL OF INNER BORDERS
   Applied to ALL possible states and interactions
   ============================================ */

/* Hide wcpa_check in ALL states */
.wcpa_check,
.wcpa_radio .wcpa_check,
.wcpa_radio label .wcpa_check,
.wcpa_radio:hover .wcpa_check,
.wcpa_radio:focus .wcpa_check,
.wcpa_radio:active .wcpa_check,
.wcpa_radio.wcpa_selected .wcpa_check,
.wcpa_radio.wcpa_selected:hover .wcpa_check,
.wcpa_radio.wcpa_selected:focus .wcpa_check,
.wcpa_radio.wcpa_selected:active .wcpa_check,
label .wcpa_check {
    display: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
    left: -9999px !important;
}

/* Remove ALL borders from ALL inner elements - ALL STATES */
.wcpa_radio label *,
.wcpa_radio label > *,
.wcpa_radio label span,
.wcpa_radio label span *,
.wcpa_radio label div,
.wcpa_radio label div *,
.wcpa_radio:hover label *,
.wcpa_radio:hover label span,
.wcpa_radio:focus label *,
.wcpa_radio:active label *,
.wcpa_radio:active label span,
.wcpa_radio.wcpa_selected label *,
.wcpa_radio.wcpa_selected label span,
.wcpa_radio.wcpa_selected:hover label *,
.wcpa_radio.wcpa_selected:focus label *,
.wcpa_radio.wcpa_selected:active label *,
.wcpa_radio.wcpa_selected:active label span {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Text container inside label */
.wcpa_radio label span:not(.wcpa_option_price) {
    flex: 1;
    text-align: left !important;
    margin-right: 12px;
    border: none !important;
    outline: none !important;
}

/* Toggle switch track (background) */
.wcpa_radio label:before {
    content: '' !important;
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 48px !important;
    height: 26px !important;
    background: linear-gradient(145deg, #cbd5e1, #94a3b8) !important;
    border-radius: 13px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
    border: none !important;
    outline: none !important;
}

/* Toggle switch knob (circle) */
.wcpa_radio label:after {
    content: '' !important;
    position: absolute !important;
    left: 21px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    background: linear-gradient(145deg, #ffffff, #f8fafc) !important;
    border-radius: 50% !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15);
    border: none !important;
    outline: none !important;
}

/* ============================================
   SELECTED/CHECKED STATE - ENHANCED BRAND COLOR
   NO BORDERS EVER
   ============================================ */
.wcpa_radio.wcpa_selected label {
    background: linear-gradient(145deg, rgba(8, 0, 117, 0.06), rgba(8, 0, 117, 0.12)) !important;
    border-color: #080075 !important;
    color: #080075 !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 16px rgba(8, 0, 117, 0.15), 0 0 0 1px rgba(8, 0, 117, 0.1) !important;
    outline: none !important;
}

.wcpa_radio.wcpa_selected label:before {
    background: linear-gradient(145deg, #0a0093, #080075) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 8px rgba(8, 0, 117, 0.3);
    border: none !important;
    outline: none !important;
}

.wcpa_radio.wcpa_selected label:after {
    transform: translateY(-50%) translateX(22px) !important;
    background: linear-gradient(145deg, #ffffff, #f0f0ff) !important;
    box-shadow: 0 3px 8px rgba(8, 0, 117, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
    border: none !important;
    outline: none !important;
}

/* ============================================
   PRICE DISPLAY - ENHANCED BRAND COLOR
   ============================================ */
.wcpa_option_price,
.wcpa_field_price {
    font-weight: 700 !important;
    color: #080075 !important;
    margin-left: auto !important;
    font-size: 16px !important;
    white-space: nowrap !important;
    padding-left: 16px !important;
    letter-spacing: -0.01em !important;
    border: none !important;
    outline: none !important;
}

.wcpa_radio label .wcpa_option_price {
    background: rgba(8, 0, 117, 0.08) !important;
    padding: 4px 12px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    border: none !important;
    outline: none !important;
}

.wcpa_radio.wcpa_selected label .wcpa_option_price {
    background: rgba(8, 0, 117, 0.15) !important;
    color: #080075 !important;
    border: none !important;
    outline: none !important;
}

/* ============================================
   DROPDOWN / SELECT MENU - FIXED HOVER & OVERFLOW
   ============================================ */

/* Style all select dropdowns */
.wcpa_field select,
select.wcpa_field,
.wcpa_select select,
.wcpa_type_select select,
.wcpa_type_select .wcpa_field select {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px 18px !important;
    padding-right: 40px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    background: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23080075' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 12px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

/* Hover state */
.wcpa_field select:hover,
select.wcpa_field:hover {
    border-color: #cbd5e1 !important;
    background-color: #f8fafc !important;
}

/* Focus state - Brand Color */
.wcpa_field select:focus,
select.wcpa_field:focus {
    border-color: #080075 !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(8, 0, 117, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    background-color: #ffffff !important;
}

/* ============================================
   ✅ FIX: SELECTED VALUE WAS GETTING CLIPPED ON THE LEFT
   Force no indent + no clipping + extra left padding
   (This is the only change you needed)
   ============================================ */
.wcpa_field select,
select.wcpa_field,
.wcpa_select select,
.wcpa_type_select select,
.wcpa_type_select .wcpa_field select{
    text-indent: 0 !important;
    padding-left: 22px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    direction: ltr !important;
    background-clip: padding-box !important;
}

/* ============================================
   DROPDOWN OPTIONS - BRAND COLOR HOVER
   ============================================ */

/* Normal option styling */
.wcpa_field select option,
select.wcpa_field option {
    padding: 12px 18px !important;
    font-size: 15px !important;
    color: #1e293b !important;
    background: #ffffff !important;
    font-weight: normal !important;
    white-space: normal !important;
    word-wrap: break-word !important;
}

/* HOVER state - BRAND COLOR */
select option:hover,
select.wcpa_field option:hover,
.wcpa_field select option:hover {
    background-color: rgba(8, 0, 117, 0.1) !important;
    background: rgba(8, 0, 117, 0.1) !important;
    color: #080075 !important;
}

/* For Firefox */
@-moz-document url-prefix() {
    select option:hover,
    select.wcpa_field option:hover {
        background-color: rgba(8, 0, 117, 0.1) !important;
    }
}

/* Disabled state */
.wcpa_field select:disabled,
select.wcpa_field:disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
    background-color: #f1f5f9 !important;
}

/* ============================================
   TEXT INPUT - AUTO-GROW TEXTAREA STYLE
   ============================================ */

/* Convert text input to textarea behavior */
.wcpa_field input[type="text"],
.wcpa_field textarea {
    width: 100% !important;
    min-height: 50px !important;
    max-height: 300px !important;
    padding: 14px 18px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #1e293b !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    text-align: left !important;
    line-height: 1.5 !important;
    resize: vertical !important;
    overflow-y: auto !important;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
}

.wcpa_field input[type="text"]::placeholder,
.wcpa_field textarea::placeholder {
    color: #94a3b8 !important;
    text-align: left !important;
}

/* Focus state - BRAND COLOR */
.wcpa_field input[type="text"]:focus,
.wcpa_field textarea:focus {
    border-color: #080075 !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(8, 0, 117, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    background: #ffffff !important;
}

.wcpa_field textarea {
    min-height: 120px !important;
}

/* ============================================
   FILE UPLOAD - FIXED BUTTON POSITIONING
   ============================================ */
.wcpa_type_file .wcpa_field_label {
    margin-bottom: 12px !important;
}

/* Container wrapper for file upload */
.wcpa_type_file > div {
    max-width: 100% !important;
}

.wcpa_file_style {
    display: block !important;
    width: 100% !important;
}

/* Main file upload container */
.awpca_custom_file {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
    padding: 14px 20px !important;
    background: linear-gradient(145deg, #f8fafc, #f1f5f9) !important;
    border: 2px dashed #cbd5e1 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-align: left !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 56px !important;
}

.awpca_custom_file:hover {
    background: linear-gradient(145deg, #f1f5f9, #e2e8f0) !important;
    border-color: #080075 !important;
    border-style: solid !important;
    box-shadow: 0 4px 12px rgba(8, 0, 117, 0.1);
}

/* Text area in file upload */
.awpca_custom_file p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 14px !important;
    text-align: left !important;
    flex: 1 !important;
    word-break: break-word !important;
    min-width: 0 !important;
}

/* Choose File Button - Positioned to the right */
.wcpa_choose_button {
    display: inline-block !important;
    padding: 10px 24px !important;
    background: linear-gradient(145deg, #0a0093, #080075) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(8, 0, 117, 0.3);
    text-align: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
}

.wcpa_choose_button:hover {
    background: linear-gradient(145deg, #060055, #050045) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(8, 0, 117, 0.4);
}

.wcpa_choose_button:active {
    transform: translateY(0);
}

/* Hide default file input */
.wcpa_file_style input[type="file"] {
    display: none !important;
}

/* File list (when files are uploaded) */
.wcpa_file_list {
    margin-top: 12px !important;
    padding: 0 !important;
    list-style: none !important;
}

.wcpa_file_list li {
    padding: 8px 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
    color: #334155 !important;
}

/* ============================================
   CHECKBOX (Agreement) - MODERN STYLE
   ============================================ */
.wcpa_checkbox {
    margin: 18px 0 !important;
}

.wcpa_checkbox input[type="checkbox"] {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    width: 22px !important;
    height: 22px !important;
    margin-right: 12px !important;
    margin-top: 2px !important;
    cursor: pointer !important;
    accent-color: #080075 !important;
    position: relative !important;
    opacity: 1 !important;
    flex-shrink: 0 !important;
    border-radius: 4px !important;
}

.wcpa_checkbox label {
    display: flex !important;
    align-items: flex-start !important;
    cursor: pointer !important;
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    padding: 14px 16px !important;
    background: linear-gradient(145deg, #f8fafc, #f1f5f9) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-align: left !important;
}

.wcpa_checkbox label:hover {
    background: linear-gradient(145deg, #f1f5f9, #e2e8f0) !important;
    border-color: #cbd5e1 !important;
}

/* Hide custom checkbox div */
.wcpa_checkbox_custom {
    display: none !important;
}

.wcpa_checkbox label span {
    flex: 1;
    text-align: left !important;
}

/* ============================================
   PRICE SUMMARY - ENHANCED MODERN DESIGN
   ============================================ */
.wcpa_price_summary {
    margin-top: 30px !important;
    padding: 24px !important;
    background: linear-gradient(145deg, #f8fafc, #f1f5f9) !important;
    border-radius: 12px !important;
    border: 2px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.wcpa_options_total,
.wcpa_product_total,
.wcpa_total {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 0 !important;
    font-size: 15px !important;
    color: #475569 !important;
    text-align: left !important;
}

.wcpa_options_total {
    color: #080075 !important;
    font-weight: 600 !important;
}

.wcpa_total {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #080075 !important;
    margin-top: 12px !important;
    padding-top: 18px !important;
    border-top: 3px solid #080075 !important;
    letter-spacing: -0.02em !important;
}

.wcpa_price_outer {
    font-weight: 700 !important;
    color: #080075 !important;
    text-align: right !important;
}

/* ============================================
   ROWS & SPACING
   ============================================ */
.wcpa_row {
    margin-bottom: 24px !important;
    text-align: left !important;
}

.wcpa_field_wrap {
    margin-bottom: 20px !important;
    text-align: left !important;
}

/* ============================================
   RESPONSIVE DESIGN - ENHANCED MOBILE
   ============================================ */
@media (max-width: 768px) {
    .wcpa_section {
        padding: 20px 16px !important;
        margin: 15px 0 !important;
        border-radius: 12px;
    }

    .wcpa_field_label,
    legend.wcpa_field_label {
        font-size: 16px !important;
        margin-bottom: 14px !important;
        text-align: left !important;
    }

    .wcpa_field input[type="text"],
    .wcpa_field textarea,
    .wcpa_field select,
    select.wcpa_field {
        padding: 12px 14px !important;
        font-size: 15px !important;
        text-align: left !important;
    }

    .wcpa_field select,
    select.wcpa_field {
        padding-right: 36px !important;
        background-position: right 12px center !important;
    }

    .wcpa_total {
        font-size: 20px !important;
    }

    .wcpa_price_summary {
        padding: 18px 16px !important;
    }
}

/* ============================================
   PRINT STYLES
   ============================================ */
@media print {
    .wcpa_section {
        box-shadow: none;
        border: 1px solid #000;
    }
}
/* =========================================================
   ✅ HARD RESET: Gift Card Amount dropdown (restore original)
   This fixes the left-cut text by restoring native select behavior
   while keeping your brand border/focus color.
   ========================================================= */

#field_select_7597211102,
.wcpa_field select#field_select_7597211102{
  width: 100% !important;
  max-width: 100% !important;

  /* restore native select rendering (this is what made it work before) */
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;

  /* remove any custom arrows/images that can cause clipping */
  background-image: none !important;
  background: #fff !important;

  /* remove all clipping/indent behaviors */
  text-indent: 0 !important;
  text-overflow: unset !important;
  overflow: visible !important;

  /* normal spacing so the value never clips */
  padding: 12px 14px !important;
  padding-right: 14px !important;

  /* keep your clean style */
  border: 2px solid #e2e8f0 !important;
  border-radius: 10px !important;
  color: #1e293b !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  box-sizing: border-box !important;
}

#field_select_7597211102:hover{
  border-color: #080075 !important;
}

#field_select_7597211102:focus{
  border-color: #080075 !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(8,0,117,.12) !important;
}





/* =========================================================
   WOOCOMMERCE CART ENHANCEMENTS - Brand: #080075
   Full CSS for WooCommerce Cart Page
   
   This works with the companion JavaScript file
   ========================================================= */

:root{
  --riBrand:#080075;
  --riBorder:#e5e7eb;
  --riText:#0f172a;
  --riMut:#64748b;
  --riBg:#ffffff;
  --riSoft:#f8fafc;
  --riRadius:16px;
}

.woocommerce-cart .woocommerce{
  max-width:1100px;
  margin:0 auto;
}

.woocommerce-cart form.woocommerce-cart-form{
  background:var(--riBg) !important;
  border:1px solid var(--riBorder) !important;
  border-radius:var(--riRadius) !important;
  padding:16px !important;
  box-shadow:0 16px 40px rgba(0,0,0,.06) !important;
  position:relative !important;
}

/* ========================================================= 
   LOADING OVERLAY 
   ========================================================= */
.woocommerce-cart-loading-overlay{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  background:rgba(255,255,255,.95) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  z-index:999999 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:20px !important;
}

.woocommerce-cart-loading-overlay.active{
  display:flex !important;
  animation:fadeIn 0.2s ease !important;
}

.woocommerce-cart-loading-spinner{
  width:70px !important;
  height:70px !important;
  border:5px solid rgba(8,0,117,.15) !important;
  border-top-color:var(--riBrand) !important;
  border-radius:50% !important;
  animation:spin 0.8s linear infinite !important;
  position:relative !important;
}

.woocommerce-cart-loading-spinner::after{
  content:'' !important;
  position:absolute !important;
  top:-5px !important;
  left:-5px !important;
  right:-5px !important;
  bottom:-5px !important;
  border:5px solid transparent !important;
  border-top-color:rgba(8,0,117,.3) !important;
  border-radius:50% !important;
  animation:spin 1.2s linear infinite reverse !important;
}

.woocommerce-cart-loading-text{
  font-size:16px !important;
  font-weight:700 !important;
  color:var(--riBrand) !important;
  letter-spacing:0.02em !important;
}

@keyframes spin{
  from { transform:rotate(0deg); }
  to { transform:rotate(360deg); }
}

@keyframes fadeIn{
  from { opacity:0; }
  to { opacity:1; }
}

/* ========================================================= 
   PRODUCTS TABLE 
   ========================================================= */
.woocommerce-cart table.shop_table{
  border:0 !important;
  border-collapse:separate !important;
  border-spacing:0 12px !important;
  margin:0 !important;
  width:100% !important;
}

.woocommerce-cart table.shop_table thead th{
  border:0 !important;
  background:var(--riBrand) !important;
  color:#fff !important;
  font-weight:800 !important;
  text-transform:none !important;
  font-size:13px !important;
  letter-spacing:.02em !important;
  padding:12px 12px !important;
}
.woocommerce-cart table.shop_table thead th:first-child{ border-top-left-radius:12px !important; }
.woocommerce-cart table.shop_table thead th:last-child{ border-top-right-radius:12px !important; }

.woocommerce-cart table.shop_table tbody tr{
  background:var(--riSoft) !important;
  border:1px solid var(--riBorder) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:0 10px 22px rgba(0,0,0,.05) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.woocommerce-cart table.shop_table tbody tr:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(8,0,117,.25) !important;
  box-shadow:0 16px 30px rgba(0,0,0,.08) !important;
}

.woocommerce-cart table.shop_table tbody td{
  border:0 !important;
  padding:14px 12px !important;
  vertical-align:middle !important;
}

.woocommerce-cart .product-thumbnail img{
  width:74px !important;
  height:74px !important;
  object-fit:cover !important;
  border-radius:14px !important;
  border:1px solid var(--riBorder) !important;
  background:#fff !important;
}

.woocommerce-cart .product-name a{
  color:var(--riText) !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
.woocommerce-cart .product-name a:hover{
  color:var(--riBrand) !important;
  text-decoration:underline !important;
}

.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal{
  font-weight:800 !important;
  color:var(--riText) !important;
  white-space:nowrap !important;
}

/* Remove button */
.woocommerce-cart a.remove{
  color:#ef4444 !important;
  background:#fff !important;
  border:1px solid var(--riBorder) !important;
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 10px 22px rgba(0,0,0,.05) !important;
  transition:.2s ease !important;
}

.woocommerce-cart a.remove:hover,
.woocommerce-cart a.remove:focus{
  background:#B31942 !important;
  border-color:#B31942 !important;
  color:#fff !important;
  transform:translateY(-1px) scale(1.03) !important;
  box-shadow:0 0 0 6px rgba(179,25,66,.12), 0 14px 28px rgba(0,0,0,.12) !important;
  outline:none !important;
}

/* Quantity */
.woocommerce-cart .quantity .qty{
  width:92px !important;
  padding:10px 12px !important;
  border:2px solid var(--riBorder) !important;
  border-radius:12px !important;
  background:#fff !important;
  font-weight:700 !important;
  color:var(--riText) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.04) !important;
  transition:.2s ease !important;
}
.woocommerce-cart .quantity .qty:focus{
  outline:none !important;
  border-color:var(--riBrand) !important;
  box-shadow:0 0 0 4px rgba(8,0,117,.12), 0 10px 22px rgba(0,0,0,.04) !important;
}

/* ========================================================= 
   COUPON + UPDATE 
   ========================================================= */
.woocommerce-cart .actions{
  padding-top:16px !important;
  border-top:1px solid var(--riBorder) !important;
  margin-top:8px !important;
}

.woocommerce-cart .coupon{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
}
.woocommerce-cart .coupon label{ display:none !important; }

.woocommerce-cart .coupon #coupon_code{
  min-width:220px !important;
  padding:12px 14px !important;
  border:2px solid var(--riBorder) !important;
  border-radius:12px !important;
  background:#fff !important;
  transition:.2s ease !important;
}
.woocommerce-cart .coupon #coupon_code:focus{
  outline:none !important;
  border-color:var(--riBrand) !important;
  box-shadow:0 0 0 4px rgba(8,0,117,.12) !important;
}

.woocommerce-cart button.button,
.woocommerce-cart a.button,
.woocommerce-cart input.button{
  border-radius:12px !important;
  padding:12px 16px !important;
  font-weight:800 !important;
  border:2px solid var(--riBorder) !important;
  background:#fff !important;
  color:var(--riText) !important;
  transition:.2s ease !important;
}

.woocommerce-cart button[name='update_cart'],
.woocommerce-cart input[name='update_cart']{
  background:linear-gradient(145deg, #0a0093, var(--riBrand)) !important;
  border-color:var(--riBrand) !important;
  color:#fff !important;
  box-shadow:0 0 0 6px rgba(8,0,117,.12), 0 18px 44px rgba(8,0,117,.24) !important;
}
.woocommerce-cart button[name='update_cart'][disabled],
.woocommerce-cart input[name='update_cart'][disabled]{
  opacity:.6 !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
}

/* ========================================================= 
   BASKET TOTALS 
   ========================================================= */
.woocommerce-cart .cart-collaterals{
  margin-top:18px !important;
  width:100% !important;
  float:none !important;
  clear:both !important;
  position:relative !important;
}

.woocommerce-cart .cart-collaterals .cart_totals{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  clear:both !important;
  background:#fff !important;
  border:2px solid rgba(8,0,117,.35) !important;
  border-radius:18px !important;
  padding:22px !important;
  box-shadow:0 0 0 5px rgba(8,0,117,.10), 0 0 26px rgba(8,0,117,.20), 0 18px 44px rgba(0,0,0,.10) !important;
}

.woocommerce-cart .cart-collaterals .cart_totals h2{
  font-weight:900 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:var(--riText) !important;
  margin:0 0 16px 0 !important;
  padding-bottom:14px !important;
  border-bottom:1px solid var(--riBorder) !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table{
  width:100% !important;
  border:0 !important;
  margin:0 !important;
}
.woocommerce-cart .cart-collaterals .cart_totals th,
.woocommerce-cart .cart-collaterals .cart_totals td{
  border:0 !important;
  padding:14px 0 !important;
  vertical-align:top !important;
}
.woocommerce-cart .cart-collaterals .cart_totals tr + tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr + tr td{
  border-top:1px solid rgba(229,231,235,.90) !important;
}

.woocommerce-cart .order-total td,
.woocommerce-cart .order-total strong{
  font-size:18px !important;
  font-weight:900 !important;
  color:var(--riBrand) !important;
}

/* ========================================================= 
   SHIPPING SECTION - FULLY CLICKABLE
   ========================================================= */
.woocommerce-cart .cart_totals .woocommerce-shipping-methods{
  list-style:none !important;
  margin:10px 0 0 0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.woocommerce-cart .cart_totals .woocommerce-shipping-methods li{
  background:#fff !important;
  border:1px solid var(--riBorder) !important;
  border-radius:14px !important;
  padding:12px !important;
  box-shadow:0 10px 22px rgba(0,0,0,.05) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
  cursor:pointer !important;
  position:relative !important;
}

.woocommerce-cart .cart_totals .woocommerce-shipping-methods li:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(8,0,117,.25) !important;
  box-shadow:0 14px 26px rgba(0,0,0,.08) !important;
}

.woocommerce-cart .cart_totals .woocommerce-shipping-methods li label{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  cursor:pointer !important;
  font-weight:850 !important;
  color:var(--riText) !important;
  line-height:1.25 !important;
  width:100% !important;
  margin:0 !important;
}

.woocommerce-cart .cart_totals .woocommerce-shipping-methods li label .amount{
  margin-left:auto !important;
  font-weight:900 !important;
  color:var(--riText) !important;
  white-space:nowrap !important;
}

.woocommerce-cart .cart_totals .woocommerce-shipping-methods input[type='radio']{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:18px !important;
  height:18px !important;
  border-radius:999px !important;
  border:2px solid #cbd5e1 !important;
  background:#fff !important;
  display:inline-grid !important;
  place-content:center !important;
  flex:0 0 auto !important;
  transition:.18s ease !important;
  cursor:pointer !important;
  margin:0 !important;
}
.woocommerce-cart .cart_totals .woocommerce-shipping-methods input[type='radio']::before{
  content:'' !important;
  width:8px !important;
  height:8px !important;
  border-radius:999px !important;
  transform:scale(0);
  transition:.18s ease !important;
  background:var(--riBrand) !important;
}
.woocommerce-cart .cart_totals .woocommerce-shipping-methods input[type='radio']:checked{
  border-color:var(--riBrand) !important;
  box-shadow:0 0 0 4px rgba(8,0,117,.12) !important;
}
.woocommerce-cart .cart_totals .woocommerce-shipping-methods input[type='radio']:checked::before{
  transform:scale(1);
}

.woocommerce-cart .cart_totals .woocommerce-shipping-methods li:has(input[type='radio']:checked){
  border-color:rgba(8,0,117,.35) !important;
  box-shadow:0 0 0 4px rgba(8,0,117,.10), 0 14px 30px rgba(0,0,0,.08) !important;
}

.woocommerce-cart .woocommerce-shipping-destination{
  margin-top:12px !important;
  color:var(--riMut) !important;
  font-weight:700 !important;
}

.woocommerce-cart .shipping-calculator-button{
  color:var(--riBrand) !important;
  font-weight:900 !important;
  text-decoration:none !important;
}
.woocommerce-cart .shipping-calculator-button:hover{
  text-decoration:underline !important;
}

/* ========================================================= 
   CHECKOUT BUTTON 
   ========================================================= */
.woocommerce-cart a.checkout-button{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(145deg, #0a0093, var(--riBrand)) !important;
  border:2px solid var(--riBrand) !important;
  color:#fff !important;
  border-radius:14px !important;
  padding:14px 16px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  box-shadow:0 18px 44px rgba(8,0,117,.22) !important;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.woocommerce-cart a.checkout-button:hover{
  transform:translateY(-2px) !important;
  filter:brightness(.98) !important;
  box-shadow:0 0 0 7px rgba(8,0,117,.14), 0 24px 60px rgba(8,0,117,.28) !important;
}

.woocommerce-cart a.checkout-button::after{
  content:'' !important;
  position:absolute !important;
  top:-40% !important;
  left:-60% !important;
  width:45% !important;
  height:180% !important;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%) !important;
  transform:skewX(-20deg) !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.woocommerce-cart a.checkout-button:hover::after{
  opacity:1 !important;
  animation:flare 1.1s ease-in-out forwards !important;
}

@keyframes flare{
  0%   { left:-60%; }
  100% { left:140%; }
}

/* ========================================================= 
   MOBILE 
   ========================================================= */
@media (max-width:768px){
  .woocommerce-cart form.woocommerce-cart-form{ padding:12px !important; }
  .woocommerce-cart table.shop_table thead{ display:none !important; }
  .woocommerce-cart table.shop_table,
  .woocommerce-cart table.shop_table tbody,
  .woocommerce-cart table.shop_table tr,
  .woocommerce-cart table.shop_table td{
    display:block !important;
    width:100% !important;
  }
  .woocommerce-cart table.shop_table tbody tr{ padding:12px !important; }
  .woocommerce-cart table.shop_table tbody td{ padding:10px 10px !important; }
  .woocommerce-cart .coupon{ width:100% !important; }
  .woocommerce-cart .coupon #coupon_code{ width:100% !important; min-width:0 !important; }
  .woocommerce-cart button.button,
  .woocommerce-cart a.button,
  .woocommerce-cart input.button{ width:100% !important; }
}