/*
 Theme Name:   Wowmart Child
 Theme URI:    http://yourwebsite.com
 Description:  Child theme for Wowmart
 Author:       Your Name
 Author URI:   http://yourwebsite.com
 Template:     wowmart
 Version:      1.0.0
*/





/* Import parent theme styles */
@import url("../wowmart/style.css");

/* ====================================================
   CROCHET SOFT BLOSSOM MASTER THEME
   Colors: Cream (#fbf7f7), Dusty Rose (#d68c8c), Sage (#8da47e)
   ==================================================== */

/* --- Global Background & Text --- */
body,
.woocommerce #content,
.womart-shop,
.womart-container,
.site-content {
    background-color: #f3f1eb !important;
    color: #444444 !important;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* --- Branding & Header Logic --- */
header,
.site-header,
.header-top,
.womart-header {
    background-color: #fbf7f700 !important;
    border-bottom: 0px solid rgba(214, 140, 140, 0.1) !important;
    border-top: 0px solid rgba(214, 140, 140, 0.1) !important;
}

.site-branding .custom-logo-link,
.site-branding img,
.womart-logo img {
    display: none !important;
}

.site-branding,
.site-header,
.womart-header {
    display: block !important;
}

/* ====================================================
   UNIFIED CLEAN MENU (DESKTOP & MOBILE)
   No backgrounds, no borders, no boxes on click
   ==================================================== */

/* Apply changes only to Desktop */
@media screen and (min-width: 1025px) {

    /* 1. Make Main Header Transparent */
    header#masthead.wowmart-header,
    .wowmart-header-middle,
    .site-branding {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* 2. Style the Menu Container */
    .wowmart-main-menu-container {
        display: flex;
        justify-content: flex-end;
        gap: 15px;
        /* Spacing between buttons */
        list-style: none;
        padding: 20px 0;
    }

    /* 3. Transform Menu Items into Graphical Buttons */
    .wowmart-main-menu-container li.menu-item a {
        background-color: #3d547f !important;
        /* Your requested button color */
        color: #b2c0d2 !important;
        /* White text for contrast */
        padding: 10px 22px !important;
        border-radius: 50px !important;
        /* Rounded pill shape */
        text-decoration: none !important;
        font-weight: 500;
        font-size: 14px;
        transition: all 0.3s ease-in-out;
        display: inline-block;
        box-shadow: 0 4px 15px rgba(214, 140, 140, 0.3);
        /* Subtle glow */
        border: 2px solid transparent !important;
    }

    /* 4. Hover Effects */
    .wowmart-main-menu-container li.menu-item a:hover {
        background-color: #b2c0d2 !important;
        color: #f3f1eb !important;
        /* Flip colors on hover */
        border: 2px solid #3d547f !important;
        transform: translateY(-2px);
        /* Slight lift effect */
        box-shadow: 0 6px 20px rgba(214, 140, 140, 0.4);
    }

    /* 5. Highlight the Current/Active Page */
    .wowmart-main-menu-container li.current-menu-item a {
        background-color: #3d547f !important;
        /* Slightly darker shade for active */
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
    }
}

/* Mobile & Tablet */
@media (max-width: 1024px) {

    /* 1. HEADER */
    header#masthead {
        background: transparent !important;
        box-shadow: none !important;
    }

    /* 2. MOBILE MENU BAR */
    #wsm-menu.mobile-menu-bar {
        background: transparent !important;
        box-shadow: none !important;
    }

    /* 3. THE REAL BLOCKER → container */
    #wsm-menu>.container {
        background: transparent !important;
        box-shadow: none !important;
        padding-left: 0;
        padding-right: 0;
    }

    /* 4. NAV WRAPPER */
    #mobile-navigation {
        background: transparent !important;
    }

    /* 5. DROPDOWN MENU (ONLY THIS IS WHITE) */
    #wsm-menu-ul {
        background-color: #ffffff !important;
        box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
        border-radius: 8px;
    }

    /* 6. MENU LINKS */
    #wsm-menu-ul li a {
        background: transparent !important;
        color: #333 !important;
        border-bottom: 1px solid #eee;
    }

    #wsm-menu-ul li:last-child a {
        border-bottom: none;
    }

    /* Mobile menu (hamburger) button spacing */
    #mmenu-btn {
        margin-top: 10px;
        /* space from top */
        margin-right: 16px;
        /* space from right */
    }
}



/* 2. Unified Link Styling (Normal State) */
#wsm-menu-ul li,
#wsm-menu-ul li a,
.mobile-header .mobile-menu li,
.mobile-header .mobile-menu li a {
    color: #444444 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.3s ease;
    -webkit-tap-highlight-color: transparent !important;
    /* Removes blue flash on mobile */
}

/* 3. Unified Hover, Active, and Click State */
/* This removes the "box" or "border" after clicking on mobile */
#wsm-menu-ul li a:hover,
#wsm-menu-ul li a:active,
#wsm-menu-ul li a:focus,
#wsm-menu-ul li.current-menu-item>a,
.mobile-header .mobile-menu li a:hover,
.mobile-header .mobile-menu li a:active,
.mobile-header .mobile-menu li a:focus,
.mobile-header .mobile-menu li.current-menu-item>a {
    color: #3d547f !important;
    /* Dusty Rose */
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    animation: none !important;
}

/* 4. Sub-Menu Cleanup */
#wsm-menu-ul li ul.sub-menu,
#wsm-menu-ul li ul.sub-menu li,
#wsm-menu-ul li ul.sub-menu li a {
    background-color: #cecbd3 !important;
    border: none !important;
    box-shadow: none !important;
}

/* 5. Mobile Overlay */
@media (max-width: 991px) {
    .mobile-menu-overlay {
        background-color: rgba(0, 0, 0, 0.3) !important;
    }

    .mobile-header {
        border-bottom: 1px solid rgba(214, 140, 140, 0.1) !important;
    }
}

/* ====================================================
   BOHO FILTER BAR: SOFT & MODERN
   ==================================================== */

.wowmart-filter-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    background-color: #cecbd3 !important;
    border: 1px solid rgba(214, 140, 140, 0.15) !important;
    padding: 15px 25px !important;
    border-radius: 12px;
}

.filter-group {
    position: relative;
    display: inline-block;
}

.wowmart-filter-bar .filter-dropdown-toggle,
.wowmart-filter-bar .reset-filters-btn {
    background-color: #fff !important;
    color: #3d547f !important;
    border: 1px solid #3d547f !important;
    border-radius: 30px !important;
    padding: 8px 18px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: 0.3s;
}

.wowmart-filter-bar .filter-dropdown-toggle:hover {
    background-color: #3d547f !important;
    color: #fff !important;
}

.wowmart-filter-bar .filter-dropdown-menu {
    position: absolute;
    top: 105%;
    left: 0;
    min-width: 220px;
    background: #ffffff !important;
    border: 1px solid #eee !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s ease;
}

.filter-group:hover .filter-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* ====================================================
   ENHANCED PRODUCT CARDS: SOFT & ORGANIC DESIGN
   ==================================================== */

/* --- 1. The Main Card Container --- */
ul.products li.product,
.product {
    background: #ffffff !important;
    /* White card to stand out against beige site bg */
    border-radius: 25px !important;
    /* Soft, rounded corners for crochet feel */
    padding: 15px !important;
    border: 1px solid #cecbd3 !important;
    /* Frame color */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

/* Hover Effect: Lift and Shadow */
ul.products li.product:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(178, 192, 210, 0.3) !important;
    border-color: #3d547f !important;
    /* Border changes to Navy on hover */
}

/* --- 2. The Curved Top Background (The "Pocket") --- */
/* This creates a soft curved color behind the image */
ul.products li.product::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 180px;
    /* Adjust height based on your image size */
    background: #b2c0d2 !important;
    /* Your second color */
    opacity: 0.15;
    /* Keep it subtle */
    border-radius: 0 0 50% 50% / 0 0 15% 15%;
    /* This creates the curve */
    z-index: 0;
}

/* --- 3. The Image Styling --- */
.woocommerce ul.products li.product a img,
ul.products li.product .attachment-woocommerce_thumbnail {
    position: relative;
    z-index: 1;
    /* Sits on top of the curved background */
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 20px !important;
    margin-bottom: 15px !important;
    background: #fff;
    /* White border around the image itself */
    padding: 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

/* --- 4. Product Title & Price --- */
ul.products li.product .woocommerce-loop-product__title {
    color: #3d547f !important;
    /* Navy */
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    padding: 0 5px !important;
}

ul.products li.product .price {
    color: #3d547f !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    margin-bottom: 15px !important;
    display: block !important;
}

/* --- 5. Add to Cart Button on Main Page --- */
ul.products li.product .button {
    background-color: #3d547f !important;
    /* Navy */
    color: #fff !important;
    border-radius: 50px !important;
    /* Pill shape */
    padding: 10px 20px !important;
    font-size: 13px !important;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.3s ease;
    margin-top: auto !important;
    /* Keeps button at bottom */
}

ul.products li.product .button:hover {
    background-color: #b2c0d2 !important;
    /* Secondary color */
    color: #3d547f !important;
}

/* --- 6. Mobile Adjustments --- */
@media (max-width: 768px) {
    ul.products li.product::before {
        height: 140px;
        /* Smaller curve for mobile */
    }

    ul.products li.product {
        padding: 10px !important;
        border-radius: 15px !important;
    }
}


/* ====================================================
   PRODUCT CARD ALIGNMENT & LAYOUT
   ==================================================== */

/* 1. Ensure the main list item creates a full-height column */
ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    /* Allows grid to define height */
}

/* 2. Force the inner wrapper (Typo 'poroduct' is from theme) to fill height */
.wowmart-poroduct {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: space-between !important;
}

/* 3. Make the text content area flex-grow to fill empty space */
.wowmart-product-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    justify-content: flex-start !important;
    position: relative !important;
}

/* 4. Reserve vertical space for the Price Section 
   This ensures single-line prices align with double-line ranges visually */
.wowmart-product-price {
    min-height: 50px !important;
    /* Enough space for 2 lines */
    display: flex !important;
    flex-direction: column !important;
    /* Stacks ranges properly */
    justify-content: center !important;
    /* Centers single prices vertically */
    margin-bottom: 10px !important;
}

/* 5. Push the Button Wrapper to the absolute bottom of the card */
.wowmart-product-button-wrapper {
    margin-top: auto !important;
    /* The magic property for alignment */
    width: 100% !important;
    padding-top: 10px !important;
}

/* 6. Alignment Polish for the Button itself */
.wowmart-product-button-wrapper .button {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
}


/* ====================================================
   BUTTONS: SOFT PILL STYLE
   ==================================================== */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
button,
a.button,
.elementor-button {
    background-color: #3d547f !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 12px 25px !important;
    font-weight: 600 !important;
    transition: 0.3s ease !important;
    border: none !important;
}

.woocommerce a.button:hover,
button:hover {
    background-color: #cecbd3 !important;
    transform: translateY(-2px);
}

/* ====================================================
   FIX: PASSWORD EYE ICON & FORMS
   ==================================================== */

body .password-input {
    position: relative !important;
    display: block !important;
}

body .password-input input {
    padding-right: 5px !important;
}

body .password-input .show-password-input {
    position: absolute !important;
    top: 50% !important;
    right: 1px !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
}

input,
textarea,
select {
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
}

/* ====================================================
   PHOTOSWIPE (LIGHT THEME)
   ==================================================== */

.pswp__bg {
    background-color: rgba(255, 255, 255, 0.98) !important;
}

.pswp__counter {
    color: #444 !important;
}

.pswp__button {
    background-color: transparent !important;
    opacity: 0.7;
}

/* ====================================================
    BANNER
   ==================================================== */

/* Shop Banner Responsive */
.wowmart-banner.bg-overlay.has-image {
    width: 100%;
    height: 500px;
    background-color: #fbf7f7 !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    align-items: center;
}

@media (min-width: 769px) {
    .wowmart-banner.bg-overlay.has-image {
        background-image: url('http://raykord.com/wp-content/uploads/2026/01/desktop-header-5.jpg') !important;
    }
}

@media (max-width: 768px) {
    .wowmart-banner.bg-overlay.has-image {
        height: 300px;
        background-image: url('http://raykord.com/wp-content/uploads/2026/01/mobile-header-7.jpg') !important;
    }
}

/* Hide banner text per rules */
.wowmart-banner .banner-title,
.wowmart-banner .banner-subtitle,
.wowmart-banner .banner-description {
    display: none !important;
}



/* ====================================================
   SINGLE PRODUCT - CROCHET SHOP THEME
   ==================================================== */

/* --- 1. Layout Container --- */
.woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: left !important;
    gap: 15px !important;
    padding: 20px 0 !important;
}

.cart {
    display: block !important;
}

/* --- 2. Quantity Styling --- */
.quantity .number-style {
    border: none !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
}

/* --- 3. The "Counting Number" (Input Field) --- */
.quantity input.qty {
    background: #fff !important;
    /* White background for the input box */
    border: 1px solid #cecbd3 !important;
    /* Frame color */
    color: #3d547f !important;
    /* Button/Primary color for text */
    font-size: 18px !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    width: 60px !important;
    text-align: center !important;
    padding: 0 !important;
    height: 45px !important;
    border-radius: 4px !important;
    -moz-appearance: textfield !important;
}

/* --- 4. Add to Cart Button --- */
button.single_add_to_cart_button {
    flex-grow: 1 !important;
    background: #3d547f !important;
    /* Button color */
    color: #ffffff !important;
    border: none !important;
    height: 50px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 10px rgba(61, 84, 127, 0.2) !important;
    transition: all 0.3s ease !important;
}

button.single_add_to_cart_button:hover {
    background: #b2c0d2 !important;
    /* Second color on hover */
    color: #3d547f !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 15px rgba(178, 192, 210, 0.4) !important;
}

button.single_add_to_cart_button.disabled {
    opacity: 0.5 !important;
    background: #cecbd3 !important;
    /* Frame color for disabled state */
    color: #fff !important;
    cursor: not-allowed;
    box-shadow: none !important;
}

/* --- 5. Variation Dropdowns --- */
table.variations {
    border-spacing: 0 10px;
    width: 100%;
}

table.variations th.label {
    color: #3d547f !important;
    /* Primary color for labels */
    font-size: 15px;
    font-weight: 600;
    padding-right: 15px;
}

table.variations td.value select {
    background-color: #ffffff !important;
    border: 1px solid #cecbd3 !important;
    /* Frame color */
    color: #3d547f !important;
    padding: 10px 15px !important;
    border-radius: 4px !important;
    width: 100%;
    outline: none;
    transition: all 0.3s ease;
    font-size: 16px !important;
}

table.variations td.value select:focus {
    border-color: #3d547f !important;
    box-shadow: 0 0 8px rgba(61, 84, 127, 0.1);
}

/* ====================================================
   SINGLE PRODUCT PAGE: TEXT ALIGNMENT FIX
   ==================================================== */

/* --- 1. Title and Price (Align Left) --- */
.woocommerce div.product .product_title,
.woocommerce div.product .price {
    text-align: left !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Ensure price and title are navy to match your brand */
.woocommerce div.product .product_title {
    color: #3d547f !important;
}

.woocommerce div.product .price {
    color: #c7920b !important;
    font-size: 1.5rem !important;
}

/* --- 2. Add to Cart Layout Container (Corrected) --- */
.woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    /* Align content to the left */
    align-items: center !important;
    gap: 15px !important;
    padding: 20px 0 !important;
}

/* --- 3. SKU and Category (Center Alignment) --- */
.product_meta {
    display: flex !important;
    flex-direction: column !important;
    /* Stacks the SKU line and Category line */
    align-items: center !important;
    /* Centers the lines horizontally */
    text-align: center !important;
    /* Centers text within the lines */
    margin-top: 30px !important;
    padding-top: 20px !important;
    border-top: 1px solid #cecbd3 !important;
    /* Frame color separator */
    width: 100% !important;
    color: #b2c0d2 !important;
    /* Secondary color for labels */
    font-size: 0.9rem !important;
}

/* Individual lines (SKU wrapper and Category wrapper) */
.product_meta .sku_wrapper,
.product_meta .posted_in {
    display: block !important;
    /* Each wrapper takes its own line */
    margin-bottom: 8px !important;
}

/* Ensure the label and the value stay side-by-side */
.product_meta .sku,
.product_meta a {
    display: inline !important;
    /* Keeps value in front of label */
    margin-left: 5px !important;
    color: #3d547f !important;
    /* Navy for the actual values */
    font-weight: 700 !important;
}

/* Hover effect for Category links */
.product_meta a:hover {
    color: #b2c0d2 !important;
    text-decoration: underline !important;
}

.product_meta span span,
.product_meta a {
    color: #3d547f !important;
    /* Navy for the actual values/links */
    font-weight: 600;
}

/* ====================================================
   FIXES FOR LINKS, WISHLIST, AND LABELS
   ==================================================== */

/* --- 1. Fix Variation Labels (Currently White) --- */
/* We change this to Navy (#3d547f) to make it clear and readable */
.woocommerce div.product form.cart .variations th.label label,
table.variations th.label {
    color: #3d547f !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
}

/* --- 2. Fix General Product Links --- */
/* This targets links like categories, tags, or small metadata */
.product_meta a,
.woocommerce-product-details__short-description a {
    color: #b2c0d2 !important;
    /* Using your secondary color */
    text-decoration: underline;
    transition: color 0.3s ease;
}

.product_meta a:hover {
    color: #3d547f !important;
    /* Navy on hover */
}

/* --- 3. YITH Add to Wishlist Customization --- */
/* Targets the "Add to wishlist" text label */
.yith-wcwl-add-to-wishlist-button__label {
    color: #3d547f !important;
    /* Navy to match buttons */
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-left: 8px !important;
}

/* Targets the Wishlist Icon (heart) */
.yith-wcwl-add-to-wishlist-button i {
    color: #b2c0d2 !important;
    /* Soft blue-grey for the icon */
}

/* Hover state for the entire wishlist button */
.yith-wcwl-add-to-wishlist-button:hover .yith-wcwl-add-to-wishlist-button__label,
.yith-wcwl-add-to-wishlist-button:hover i {
    color: #3d547f !important;
    opacity: 0.8;
}

/* --- 4. Cleaning up the Wishlist Wrapper --- */
.yith-wcwl-add-to-wishlist {
    margin-top: 15px !important;
    padding: 5px 0;
    border-top: 1px solid #cecbd3 !important;
    /* Frame color separator */
    display: inline-block;
}

/* ====================================================
   GLOBAL LINK & WISHLIST RESET
   ==================================================== */

/* --- 1. Global Link Color Override --- */
/* This forces all links in the content area to stop using purple/green */
a {
    color: #3d547f !important;
    /* Navy */
    text-decoration-color: #b2c0d2 !important;
    /* Soft blue underline */
    transition: all 0.3s ease !important;
}

a:hover {
    color: #b2c0d2 !important;
    /* Soft blue text on hover */
    text-decoration-color: #3d547f !important;
    /* Navy underline on hover */
}

/* --- 2. YITH "Browse Wishlist" Specific Fix --- */
/* Targets the link that appears after adding an item */
.yith-wcwl-wishlistaddedbrowse a,
.yith-wcwl-wishlistexistsbrowse a,
.yith-wcwl-add-to-wishlist .feedback a {
    color: #3d547f !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    /* Explicitly killing the purple/green highlights */
    text-decoration-color: #cecbd3 !important;
    border-bottom: none !important;
}

.yith-wcwl-wishlistaddedbrowse a:hover,
.yith-wcwl-wishlistexistsbrowse a:hover,
.yith-wcwl-add-to-wishlist .feedback a:hover {
    color: #b2c0d2 !important;
    text-decoration-color: #3d547f !important;
    background: transparent !important;
    /* Some themes add a background color on hover */
}

/* --- 3. Success Message Styling --- */
/* The "Product added!" text that appears briefly */
.yith-wcwl-wishlistaddedbrowse .feedback,
.yith-wcwl-wishlistexistsbrowse .feedback {
    color: #4a4a4a !important;
    font-size: 13px !important;
    font-style: italic !important;
}

/* --- 4. Fixing the "X" or Close icons in YITH (if applicable) --- */
.yith-wcwl-add-to-wishlist .view-wishlist i {
    color: #3d547f !important;
}

/* ====================================================
   VARIATION VALUE FIX (OVERRIDING INLINE STYLES)
   ==================================================== */

/* Targets the ": Cream" or ": Blue" text next to the label */
.selected-val {
    color: #3d547f !important;
    font-weight: 700 !important;
    margin-left: 5px !important;
    text-transform: capitalize !important;
}

/* Optional: If there is a "Clear" or "Reset" link that appears 
   next to variations, let's make it match the secondary color */
.reset_variations {
    color: #b2c0d2 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.reset_variations:hover {
    color: #3d547f !important;
    text-decoration: underline !important;
}

/* ====================================================
   WOOCOMMERCE PRODUCT TABS: BOUTIQUE STYLE
   ==================================================== */

/* Hide Additional Information Tab and Content */
.additional_information_tab,
#tab-additional_information {
    display: none !important;
}

/* --- 1. Outer Tabs Wrapper --- */
.woocommerce-tabs.wc-tabs-wrapper {
    background-color: #f3f1eb !important;
    border: 1px solid #cecbd3 !important;
    border-radius: 12px !important;
    padding: 30px !important;
    margin-top: 40px !important;
}

/* --- 2. Tabs List Header --- */
.woocommerce-tabs .wc-tabs {
    border-bottom: 1px solid #cecbd3 !important;
    display: flex !important;
    gap: 25px;
    padding: 0 !important;
    margin: 0 0 25px 0 !important;
}

.woocommerce-tabs .wc-tabs li a {
    color: #b2c0d2 !important;
    /* Soft Blue */
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 14px !important;
    padding-bottom: 10px !important;
    display: inline-block;
}

.woocommerce-tabs .wc-tabs li.active a {
    color: #3d547f !important;
    /* Navy */
    border-bottom: 3px solid #3d547f !important;
}

/* --- 3. Description: Left-Aligned & Justified --- */
.woocommerce-Tabs-panel--description,
.woocommerce-Tabs-panel--description p {
    color: #4a4a4a !important;
    line-height: 1.8 !important;
    font-size: 16px !important;
    /* This makes text clean on both sides like a book */
    text-align: justify !important;
    text-align-last: left !important;
}

/* Hide the redundant "Description" H2 inside the box */
.woocommerce-Tabs-panel h2 {
    display: none !important;
}

/* 1. Container & Tab Navigation */
.woocommerce-tabs.wc-tabs-wrapper {
    background: transparent;
    margin-top: 40px;
}

.woocommerce-tabs ul.tabs {
    border-bottom: 2px solid #cecbd3 !important;
    /* Dark Cream */
    padding-left: 0 !important;
    margin-bottom: 30px !important;
    display: flex;
    gap: 10px;
}

.woocommerce-tabs ul.tabs li {
    background-color: #b2c0d2 !important;
    /* Light Blue */
    border: none !important;
    border-radius: 8px 8px 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: all 0.3s ease;
}

.woocommerce-tabs ul.tabs li a {
    color: #3d547f !important;
    /* Buttons/Links color */
    font-weight: 600;
    padding: 12px 25px !important;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.9em;
}

/* Active & Hover States */
.woocommerce-tabs ul.tabs li.active {
    background-color: #3d547f !important;
    /* Primary Accent */
}

.woocommerce-tabs ul.tabs li.active a {
    color: #ffffff !important;
}

.woocommerce-tabs ul.tabs li:hover:not(.active) {
    background-color: #cecbd3 !important;
    /* Dark Cream hover */
}

/* 2. Content Panel Styles */
.woocommerce-Tabs-panel {
    padding: 20px 0;
    color: #4a4a4a;
    line-height: 1.8;
}

.woocommerce-Tabs-panel h2 {
    color: #3d547f;
    font-size: 1.5rem;
    margin-bottom: 15px;
}

/* --- ENHANCED REVIEWS SECTION --- */

/* Review List Styling */
#reviews .commentlist {
    padding: 0 !important;
}

#reviews .commentlist li {
    background: #ffffff;
    border: 1px solid #cecbd3;
    border-radius: 15px;
    padding: 20px !important;
    margin-bottom: 25px;
    position: relative;
    list-style: none;
}

/* Mobile-Specific Adjustments (Phones and Tablets) */
@media (max-width: 768px) {
    #reviews .commentlist li img.avatar {
        position: relative !important;
        display: block;
        margin-bottom: 10px;
        float: none !important;
    }

    .woocommerce-tabs ul.tabs {
        flex-direction: column;
        /* Stack tabs vertically on mobile */
        border-bottom: none !important;
    }

    .woocommerce-tabs ul.tabs li {
        border-radius: 8px !important;
        margin-bottom: 5px !important;
    }

    #reviews .comment-text {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }
}

/* Review Author & Date */
#reviews .comment-text .meta {
    color: #3d547f;
    font-size: 0.95rem;
}

#reviews .comment-text .meta strong {
    font-size: 1.1rem;
    display: block;
}

/* Verified Owner Badge Styling */
.woocommerce-review__verified {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #2ecc71;
    /* Subtle green for trust */
    font-weight: bold;
}

/* --- ENHANCED REVIEW FORM (MOBILE FRIENDLY) --- */

#review_form_wrapper {
    background: #ffffff;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #cecbd3;
}

#commentform label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #3d547f;
}

/* Full-width inputs for better touch accuracy on mobile */
#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea {
    width: 100% !important;
    border: 2px solid #b2c0d2;
    /* Light Blue */
    background-color: #fcfcfc;
    padding: 15px !important;
    font-size: 16px !important;
    /* Prevents iOS auto-zoom on focus */
    border-radius: 8px;
    box-sizing: border-box;
}

#commentform textarea:focus,
#commentform input:focus {
    outline: none;
    border-color: #3d547f;
    /* Darker blue on focus */
    background-color: #fff;
}

/* 1. Force Left Alignment for the Review Content */
#reviews .commentlist li .comment-text {
    text-align: left !important;
    margin: 0 !important;
    padding: 0 0 0 20px !important;
    /* Adds space after the avatar */
    width: 100%;
}

/* 2. Target Author (Strong) and Date (Time) */
#reviews .comment-text .meta {
    text-align: left !important;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

#reviews .comment-text .meta strong {
    font-size: 1.1rem;
    color: #3d547f;
    /* Buttons/Links Color */
    display: block;
    text-align: left !important;
}

#reviews .comment-text .meta time {
    font-size: 0.85rem;
    color: #b2c0d2;
    /* Light Blue for a subtle date */
    display: block;
    text-align: left !important;
}

/* 3. Ensure the actual comment paragraph is left-aligned */
#reviews .comment-text .description {
    text-align: left !important;
    margin-top: 10px;
}

/* 4. Mobile Refinement: Prevent Centering on Small Screens */
@media (max-width: 768px) {
    #reviews .commentlist li {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        /* Aligns everything to the left */
        padding: 15px !important;
    }

    #reviews .commentlist li img.avatar {
        margin: 0 0 15px 0 !important;
        /* Removes 'auto' margins that cause centering */
        float: none !important;
    }

    #reviews .commentlist li .comment-text {
        padding: 0 !important;
        /* Remove desktop padding on mobile */
    }
}

/* ====================================================
   WOOCOMMERCE MY ACCOUNT: FIXED SPACING VERSION
   ==================================================== */

.woocommerce-account .woocommerce {
    color: #4a4a4a;
    background: transparent;
    font-family: "Poppins", "Playfair Display", serif;
    display: block;
}

/* Clearfix for floated elements */
.woocommerce-account .woocommerce::after {
    content: "";
    display: table;
    clear: both;
}

/* --- 1. Navigation Sidebar (Desktop Fix) --- */
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 26%;
    /* Slightly wider to reduce the gap */
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #ffffff;
    border: 1px solid #cecbd3;
    /* Dark Cream */
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #f3f1eb;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 18px 25px;
    color: #3d547f !important;
    /* Changed to Navy for better visibility */
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    background: #3d547f !important;
    color: #ffffff !important;
}

/* --- 2. Content Area (Desktop Fix) --- */
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 71%;
    /* Increased from 70% to close the gap further */
    background: #ffffff;
    padding: 30px;
    border-radius: 15px;
    border: 1px solid #cecbd3;
    box-sizing: border-box;
    /* Ensures padding doesn't break the layout */
}

/* --- 3. MOBILE RESPONSIVENESS (The "Tiny Gap" Fix) --- */
@media (max-width: 768px) {

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        float: none !important;
        width: 100% !important;
        display: block;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 30px !important;
        /* Adds the gap you were missing on mobile */
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 20px;
        /* Slightly tighter padding for small screens */
    }

    /* Make the table scrollable on mobile so it doesn't break the design */
    .woocommerce-MyAccount-content {
        overflow-x: auto;
    }
}

/* --- 4. Tables --- */
.woocommerce-account table.shop_table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #cecbd3 !important;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}

.woocommerce-account table th {
    background-color: #f3f1eb !important;
    color: #3d547f !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    padding: 15px !important;
}

.woocommerce-account table td {
    color: #4a4a4a !important;
    padding: 15px !important;
    border-top: 1px solid #f3f1eb !important;
}


/* --- 5. Inputs & Forms --- */
.woocommerce-account input,
.woocommerce-account textarea,
.woocommerce-account select {
    background-color: #ffffff !important;
    border: 1px solid #cecbd3 !important;
    /* Dark Cream */
    color: #3d547f !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    /* Prevents mobile zoom */
    transition: border-color 0.3s ease;
}

.woocommerce-account input:focus,
.woocommerce-account textarea:focus {
    border-color: #3d547f !important;
    /* Navy */
    outline: none;
    box-shadow: 0 0 0 3px rgba(61, 84, 127, 0.1);
}

/* ====================================================
   YITH WISHLIST: BOUTIQUE TABLE STYLING
   ==================================================== */

/* --- 1. Table Container Fix --- */
.woocommerce .wishlist_table {
    border: 1px solid #cecbd3 !important;
    border-radius: 15px !important;
    border-collapse: separate !important; /* Required for border-radius to work */
    border-spacing: 0 !important;
    overflow: hidden;
    background-color: #ffffff !important;
    margin: 20px 0 !important;
    box-shadow: 0 5px 15px rgba(61, 84, 127, 0.05);
}

/* --- 2. Header (Navy) --- */
.wishlist_table thead th {
    background-color: #3d547f !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    padding: 18px !important;
    border: none !important;
}

/* --- 3. Rows & Cells --- */
.wishlist_table tr td {
    border-top: 1px solid #f3f1eb !important;
    padding: 20px 15px !important;
    vertical-align: middle !important;
    color: #4a4a4a;
}

/* Row Hover Effect */
.wishlist_table tbody tr:hover td {
    background-color: #faf9f6 !important; /* Very subtle beige highlight */
}

/* --- 4. Product Image & Name --- */
.wishlist_table .product-thumbnail img {
    max-width: 80px !important;
    border-radius: 8px;
    border: 1px solid #cecbd3;
}

.wishlist_table .product-name a {
    color: #3d547f !important; /* Navy Product Name */
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
}

.wishlist_table .product-name a:hover {
    color: #b2c0d2 !important;
}

/* --- 5. Price & Stock Status --- */
.wishlist_table .product-price ins, 
.wishlist_table .product-price .amount {
    color: #3d547f !important;
    font-weight: 700;
}

.wishlist_table .wishlist-in-stock {
    color: #3d547f !important; /* Boutique Navy instead of Green */
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}

/* --- 6. Remove Icon Styling --- */
.wishlist_table a.remove_from_wishlist {
    color: #b2c0d2 !important; /* Soft Blue for the X */
    font-size: 20px !important;
    transition: all 0.2s ease;
    display: flex;
    justify-content: center;
}

.wishlist_table a.remove_from_wishlist:hover {
    color: #3d547f !important; /* Navy on hover */
    transform: scale(1.2);
}

/* --- 7. Buttons (Pill Shape) --- */
.wishlist_table .add_to_cart,
.wishlist_table .button {
    background-color: #3d547f !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 12px 25px !important;
    font-size: 11px !important;
    letter-spacing: 0.5px;
    font-weight: 700;
    text-transform: uppercase;
    border: none !important;
    transition: all 0.3s ease;
}

.wishlist_table .add_to_cart:hover,
.wishlist_table .button:hover {
    background-color: #b2c0d2 !important;
    color: #3d547f !important;
    box-shadow: 0 4px 10px rgba(178, 192, 210, 0.4);
}

/* --- 8. Mobile Responsiveness Fix --- */
@media screen and (max-width: 768px) {
    /* Make the table scrollable horizontally on small screens */
    .yith-wcwl-form {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .wishlist_table thead {
        display: table-header-group; /* Ensure header stays */
    }

    .wishlist_table .product-thumbnail {
        display: none; /* Hide image on very small mobile to save space */
    }

    .wishlist_table .add_to_cart {
        padding: 8px 12px !important;
        font-size: 10px !important;
    }
}
/* --- 7. Alerts & Messages --- */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
    background-color: #ffffff !important;
    color: #3d547f !important;
    border-radius: 12px;
    padding: 20px 25px !important;
    border: 1px solid #cecbd3 !important;
    border-left: 5px solid #3d547f !important;
    /* Navy Accent Line */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
}

.woocommerce-error {
    border-left-color: #e74c3c !important;
    /* Keep Red for Errors */
}

/* --- 8. Mobile Responsive Dashboard (Grid Layout) --- */
@media screen and (max-width: 768px) {

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        float: none !important;
        width: 100% !important;
        display: block;
    }

    /* Fixed the 'Tiny Gap' issue here */
    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 40px !important;
        /* Stronger separation from content */
    }

    /* Navigation Grid Fixes */
    .woocommerce-MyAccount-navigation ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* 2 Columns */
        gap: 12px;
        /* Balanced spacing */
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    .woocommerce-MyAccount-navigation ul li {
        border: 1px solid #cecbd3 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        margin: 0 !important;
    }

    .woocommerce-MyAccount-navigation ul li a {
        padding: 20px 10px !important;
        text-align: center;
        font-size: 11px !important;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.2;
    }

    .woocommerce-MyAccount-navigation ul li.is-active {
        border-color: #3d547f !important;
    }

    /* Content Area Adjustment */
    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 20px !important;
    }

    /* Ensure tables don't squash */
    .woocommerce-MyAccount-content {
        overflow-x: auto;
    }
}

/* ====================================================
   CENTERED WOOCOMMERCE LOGIN / REGISTER FORM
   ==================================================== */

/* 1. Main Form Container */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
    display: block;
    margin: 40px auto !important;
    /* Centering */
    width: 100%;
    max-width: 420px;
    background: #ffffff;
    /* Pure white card for contrast against beige bg */
    padding: 40px 35px;
    border-radius: 20px;
    /* Soft rounded corners for crochet theme */
    border: 1px solid #cecbd3;
    /* Frame color */
    box-shadow: 0 15px 35px rgba(61, 84, 127, 0.08);
    /* Soft navy-tinted shadow */
    box-sizing: border-box;
    float: none !important;
}

/* Hide register form initially */
.woocommerce-account .woocommerce-form-register {
    display: none;
}

/* 2. Headings */
.woocommerce-account h2 {
    text-align: center;
    color: #3d547f !important;
    /* Navy */
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-bottom: 30px;
    text-shadow: none !important;
    /* Removing old glow effect */
}

/* 3. Inputs (Text, Password, Email) */
.woocommerce-account input[type="text"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="email"] {
    width: 100%;
    background: #ffffff !important;
    border: 1px solid #cecbd3 !important;
    /* Frame color */
    color: #3d547f !important;
    /* Navy text */
    border-radius: 8px;
    padding: 12px 15px;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

.woocommerce-account input:focus {
    border-color: #3d547f !important;
    /* Highlight with Navy */
    outline: none;
}

/* 4. Labels */
.woocommerce-account .form-row label {
    color: #3d547f !important;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

/* 5. Button Styling */
.woocommerce-account button.button {
    width: 100%;
    background: #3d547f !important;
    /* Navy */
    color: #ffffff !important;
    border: none;
    border-radius: 50px !important;
    /* Pill shape to match product cards */
    padding: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-top: 10px;
}

.woocommerce-account button.button:hover {
    background: #b2c0d2 !important;
    /* Light Blue hover */
    color: #3d547f !important;
    transform: translateY(-1px);
}

/* 6. Remember Me & Checkbox Alignment */
.woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
    margin: 20px 0 !important;
    cursor: pointer;
    color: #4a4a4a !important;
    font-size: 14px;
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
    margin: 0 !important;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #cecbd3 !important;
    border-radius: 4px;
    cursor: pointer;
}

/* 7. Lost Password Link */
.woocommerce-account .lost_password {
    text-align: center;
    margin-top: 20px;
}

.woocommerce-account .lost_password a {
    color: #b2c0d2 !important;
    /* Light blue secondary color */
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.woocommerce-account .lost_password a:hover {
    color: #3d547f !important;
    /* Navy hover */
    text-decoration: underline;
}

/* 8. Error/Message Styling on Login Page */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
    max-width: 420px;
    margin: 0 auto 20px auto !important;
    border-radius: 10px;
}


/* ===============================
   1. LAYOUT & DESKTOP ALIGNMENT FIX
   =============================== */

/* Force WooCommerce login/register columns into a single centered column */
.u-columns.col2-set#customer_login {
    display: block !important;
    max-width: 500px;
    /* Limits width for better desktop readability */
    margin: 0 auto !important;
    float: none !important;
}

/* Reset individual columns (removes side-by-side float) */
.u-columns.col2-set .u-column1,
.u-columns.col2-set .u-column2 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
}

/* Hide default WooCommerce "Login" / "Register" headings (the tabs replace these) */
.u-columns.col2-set h2 {
    display: none !important;
}

/* Visibility logic for toggling forms */
.u-column1,
.u-column2 {
    display: none;
}

/* Default state: show login (u-column1) */
.u-column1 {
    display: block;
}

/* JS-driven states */
.u-column1.form-hidden {
    display: none;
}

.u-column2.form-active {
    display: block;
}

/* ===============================
   2. MYSTIC AUTH TABS STYLING
   =============================== */

.mystic-auth-tabs {
    display: flex;
    justify-content: center;
    margin: 0 auto 35px auto;
    gap: 15px;
    max-width: 420px;
}

.mystic-auth-tabs .auth-tab {
    background: #000;
    border: 1px solid rgba(244, 213, 125, 0.4);
    color: #f4d57d;
    padding: 10px 25px;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    outline: none;
}

.mystic-auth-tabs .auth-tab.active,
.mystic-auth-tabs .auth-tab:hover {
    background: #8a2be2;
    color: #fff;
    border-color: #8a2be2;
    box-shadow: 0 0 18px rgba(138, 43, 226, 0.6);
}

/* ===============================
   3. REMEMBER ME & FORM FIXES
   =============================== */

.woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px;
    cursor: pointer;
    line-height: 1;
    margin: 15px 0 !important;
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
    margin: 0 !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer;
    flex-shrink: 0;
    -webkit-appearance: checkbox !important;
}

.woocommerce-form-login__rememberme span {
    line-height: 1;
    display: inline-block;
    font-size: 14px;
}

/* Ensure form labels and inputs are full width */
.woocommerce-form-login .form-row,
.woocommerce-form-register .form-row {
    width: 100% !important;
    float: none !important;
}

/* ===============================
   4. MOBILE RESPONSIVENESS
   =============================== */

@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        padding: 0 15px;
    }

    .mystic-auth-tabs {
        gap: 8px;
    }

    .mystic-auth-tabs .auth-tab {
        padding: 8px 18px;
        font-size: 14px;
    }
}


/* ==================================================
   FIX: FORCE CART PAGE INTO NORMAL DOCUMENT FLOW
   ================================================== */

body.woocommerce-cart,
body.woocommerce-cart .site,
body.woocommerce-cart .site-content,
body.woocommerce-cart main,
body.woocommerce-cart #primary {
    display: block;
    width: 100%;
}

/* Prevent cart content from sitting beside header */
body.woocommerce-cart .wc-empty-cart-message {
    width: 100%;
    clear: both;
    flex-direction: column;
}

/* If Elementor canvas / blank template is used */
body.woocommerce-cart .elementor,
body.woocommerce-cart .elementor-section,
body.woocommerce-cart .elementor-container {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
}

/* 1. Hide the standard WooCommerce "Thank You" elements */
.woocommerce-order>.woocommerce-notice--success,
.woocommerce-order>.woocommerce-order-overview.order_details,
.woocommerce-order>.woocommerce-order-details,
.woocommerce-order>.woocommerce-customer-details {
    display: none !important;
}

/* 2. Style your Minimal Card to be the star of the page */
.minimal-thankyou-card {
    text-align: center;
    padding: 60px 40px;
    background: #ffffff;
    max-width: 550px;
    margin: 50px auto;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    font-family: sans-serif;
}

.success-icon {
    font-size: 50px;
    color: #4CAF50;
    margin-bottom: 20px;
}

.minimal-thankyou-card h2 {
    font-size: 32px;
    font-weight: 700;
    color: #222;
    margin-bottom: 15px;
}

.minimal-thankyou-card p {
    font-size: 18px;
    color: #666;
    margin-bottom: 35px;
}

.back-home {
    display: inline-block;
    background: #6231af;
    /* Your Brand Purple */
    color: #fff !important;
    padding: 15px 35px;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
    transition: transform 0.2s ease;
}

.back-home:hover {
    transform: translateY(-2px);
}


header.entry-header.wowmart-page {
    display: none !important;
}


/* ================================
   FIX: WooCommerce Variation Labels
   ================================ */

.woocommerce div.product form.cart table.variations th.label,
.woocommerce div.product form.cart table.variations td.label,
.woocommerce div.product form.cart table.variations label {
    display: table-cell !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    color: #fff !important;
}

/* Keep layout intact */
.woocommerce div.product form.cart table.variations {
    table-layout: auto !important;
}

/* Prevent dropdown-only fallback */
.woocommerce div.product form.cart table.variations td.value {
    width: auto !important;
}

/* Wowmart swatches support */
.swatches-support .variations tr {
    display: table-row !important;
}


/* =========================================================
   HIDE HEADER-MIDDLE ROW ON SHOP PAGE Mobile
   (Above shop banner)
   ========================================================= */

/* Mobile header safety */
@media (max-width: 991px) {
    .woocommerce-shop .wowmart-header-middle {
        display: none;
    }
}