/*
Theme Name: RoyalBlue
Theme URI: https://github.com/yourusername/royalblue-theme
Author: Stark Web Technologies
Author URI: https://www.starkweb.in
Description: A modern, fully responsive WordPress theme with WooCommerce support. Features Bootstrap 5, Swiper sliders, custom CSS variables, and ES6+ JavaScript. Perfect for business, portfolio, and e-commerce websites with beautiful royal blue and gold color scheme.
Version: 1.1.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, two-columns, right-sidebar, custom-colors, custom-menu, custom-logo, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, theme-options, translation-ready, woocommerce
Text Domain: royal-fashions
Domain Path: /languages

RoyalBlue WordPress Theme
Copyright (C) 2025 Stark Web Technologies

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Built with:
- Bootstrap 5.3.8 (Updated January 2026)
- Swiper 12.0.3 (Updated January 2026)
- Font Awesome 6
- Modern ES6+ JavaScript
- CSS Custom Properties

Changelog v1.1.0 (January 10, 2026):
- Updated Bootstrap from 5.3.3 to 5.3.8 (bug fixes & security patches)
- Updated Swiper from 11.0.0 to 12.0.3 (new SVG icons, CSS custom properties)
- Combined Google Fonts requests (3→1) for better performance
- Added ABSPATH security check to functions.php
- Removed debug error_log() calls for production readiness
- Optimized font loading with combined request
*/

/*-----------------------------CSS Custom Properties (Variables)----------------------------- */
:root {
    /* Primary Colors - Royal Blue Theme (inspired by logo) */
    --color-primary: #4169E1;           /* Royal Blue - main brand color */
    --color-primary-light: #6495ED;     /* Cornflower Blue - lighter variant */
    --color-primary-dark: #000080;      /* Navy Blue - darker variant */
    --color-secondary: #7d2ae7;         /* Purple - from logo gradient */
    --color-accent: #FFD700;            /* Gold - elegant highlights */
    --color-success: #13a4d6;           /* Cyan Blue - from logo gradient */

    /* Neutral Colors */
    --color-dark: #2D3142;              /* Charcoal - primary text */
    --color-text: #4A5568;              /* Medium gray - body text */
    --color-text-light: #718096;        /* Light gray - secondary text */
    --color-white: #ffffff;
    --color-light-bg: #e0f3ff;          /* Light blue - warm background */
    --color-light-bg-2: #f8f9fb;        /* Light gray-blue - alternate bg */
    --color-footer-bg: #4169E1;         /* Royal Blue for footer */

    /* Gradients - Logo-Inspired Purple to Blue */
    --gradient-primary: linear-gradient(135deg, #000080 0%, #4169E1 100%);
    --gradient-secondary: linear-gradient(45deg, #7d2ae7, #13a4d6);
    --gradient-overlay: linear-gradient(135deg, rgba(65, 105, 225, 0.95) 0%, rgba(19, 164, 214, 0.85) 100%);

    /* Font Families - Classic Premium Pairing (Libre Baskerville + Nunito) */
    --font-primary: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading: 'Libre Baskerville', Georgia, serif;
    --font-accent: 'Libre Baskerville', Georgia, serif;
    /* Logo/Caption fonts - ONLY for logo and tagline */
    --font-logo: 'Cinzel Decorative', serif;
    --font-caption: 'Great Vibes', cursive;

    /* Font Sizes - Improved Type Scale (1.25 ratio) */
    --font-size-xs: 0.75rem;           /* 12px */
    --font-size-sm: 0.875rem;          /* 14px */
    --font-size-base: 1rem;            /* 16px */
    --font-size-md: 1.125rem;          /* 18px */
    --font-size-lg: 1.25rem;           /* 20px */
    --font-size-xl: 1.563rem;          /* 25px */
    --font-size-2xl: 1.953rem;         /* 31px */
    --font-size-3xl: 2.441rem;         /* 39px */
    --font-size-4xl: 3.052rem;         /* 49px */
    --font-size-5xl: 3.815rem;         /* 61px */

    /* Line Heights - Optimized for Readability */
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;

    /* Spacing */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 20px;
    --spacing-lg: 50px;
    --spacing-xl: 75px;
    --spacing-xxl: 100px;

    /* Border Radius - Myntra Style */
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;
    --radius-round: 50%;

    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-medium: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    /* Box Shadows - Minimal Myntra Style */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.12);
    --shadow-hover: 0 8px 16px rgba(0, 0, 0, 0.15);

    /* Container Width */
    --container-max-width: 85%;
}

/*-----------------------------General Reset----------------------------- */

/* Global Image Quality Enhancement */
img {
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: bicubic;
}

/* Prevent blurry images on retina displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    img {
        image-rendering: -webkit-optimize-contrast;
    }
}

li {
    text-decoration: none;
    list-style-type: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
    font-family: var(--font-primary);
    font-size: var(--font-size-base);
    color: var(--color-text-light);
}

/* Body - Classic Premium Typography */
body {
    font-family: var(--font-primary);
    color: var(--color-text);
    overflow-x: hidden;
    font-size: 1rem;
    line-height: 1.7;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fafafa;
}

/* Headings - Libre Baskerville (Elegant Serif) */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--color-dark);
    line-height: 1.3;
}

/* Navigation - Nunito (Clean Sans-Serif) */
.navbar,
.nav-link,
.dropdown-menu,
.menu-item a {
    font-family: var(--font-primary);
    font-weight: 600;
    letter-spacing: 0.03em;
}

/* Buttons - Lato with tracking */
.btn,
button,
input[type="submit"],
input[type="button"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    font-family: var(--font-primary);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Form inputs - Lato */
input,
textarea,
select {
    font-family: var(--font-primary);
}

/*-----------------------------GENERAL STYLING STARTS----------------------------- */
.page-wrap {
    height: 100%;
}

.content {
    min-height: 300px;
    margin-top: var(--spacing-xxl);
    margin-bottom: var(--spacing-xxl);
}

.wrap {
    overflow-x: hidden;
}

.btn-home:hover {
    background-color: var(--color-accent);
}

.fa:hover {
    transition: opacity var(--transition-fast), transform var(--transition-fast);
    transform: scale(1.5);
    opacity: 0.5;
}

.pagetitle {
    font-size: var(--font-size-xxlarge);
    font-weight: bold;
    color: var(--color-white);
    text-transform: uppercase;
}

/*-----------------------------GENERAL STYLING ENDS----------------------------- */
/*-----------------------------HEADER STARTS - Bold Brand Design----------------------------- */

/* Site Header Container */
.site-header {
    background: var(--color-white);
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}

/* ===== TOP BAR - Full Width Gradient ===== */
.header-top-bar {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    padding: 10px 0;
    font-size: 0.8rem;
}

.top-bar-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-bar-left,
.top-bar-center,
.top-bar-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.top-bar-item {
    color: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-primary);
    font-weight: 400;
    text-decoration: none;
    transition: color 0.3s ease;
}

.top-bar-item:hover {
    color: #ffffff;
}

.top-bar-item i {
    color: #8b5cf6 !important;
    font-size: 0.85rem;
}

.top-bar-social {
    display: flex;
    gap: 12px;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.top-bar-social a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.top-bar-social a:hover {
    color: #8b5cf6;
    transform: translateY(-2px);
}

.top-bar-social a i {
    color: inherit !important;
}

/* ===== HERO BRAND SECTION ===== */
.header-brand-section {
    background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
    padding: 30px 0;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.brand-link {
    text-decoration: none;
    display: inline-block;
}

.brand-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.brand-logo {
    font-family: var(--font-logo) !important;
    font-size: 3rem;
    font-weight: 700;
    margin: 0;
    background: linear-gradient(135deg, #4169E1 0%, #7d2ae7 50%, #13a4d6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-transform: uppercase;
}

.brand-tagline {
    font-family: var(--font-caption) !important;
    font-size: 1.5rem;
    color: #7d2ae7;
    margin: 8px 0 0 0;
    font-weight: 400;
}

/* Brand Wrapper with Icons */
.brand-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* Header Icons (User & Cart) in Brand Section */
.header-icons {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 12px;
}

.header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: var(--color-dark);
    font-size: 1.25rem;
    text-decoration: none;
    border-radius: 50%;
    transition: all 0.3s ease;
    position: relative;
    background: rgba(65, 105, 225, 0.08);
    border: 1px solid rgba(65, 105, 225, 0.15);
}

.header-icon:hover {
    background: var(--color-primary);
    color: #ffffff;
    border-color: var(--color-primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(65, 105, 225, 0.3);
}

.header-icon i {
    color: var(--color-primary) !important;
}

.header-icon:hover i {
    color: #ffffff !important;
}

.header-icons .cart-count {
    position: absolute;
    top: -2px;
    right: -2px;
    background: #e63946;
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(230, 57, 70, 0.4);
    border: 2px solid #ffffff;
}

/* ===== NAVIGATION BAR ===== */
.header-navigation {
    background: linear-gradient(135deg, #4169E1 0%, #5a7fe8 100%);
    padding: 0;
}

.nav-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* Navigation Menu */
.nav-menu-container {
    flex-grow: 1;
    display: flex;
    justify-content: center;
}

.nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
}

.nav-menu > li {
    position: relative;
}

.nav-menu > li > a {
    display: block;
    color: #ffffff;
    font-family: var(--font-primary);
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 16px 24px;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}

.nav-menu > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: #ffffff;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.nav-menu > li > a:hover::after,
.nav-menu > li.current-menu-item > a::after {
    width: 100%;
}

.nav-menu > li > a:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* Dropdown Menu */
.nav-menu .sub-menu,
.nav-menu .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #ffffff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 1000;
    padding: 10px 0;
    border-radius: 0 0 8px 8px;
}

.nav-menu > li:hover > .sub-menu,
.nav-menu > li:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.nav-menu .sub-menu li a,
.nav-menu .dropdown-menu li a {
    display: block;
    padding: 12px 24px;
    color: var(--color-dark);
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    transition: all 0.3s ease;
}

.nav-menu .sub-menu li a:hover,
.nav-menu .dropdown-menu li a:hover {
    background: #f5f5ff;
    color: #4169E1;
    padding-left: 30px;
}

/* Nav Icons (Cart & Account) - Dark icons for visibility */
.nav-icons {
    position: absolute;
    right: 0;
    display: flex;
    gap: 8px;
}

.nav-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: var(--color-dark);
    font-size: 1.2rem;
    text-decoration: none;
    border-radius: 50%;
    transition: all 0.3s ease;
    position: relative;
    background: rgba(65, 105, 225, 0.1);
}

.nav-icon:hover {
    background: var(--color-primary);
    color: #ffffff;
}

.nav-icon i {
    color: var(--color-primary) !important;
}

.nav-icon:hover i {
    color: #ffffff !important;
}

.cart-count {
    position: absolute;
    top: 0;
    right: 0;
    background: #e63946;
    color: #ffffff;
    font-size: 0.65rem;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(230, 57, 70, 0.4);
}

/* Mobile Menu Toggle */
.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: transparent;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.hamburger-line {
    width: 25px;
    height: 2px;
    background: #ffffff;
    transition: all 0.3s ease;
}

/* ===== RESPONSIVE HEADER ===== */
@media (max-width: 991px) {
    .top-bar-center {
        display: none;
    }

    .brand-logo {
        font-size: 2.25rem;
    }

    .brand-tagline {
        font-size: 1.2rem;
    }

    .header-brand-section {
        padding: 20px 0;
    }

    .nav-menu > li > a {
        padding: 14px 16px;
        font-size: 0.8rem;
    }
}

@media (max-width: 767px) {
    .top-bar-content {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .top-bar-left {
        display: none;
    }

    .top-bar-social {
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }

    .brand-wrapper {
        flex-direction: column;
    }

    .header-icons {
        position: static;
        transform: none;
        margin-top: 15px;
    }

    .header-icon {
        width: 42px;
        height: 42px;
        font-size: 1.1rem;
    }

    .brand-logo {
        font-size: 1.75rem;
    }

    .brand-tagline {
        font-size: 1rem;
    }

    .header-brand-section {
        padding: 15px 0;
    }

    /* Mobile Top Bar Layout: Menu Left | Phone Center | Icons Right */
    .top-bar-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }

    .top-bar-left,
    .top-bar-center {
        display: none;
    }

    .top-bar-right {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 1;
        justify-content: flex-end;
    }

    .top-bar-right .top-bar-item {
        flex: none;
    }

    /* Phone number centered */
    .top-bar-right .top-bar-item:first-child {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    /* Mobile Menu Toggle - Left side */
    .mobile-menu-toggle {
        display: flex !important;
        padding: 8px 10px;
        background: rgba(255, 255, 255, 0.15);
        border: none;
        border-radius: 6px;
        gap: 4px;
        flex-direction: column;
        align-items: center;
        flex-shrink: 0;
    }

    .mobile-menu-toggle:hover,
    .mobile-menu-toggle:focus {
        background: rgba(255, 255, 255, 0.25);
    }

    .hamburger-line {
        width: 18px;
        height: 2px;
        background: #ffffff;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    /* Mobile Navigation - Bootstrap Collapse Dropdown */
    .header-navigation {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
        z-index: 99999;
        padding: 0;
    }

    .header-navigation .container,
    .header-navigation .nav-wrapper {
        padding: 0;
        width: 100%;
        max-width: 100%;
    }

    /* Bootstrap collapse - ensure it works */
    .nav-menu-container {
        width: 100%;
        background: transparent;
    }

    .nav-menu-container.collapse:not(.show) {
        display: none;
    }

    .nav-menu-container.collapse.show {
        display: block;
    }

    .nav-menu {
        flex-direction: column;
        padding: 20px 0;
    }

    .nav-menu > li > a {
        text-align: left;
        padding: 16px 25px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        font-size: 15px;
        font-weight: 500;
        color: #ffffff;
    }

    .nav-menu > li:last-child > a {
        border-bottom: none;
    }

    .nav-menu > li > a::after {
        display: none;
    }

    .nav-menu > li > a:hover {
        background: rgba(255, 255, 255, 0.1);
    }

    .nav-icons {
        position: static;
    }

    .nav-menu .sub-menu,
    .nav-menu .dropdown-menu {
        position: static;
        box-shadow: none;
        background: rgba(0, 0, 0, 0.2);
        border-radius: 0;
    }

    .nav-menu .sub-menu li a,
    .nav-menu .dropdown-menu li a {
        color: #ffffff;
        padding: 12px 25px 12px 40px;
        font-size: 14px;
    }

    .nav-menu .sub-menu li a:hover,
    .nav-menu .dropdown-menu li a:hover {
        background: rgba(255, 255, 255, 0.1);
        color: #ffffff;
    }

    /* Scroll to Top - Mobile Position (above floating cart) */
    #myBtn {
        bottom: 140px !important;
        right: 20px !important;
        width: 45px !important;
        height: 45px !important;
    }
}

/* Mobile dropdown submenus - Bootstrap native */
@media (max-width: 991px) {
    .nav-menu .dropdown-menu {
        position: static;
        float: none;
        width: 100%;
        background: rgba(0, 0, 0, 0.2);
        border: none;
        box-shadow: none;
        padding: 0;
        margin: 0;
    }

    .nav-menu .dropdown-menu li a {
        padding: 12px 25px 12px 40px;
        color: #fff;
    }
}

/* Legacy support for old header styles */
.menubar {
    display: flex;
    align-items: center;
}

.rightgo {
    text-align: end;
}

.footerbar .fa-solid {
    color: var(--color-white) !important;
}

.navbar-brand {
    font-size: 30px;
    font-weight: 600;
}

/* Navigation - Bootstrap Override */
ul#menu-primary-navigation li {
    text-transform: none;
    margin: 0;
}

ul#menu-primary-navigation li a {
    color: var(--color-white);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.85rem;
    letter-spacing: 0.1em;
    padding: 16px 24px;
    transition: var(--transition-fast);
    border-bottom: 2px solid transparent;
}

ul#menu-primary-navigation li a:hover {
    color: var(--color-white);
    background-color: rgba(255, 255, 255, 0.1);
    border-bottom-color: var(--color-accent);
}

.navbar {
    padding: 0;
}

.navbar-brand {
    color: var(--color-dark);
    font-weight: 700;
}
/*-----------------------------HEADER ENDS----------------------------- */
/*-----------------------------SLIDER STARTS----------------------------- */
.banner {
    background-color: antiquewhite;
}
/*-----------------------------SLIDER ENDS----------------------------- */
/*-----------------------------BODY STARTS----------------------------- */
.maincaption {
    font-size: 46px;
    font-weight: 600;
}
.boldcounter {
    font-size: 40px;
}
.page-wrap {
    height: 100%;
}
.content {
    min-height: 300px;
    margin-top: 100px;
    margin-bottom: 100px;
}
.container1 {
    display: flex;
    height: 60px;
    background-color: #161c27;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
/*-----------------------------BODY ENDS----------------------------- */
/*-----------------------------ABOUT SECTION STARTS - Myntra Spacing----------------------------- */
.about {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 40px 0;
}

.aboutbox {
    margin-left: 0;
    padding: 24px;
}
.bigheads {
    font-size: var(--font-size-5xl);
    font-weight: 700;
    font-family: var(--font-heading);
    line-height: var(--line-height-tight);
}
.subheads {
    font-size: var(--font-size-3xl);
    text-align: center;
    font-family: var(--font-heading);
    line-height: var(--line-height-tight);
}
.textleft{
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: var(--line-height-tight);
    color: var(--color-dark);
    margin-bottom: 1rem;
}

h1 {
    font-size: var(--font-size-4xl);
    color: var(--color-primary);
}

h2 {
    font-size: var(--font-size-3xl);
    text-transform: none;
}

h3 {
    font-size: var(--font-size-2xl);
}

h4 {
    font-size: var(--font-size-xl);
}

h5 {
    font-size: var(--font-size-lg);
}

h6 {
    font-size: var(--font-size-base);
}
.footerbar h1 {
    margin-bottom: 16px;
    color: white;
}

/* Footer Headings - Use Playfair Display (not logo font) */
.footerbar h2,
.footerbar h3,
.footerbar h4,
.footerbar h5,
.footerbar h6,
.footerbar .footer-heading,
.footer-heading {
    font-family: var(--font-heading) !important;
    font-weight: 600;
    color: white;
    font-size: 1.25rem;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
    text-transform: none;
}
.deep {
    color: #000000;
    font-weight: 600;}
/*-----------------------------ABOUT SECTION ENDS----------------------------- */
/*-----------------------------SERVICES SECTION STARTS----------------------------- */
.swiper {
    width: 100%;
}
.swiper-button-prev::after,
.swiper-button-next::after {
    color: white;
    font-size: initial !important;
}
.services {
    text-align: center;
    border-radius: 0 0 10px 10px;
}
.servicerow {
    justify-content: center;
    text-align: center;
}
/* Cards - Myntra Product Card Style */
.card {
    border-radius: var(--radius-md);
    border: 1px solid #f0f0f0;
    overflow: hidden;
    transition: var(--transition-medium);
    box-shadow: none;
    background: var(--color-white);
}

.card:hover {
    box-shadow: var(--shadow-hover);
    transform: translateY(-4px);
}

.card-img {
    max-width: 100%;
    max-height: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
    object-fit: cover;
    aspect-ratio: 3/4;
}
.tags {
    background-color: red;
    color: white;
    position: absolute;
    bottom: 20px;
    border-radius: 30px;
    margin: auto;
    padding: 5px 15px;
    margin-left: 10px;
}
.cards-wrapper {
    display: flex;
    justify-content: center;
}
.servicebox {
    padding: 20px;
    border: solid 1px #eeeeee;
    border-radius: 5px;
    text-align: center;
}
.btn-secondary {
    background-color: var(--color-white);
    border: 1px solid var(--color-primary);
    padding: 12px 24px;
    color: var(--color-primary);
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: var(--transition-fast);
    border-radius: var(--radius-md);
}

.btn-secondary:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
}
.servicetitle {
    font-size: 20px;
    margin-top: 20px;
    color: var(--color-primary);
    font-weight: bold;
}
/*-----------------------------SERVICES SECTION ENDS----------------------------- */
/*-----------------------------COUNTER SECTION STARTS----------------------------- */
.databox {
    display: flex;
    align-items: center;
    text-align: center;
    border: none;
    height: 150px;
    box-shadow: var(--shadow-md);
    z-index: 9999;
    background: var(--gradient-secondary);
    border-radius: 10px;
    transition: transform 0.3s ease;
}
.databox:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
    background: var(--gradient-primary);
}
/*-----------------------------COUNTER SECTION ENDS----------------------------- */
/*-----------------------------FOOTER STARTS - Professional Ecommerce Design----------------------------- */

/* Main Footer Container */
.footer {
    background: #1a1a2e;
    color: #ffffff;
    margin-top: 60px;
}

.footer-main {
    padding: 60px 0 40px;
}

/* Footer Brand Section */
.footer-brand {
    padding-right: 40px;
}

.footer-logo {
    font-family: var(--font-logo) !important;
    font-size: 2rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 8px 0;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.footer-tagline {
    font-family: var(--font-caption) !important;
    font-size: 1.25rem;
    color: #a78bfa;
    margin: 0 0 16px 0;
    font-weight: 400;
}

.footer-description {
    font-family: var(--font-primary);
    font-size: 0.95rem;
    color: #94a3b8;
    line-height: 1.7;
    margin-bottom: 24px;
}

/* Footer Headings */
.footer h2,
.footer h3,
.footer h4,
.footer-heading,
h2.footer-heading,
h3.footer-heading,
h4.footer-heading {
    font-family: var(--font-heading) !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 24px !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    position: relative;
    padding-bottom: 12px;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.footer-heading::after,
h3.footer-heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
}

/* Footer Links */
.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links li a {
    font-family: var(--font-primary);
    font-size: 0.95rem;
    color: #94a3b8;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}

.footer-links li a:hover {
    color: #ffffff;
    padding-left: 8px;
}

/* Footer Contact */
.footer-contact {
    font-style: normal;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
    font-family: var(--font-primary);
    font-size: 0.95rem;
    color: #94a3b8;
}

.contact-item i {
    color: #8b5cf6;
    font-size: 1rem;
    width: 20px;
    margin-top: 3px;
    flex-shrink: 0;
}

.contact-item a {
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.3s ease;
}

.contact-item a:hover {
    color: #ffffff;
}

/* Social Icons */
.footer-social {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.footer-social .social-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-social .social-icon:hover {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    border-color: transparent;
    transform: translateY(-3px);
}

/* Footer Bottom */
.footer-bottom {
    background: #16162a;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-bottom .copyright {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    color: #64748b;
    margin: 0;
}

.footer-credits {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    color: #64748b;
}

.footer-credits a {
    color: #8b5cf6;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.footer-credits a:hover {
    color: #a78bfa;
}

/* Legacy footerbar support */
.footerbar {
    background: #1a1a2e;
    color: var(--color-white);
    padding-top: 50px;
    margin-top: 50px;
}

.footerbar ul li a {
    color: #94a3b8;
}

.footerbar ul li a:hover {
    color: #ffffff;
}

.footerbar ul li:not(:last-child) {
    padding-bottom: 12px;
}

.footerbar ul li {
    list-style-type: none;
}

.footerbar h5 {
    margin-bottom: 30px;
    font-family: var(--font-heading) !important;
}

/* Footer Responsive */
@media (max-width: 991px) {
    .footer-brand {
        padding-right: 0;
        margin-bottom: 30px;
    }

    .footer-main {
        padding: 50px 0 30px;
    }
}

@media (max-width: 767px) {
    .footer-main {
        padding: 40px 0 20px;
    }

    .footer-logo {
        font-size: 1.75rem;
    }

    .footer-heading {
        margin-bottom: 16px;
        font-size: 1rem;
    }

    .footer-bottom {
        text-align: center;
    }

    .footer-bottom .row > div {
        margin-bottom: 8px;
    }
}
ul {
    padding-left: 0px;
}
.carousel-caption p {
    font-size: 100px;
    margin-top: 50px;
    line-height: 100px;
	margin-bottom:50px;
    text-shadow: 1px 1px 0 var(--color-primary), -1px -1px 0 var(--color-primary), 1px -1px 0 var(--color-primary), -1px 1px 0 var(--color-primary);
}
.headimg {
    background-color: var(--color-accent);
    padding: 5% 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 75px;
}
.callbox {
    position: fixed;
    bottom: 100px;
    right: 50px;
    display: flex;
    flex-direction: column;
}
.wabox {
    margin-bottom: 10px;
}
.form8box {
    display: flex;
    align-items: center;
    border-radius: 5px;
    margin: 60px auto;
}
.form8box .fa-solid,
.form8box .fa-regular {
    font-size: 18px;
    margin: 0 15px;
}
.form-control {
    height: 50px;
    border: 1px solid #b3d3bb;
}
.cform8 {
    background-color: var(--color-accent);
    padding: 42px;
    border-radius: 5px;
    text-align: center;
    border: 2px solid var(--color-primary);
}
.whybox {
    background-color: #d1d1e1;
    padding: 50px;
    text-align: justify;
}
.testimonials {
    padding-top: 50px;
    text-align: center;
    /* background-image: linear-gradient(180deg, rgba(0,112,187,0.8), rgba(37,35,98,0.8)); */
    border-radius: 10px 10px 0 0;
}
.whybox li {
    list-style-type: disc;
}
.testimg img {
    border-radius: 50%;
}
/* Scroll to Top Button - Positioned to avoid cart overlap */
#myBtn {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 30px;
    z-index: 998;
    font-size: 16px;
    border: none;
    outline: none;
    background: var(--color-primary);
    color: white;
    cursor: pointer;
    padding: 0;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(65, 105, 225, 0.3);
    transition: all 0.3s ease;
}

#myBtn i {
    color: white !important;
}

#myBtn:hover {
    background: var(--color-primary-dark);
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(65, 105, 225, 0.4);
}
/* End Scroll to Top Button */
#swiper3 .trans {
    border-right: none;
}
.page-id-14 p {
    color: red;
}
.jst {
    text-align: justify;
}
.itl {
    font-style: italic;
}
.testbold {
    font-style: bold;
}
.bluehead {
    color: white;
}
.testimonials {
    position: relative;
}
.q1 {
    position: absolute;
    bottom: 50px;
    right: 50px;
    opacity: 0.1;
}
.q2 {
    position: absolute;
    top: 50px;
    left: 50px;
    opacity: 0.1;
}
/*-----------------------------FOOTER ENDS----------------------------- */
/* Container - Myntra Wide Layout */
.container {
    max-width: 1200px !important;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px !important;
    }
}

.services {
    background: linear-gradient(0deg, rgba(0, 112, 187, 0.8), rgba(37, 35, 98, 0.8)),
        url("images/colleagues-studying-together-exam.jpg");
    background-size: cover;
}
/* drop down show */
.dropdown-menu {
    margin-top: 0;
}
.navbar .nav > .nav-item:not(:last-child) {
    margin-right: 35px;
}
.trans {
    background-color: transparent;
    border: 0;
    border-right: solid 1px cadetblue;
    border-radius: 0;
}
.services {
    color: white !important;
    padding-top: 50px;
}
.services heading {
    margin-top: 10px;
}
.footerbar {
    position: relative;
}
.applybox {
    margin: 50px 0px;
}
.applyboxcontent {
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0px 50px;
}
.btn-primary {
    padding: 20px 30px;
}
.btn-primary2 {
    padding: 10px 15px;
}
.mainhead {
    font-size: 20px;
}
.boldhead {
    font-size: 60px;
    font-weight: 600;
}
.carousel-caption {
    position: absolute;
    top: 50px;
    left: 8%;
}

.courses {
    text-align: center;
    margin-top: 50px;
}
.hr2 {
    border: 0;
    height: 0.1px;
    background-image: linear-gradient(to right, rgba(159, 159, 159, 0), rgba(9, 84, 132), rgba(159, 159, 159, 0));
    margin: 50px 0px;
}
.greytxt {
    color: #4d5765;
}
.dropdown-menu {
    top: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
}
.dropdown-menu.show {
    transition: top 2s;
    top: 100%;
    visibility: visible;
    opacity: 1;
}
.card-img,
.card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    object-fit: cover;
    width: 100%;
}

/* Card Body - Myntra Style */
.card-body {
    padding: 16px;
    border-radius: 0;
}

.card-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--color-dark);
    font-family: var(--font-primary);
}

/* All Product Titles - Consistent Black Color */
.product-title,
.product-title a,
.card-title a,
h5.product-title,
h5.product-title a,
.woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: var(--color-dark) !important;
    text-decoration: none;
}

.product-title a:hover,
.card-title a:hover,
h5.product-title a:hover {
    color: var(--color-text) !important;
}

.card-text {
    font-size: 0.875rem;
    color: var(--color-text-light);
    margin-bottom: 12px;
}
.carousel-caption {
    text-align: left;
}
/* Buttons - Myntra Flat Style */
.btn-primary {
    background-color: var(--color-primary);
    border: none;
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: var(--transition-fast);
    box-shadow: none;
    border-radius: var(--radius-md);
    padding: 12px 24px;
}

.btn-primary:hover {
    background-color: var(--color-primary-dark);
    color: var(--color-white);
    transform: none;
    box-shadow: var(--shadow-sm);
}

.carousel-control-next,
.carousel-control-prev {
    width: 6%;
}

.carousel-caption p {
    font-weight: bold;
}
.mobblock {
    display: contents;
}
/* Logo Styling - Uses dedicated logo font (overrides h1) */
h1.sitelogo,
.sitelogo {
    font-family: var(--font-logo) !important;
    font-size: 36px;
    font-weight: 800;
    background: linear-gradient(45deg, #7d2ae7, #13a4d6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 0;
    line-height: 1.2;
    letter-spacing: 0.02em;
}

/* Caption/Tagline - Uses dedicated caption font (overrides h1) */
h1.sitecaption,
.sitecaption {
    font-size: 16px;
    color: #55826D;
    font-family: var(--font-caption) !important;
    margin: 0;
    font-weight: 400;
}

h1.sitecaption2,
.sitecaption2 {
    font-size: 30px;
    color: #4169E1;
    font-weight: 400;
    font-family: var(--font-caption) !important;
    font-style: normal;
    margin: 4px 0 0 0;
    line-height: 1.2;
}
/*-----------------------------MOBILE ONLY CSS STARTS----------------------------- */
@media (max-width: 767px) {
    .mobblock {
        display: flex;
        align-items: center;
        margin: inherit;
    }
    .container {
        max-width: 100% !important;
    }
    .pagetitle {
        font-size: 25px;
    }
    .form8box {
        display: block !important;
    }

    .navbar-toggler {
        color: #afd54e;
        border: 1px solid #6c757d;
    }
    .col-lg-12.noborder {
        padding-left: 15px;
    }
    p {
        justify-content: center;
    }
    body {
        overflow-x: hidden;
    }
    .banner {
        text-align: center;
    }
    .container1 {
        justify-content: center;
    }
    .aboutbox {
        margin-left: 0px;
        text-align: center;
    }
    .btn-home1 {
        background: black;
        color: white;
        width: 50%;
        margin-right: 10px;
    }
    .btn-home1:hover {
        background-color: #fe9721;
    }

    .carousel-caption {
        text-align: left;
        top: 10%;
        transform: translateY(-10%);
    }
    .carousel-caption p {
        font-size: 20px;
        line-height: 20px;
        padding-top: 0;
        text-align: left;
        margin: 35px 0px 0;
    }

    .carousel-caption h5 {
        font-size: 12px;
    }
    .btn-primary {
        padding: 5px 10px;
    }

    .carousel-indicators li {
        width: 10px;
        z-index: -100;
    }
    .about {
        margin-top: 0;
    }
    .bigheads {
        font-size: 10vw;
    }
    .subheads {
        font-size: 7vw;
    }
    .databox h3 {
        font-size: 15px;
    }
    .footer-bottom {
        height: auto;
    }
    .top-bar p {
        font-size: 10px;
        text-align: center;
        line-height: 24px;
    }
    .footer-bottom p {
        text-align: left;
        font-size: 12px;
        line-height: 16px;
    }

    .dropdown-menu {
        /* top: 0; */
        display: none;
        visibility: hidden;
        opacity: 0;
        border: 0;
    }
    .dropdown-menu.show {
        transition: top 1s;
        top: 100%;
        visibility: visible;
        opacity: 1;
        display: block;
    }
    ul#menu-primary-navigation li {
        float: none;
    }
    .btn-primary:hover {
        background-color: #ffffff;
        color: #4169E1;
    }
    .carousel-control-next,
    .carousel-control-prev {
        width: 6%;
    }

    #happyforms-form-91 {
        background-color: aliceblue;
        padding: 75px;
        border: solid 1px var(--color-primary);
        border-radius: 5px;
    }
    .databox {
        display: flex;
        align-items: center;
        text-align: center;
        border: #6c757d;
        height: 150px;
        box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
        z-index: 9999;
    }
    ul#menu-primary-navigation > li:last-child a:hover {
        color: var(--color-primary);
        background-color: aliceblue;
        border-radius: 5px;
        border-color: var(--color-primary-dark);
    }
    #myBtn,
    .callbox {
        right: 20px;
    }
	    .item.item-3{
        display: none;
    }
	 .sitelogo{
        font-size: 20px;
    }
.sitecaption2{
	font-size:16px;
}
	

	span.num {
    font-size: 34px;
}
	.footer-bottom {
    padding: 10px 0px;
}
} /*-----------------------------MOBILE ONLY CSS ENDS----------------------------- */

/* responsive */
@media (min-width: 992px) and (max-width: 1400px) {
    .navbar .nav > .nav-item:not(:last-child) {
        margin-right: 0px;
    }
}

@media (max-width: 990px) {
    .navbar-brand img {
        max-width: 125px;
    }
    .navbar .nav > .nav-item:not(:last-child) {
        margin-right: 0px;
    }
}

@media (max-width: 1200px) {
    .navbar-brand img {
        max-width: 100px;
    }
    ul#menu-primary-navigation li a {
        font-size: x-small;
    }
    .carousel-caption p {
        font-size: 1rem;
        margin-top: 10px;
        line-height: 20px;
    }
}

/* Menu Bar - Myntra Style */
.bg-light,
.bar {
    background-color: var(--color-primary) !important;
    padding: 0;
}

.bar.menubar {
    background: var(--color-primary);
}

/* Logo Area - Myntra Clean */
.boxy {
    display: flex;
    align-items: center;
    min-height: 80px;
    padding: 16px 0;
    background: var(--color-white);
    border-bottom: 1px solid #f0f0f0;
}

.item {
    display: flex;
    align-items: center;
}

.item:first-child,
.item:nth-child(2) {
    flex: 0 0 auto;
}

.item-2.logotext {
    flex: 1;
    text-align: center;
    padding: 8px 0;
}

.item:last-child {
    margin-left: auto;
}

.bookbtn {
    padding: 18px 50px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px 0 #00000021;
    box-shadow: 0 0 15px 0 #00000021;
    font-size: 15px;
    border: none;
    line-height: 1.4;
    font-weight: 400;
}

/* Card Footer - Myntra Style */
.card-footer {
    background-color: transparent;
    border-top: 1px solid #f0f0f0;
    padding: 12px 16px;
    font-size: 0.875rem;
}

.card-footer:hover {
    background-color: var(--color-light-bg);
}

.card-title a {
    color: var(--color-dark);
    text-decoration: none;
    transition: var(--transition-fast);
}

.card-title a:hover {
    color: var(--color-primary);
}

.card-deck .card {
    text-align: left;
    margin-bottom: 24px;
}
.trans{
    background-color: transparent;
}
.fa-whatsapp{
    color: white !important;
}
.btn-success {
    color: var(--color-white);
    background-color: var(--color-primary);
}
.btn-success:hover {
    background-color: var(--color-primary-dark);
}
strong {
    color: var(--color-primary);
}
i.fa-solid.fa-euro-sign{
    color: white !important;
}
.img-fluid{
    border-radius: 10px;
}
 h3.counters{
        color: #3C6753;

    }

.top-bar p, .top-bar a {
	color:#3C6753;
}
.greencaption{
	    font-size: 18px;
    color: #1f6306;
}
.productnametxt{
	    font-size: medium;
    font-weight: bold;
    color: #000000;
}
.productdesctxt{
	font-size: 18px;
color:grey;
}
.productpricetxt{
    font-size: medium;
    color: black;
}
.img-thumbnail {

    border: none;
}
.footerbar p {
	color:white;
	font-size: small;
}
.footerbar  {
	color:white;
	font-size: small;
}
/* NEW Badge - Premium Style */
.new-badge {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #e63946 0%, #ff6b6b 100%);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 0 0 12px 0;
    z-index: 10;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: var(--font-primary);
    box-shadow: 0 2px 8px rgba(230, 57, 70, 0.3);
}
.swiper {
    width: 100%;
    padding: 10px 0 50px;
}

.swiper-slide {
    height: auto;
}

.new-arrivals-slider .card {
    height: 100%;
}
/* WooCommerce - Myntra Product Grid */
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding: 0;
}

.woocommerce ul.products li.product {
    background: var(--color-white);
    padding: 0;
    border: none;
    border-radius: 0;
    transition: var(--transition-medium);
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
    transform: translateY(-6px);
}

/* Product link container for badge positioning */
.woocommerce ul.products li.product > a {
    position: relative;
    display: block;
    overflow: hidden;
}

/* Product Image - High Quality Display */
.woocommerce ul.products li.product img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: top center;
    transition: transform 0.5s ease;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Homepage/Shop Product Cards - Full Image Display */
.new-arrivals-slider .swiper-slide img,
body.home .woocommerce ul.products li.product img,
body.post-type-archive-product .woocommerce ul.products li.product img {
    aspect-ratio: unset !important;
    object-fit: unset !important;
    width: 100%;
    height: auto;
    display: block;
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.03);
}

/* Product Title - Premium */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-dark);
    padding: 16px 16px 6px;
    margin: 0;
    letter-spacing: 0.02em;
}

/* Product Price - Premium */
.woocommerce ul.products li.product .price {
    font-family: var(--font-primary);
    font-size: 1rem;
    padding: 0 16px 16px;
    color: var(--color-dark);
}

.woocommerce ul.products li.product .price del {
    color: #999;
    font-size: 0.9rem;
}

.woocommerce ul.products li.product .price ins {
    text-decoration: none;
    color: var(--color-primary);
    font-weight: 700;
}

/* Add to Cart Button - Premium */
.woocommerce ul.products li.product .button {
    background: var(--color-dark);
    color: var(--color-white);
    padding: 14px 16px;
    border-radius: 0;
    border: none;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transition: all 0.3s ease;
    width: 100%;
    text-align: center;
    margin: 0;
}

.woocommerce ul.products li.product .button:hover {
    background: var(--color-primary);
    color: var(--color-white);
}

@media (max-width: 1024px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        padding: 15px;
    }

    .woocommerce ul.products li.product {
        margin: 0 !important;
        width: 100% !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 0.85rem;
        padding: 12px 10px 4px;
        line-height: 1.3;
    }

    .woocommerce ul.products li.product .price {
        font-size: 0.85rem;
        padding: 0 10px 10px;
    }

    .woocommerce ul.products li.product .button {
        padding: 10px 8px;
        font-size: 0.7rem;
        letter-spacing: 0.5px;
    }

    /* Sale badge mobile */
    .woocommerce ul.products li.product .onsale {
        font-size: 0.7rem;
        padding: 4px 10px;
        top: 8px;
        left: 8px;
    }

    /* WooCommerce result count and ordering */
    .woocommerce .woocommerce-result-count,
    .woocommerce .woocommerce-ordering {
        margin-bottom: 15px;
    }

    .woocommerce .woocommerce-ordering select {
        padding: 8px 10px;
        font-size: 0.85rem;
    }
}

.woocommerce div.product img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
/* ===== SHOP PAGE – MYNTRA STYLE ===== */

.shop-hero {
    padding: 40px 20px 24px;
    background: var(--color-white);
    border-bottom: 1px solid #f0f0f0;
}

.shop-hero h1 {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--color-dark);
    font-family: var(--font-heading);
}

.shop-hero p {
    font-size: 0.875rem;
    color: var(--color-text-light);
}

/* Product Grid - Myntra Style */
.shop-page ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding: 32px 0;
}

/* Product Card - Premium Clean */
.shop-page ul.products li.product {
    background: var(--color-white);
    border-radius: 0;
    padding: 0;
    border: none;
    transition: var(--transition-medium);
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.shop-page ul.products li.product:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

/* Product Image Container - Fixed positioning for badge */
.shop-page ul.products li.product .woocommerce-loop-product__link {
    position: relative;
    display: block;
}

/* Product Image - High Quality Shop Page */
.shop-page ul.products li.product img {
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: top center;
    transition: transform 0.5s ease;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.shop-page ul.products li.product:hover img {
    transform: scale(1.03);
}

/* Product Info Container */
.shop-page ul.products li.product .woocommerce-loop-product__title,
.shop-page ul.products li.product h2 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-dark);
    margin: 16px 16px 6px;
    font-family: var(--font-heading);
    line-height: 1.4;
    letter-spacing: 0.02em;
}

/* Price - Premium Style */
.shop-page .price {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-dark);
    margin: 0 16px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-primary);
}

.shop-page .price del {
    color: #999;
    font-weight: 400;
    font-size: 0.9rem;
}

.shop-page .price ins {
    text-decoration: none;
    color: var(--color-primary);
    font-weight: 700;
}

/* Add to Cart / Buy Now Button - Premium Style */
.shop-page a.button,
.shop-page a.add_to_cart_button,
.shop-page a.product_type_variable {
    background: var(--color-dark);
    color: var(--color-white);
    padding: 14px 16px;
    border-radius: 0;
    border: none;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transition: all 0.3s ease;
    width: 100%;
    text-align: center;
    font-family: var(--font-primary);
}

.shop-page a.button:hover,
.shop-page a.add_to_cart_button:hover,
.shop-page a.product_type_variable:hover {
    background: var(--color-primary);
    color: var(--color-white);
}

/* Sale Badge - Royal Blue Style */
.woocommerce span.onsale {
    position: absolute;
    top: 10px;
    left: 10px;
    right: auto !important;
    width: auto !important;
    min-width: auto !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    background: var(--color-primary);
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 10;
    line-height: 1;
    color: #fff;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin-bottom: 40px;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 1024px) {
    .shop-page ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .shop-page ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .shop-hero h1 {
        font-size: 26px;
    }

    .floating-cart-widget {
        bottom: 70px !important;
    }
}

/* ===== FLOATING CART WIDGET ===== */
.floating-cart-widget {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    animation: slideInUp 0.3s ease-out;
}

@keyframes slideInUp {
    from {
        transform: translateY(100px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.floating-cart-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: var(--color-primary);
    background: var(--gradient-secondary);
    color: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(65, 105, 225, 0.4);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.floating-cart-button:hover {
    transform: scale(1.1) translateY(-2px);
    box-shadow: 0 8px 30px rgba(65, 105, 225, 0.6);
    color: var(--color-white);
}

.floating-cart-button:active {
    transform: scale(0.95);
}

.floating-cart-button i {
    font-size: 24px;
}

.floating-cart-button .cart-icon {
    font-size: 28px;
    line-height: 1;
    filter: brightness(0) invert(1);
    display: block;
}

.floating-cart-button .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background: var(--color-accent);
    color: var(--color-dark);
    font-size: 12px;
    font-weight: 700;
    min-width: 24px;
    height: 24px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border: 3px solid var(--color-white);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

.floating-cart-button .cart-count:empty {
    display: none;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .floating-cart-widget {
        bottom: 20px;
        right: 20px;
    }

    .floating-cart-button {
        width: 56px;
        height: 56px;
    }

    .floating-cart-button i {
        font-size: 22px;
    }
}

/* Hide when back-to-top button appears to avoid overlap */
.floating-cart-widget.with-back-to-top {
    bottom: 100px;
}

/* ===== CATEGORY CARDS (Homepage) ===== */
.category-section {
    margin-bottom: 40px;
}

.category-card {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-md);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.category-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
    text-decoration: none;
}

.category-image-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 120%; /* 5:6 aspect ratio for portrait */
    overflow: hidden;
    background: var(--color-light-bg-2);
}

.category-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.category-card:hover .category-image {
    transform: scale(1.08);
}

.category-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.3), transparent);
    padding: 30px 20px 20px;
    color: var(--color-white);
    transition: all 0.3s ease;
}

.category-card:hover .category-overlay {
    background: linear-gradient(to top, rgba(65, 105, 225, 0.95), rgba(125, 42, 231, 0.7), transparent);
}

.category-title {
    font-family: var(--font-heading);
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 8px;
    color: var(--color-white);
}

.category-desc {
    font-size: 14px;
    margin: 0 0 12px;
    opacity: 0.9;
    color: var(--color-white);
}

.category-btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-accent);
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.category-card:hover .category-btn {
    opacity: 1;
    transform: translateY(0);
}

/* Mobile responsiveness for category cards */
@media (max-width: 768px) {
    .category-image-wrapper {
        padding-bottom: 100%; /* Square on mobile */
    }

    .category-title {
        font-size: 20px;
    }

    .category-desc {
        font-size: 13px;
    }
}

/* ===== SINGLE PRODUCT PAGE (Myntra Style) ===== */

/* Product Gallery */
.woocommerce div.product div.images {
    margin-bottom: 0;
}

.woocommerce div.product div.images img {
    border-radius: var(--radius-md);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    position: absolute;
    top: 16px;
    right: 16px;
    background: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Product Info Box */
.product-info-box {
    background: var(--color-white);
    border-radius: var(--radius-md);
    padding: 24px !important;
}

/* Product Title */
.woocommerce div.product .product_title {
    font-family: var(--font-heading);
    font-size: 28px;
    font-weight: 700;
    color: var(--color-dark);
    margin-bottom: 12px;
    line-height: 1.3;
}

/* Product Rating */
.woocommerce .star-rating {
    color: var(--color-accent);
    margin-bottom: 16px;
}

/* Product Price */
.woocommerce div.product p.price {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-dark);
    margin-bottom: 20px;
}

.woocommerce div.product p.price del {
    color: var(--color-text-light);
    font-size: 24px;
    text-decoration: line-through;
    margin-right: 12px;
}

.woocommerce div.product p.price ins {
    text-decoration: none;
    color: var(--color-primary);
}

/* Product Description */
.woocommerce div.product .woocommerce-product-details__short-description {
    color: var(--color-text);
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f0f0f0;
}

/* Variations (Size, Color, etc.) */
.woocommerce div.product form.cart .variations {
    margin-bottom: 24px;
    border: none;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
    padding: 8px 0;
    border: none;
    vertical-align: middle;
}

.woocommerce div.product form.cart .variations label {
    font-weight: 600;
    color: var(--color-dark);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.woocommerce div.product form.cart .variations select {
    border: 1px solid #d1d5db;
    border-radius: var(--radius-md);
    padding: 12px 16px;
    font-size: 15px;
    color: var(--color-dark);
    background: white;
    width: 100%;
    max-width: 300px;
}

.woocommerce div.product form.cart .variations select:focus {
    border-color: var(--color-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(65, 105, 225, 0.1);
}

/* Quantity Input */
.woocommerce div.product form.cart div.quantity {
    margin-right: 12px;
    display: inline-block;
}

.woocommerce div.product form.cart div.quantity input.qty {
    width: 80px;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: var(--radius-md);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

/* Add to Cart Button */
.woocommerce div.product form.cart .single_add_to_cart_button {
    background: var(--color-primary);
    color: white;
    border: none;
    padding: 14px 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background: var(--color-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(65, 105, 225, 0.3);
}

.woocommerce div.product form.cart .single_add_to_cart_button:disabled {
    background: #d1d5db;
    cursor: not-allowed;
    transform: none;
}

/* Product Meta (SKU, Category, Tags) */
.woocommerce div.product .product_meta {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #f0f0f0;
    font-size: 14px;
    color: var(--color-text);
}

.woocommerce div.product .product_meta > span {
    display: block;
    margin-bottom: 8px;
}

.woocommerce div.product .product_meta a {
    color: var(--color-primary);
    text-decoration: none;
}

.woocommerce div.product .product_meta a:hover {
    text-decoration: underline;
}

/* Product Tabs */
.woocommerce div.product .woocommerce-tabs {
    margin-top: 48px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 2px solid #f0f0f0;
    padding: 0;
    margin: 0 0 24px;
    list-style: none;
    display: flex;
    gap: 32px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: var(--color-text);
    font-weight: 600;
    font-size: 15px;
    padding: 12px 0;
    display: block;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--color-primary);
    border-bottom-color: var(--color-primary);
}

.woocommerce div.product .woocommerce-tabs .panel {
    padding: 24px 0;
}

/* Related Products */
.woocommerce .related.products,
.woocommerce .upsells.products {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid #eee;
}

.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2 {
    font-family: var(--font-heading);
    font-size: 24px;
    font-weight: 700;
    color: var(--color-dark);
    margin-bottom: 30px;
    text-align: center;
}

.woocommerce .related.products ul.products,
.woocommerce .upsells.products ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* Related Products Cards - Match Homepage Style */
.woocommerce .related.products ul.products li.product,
.woocommerce .upsells.products ul.products li.product {
    background: var(--color-white);
    padding: 0;
    border: none;
    border-radius: 8px;
    margin: 0 !important;
    width: 100% !important;
    float: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    position: relative;
}

.woocommerce .related.products ul.products li.product:hover,
.woocommerce .upsells.products ul.products li.product:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
    transform: translateY(-6px);
}

/* Related Products - Sale Badge Fix */
.woocommerce .related.products ul.products li.product .onsale,
.woocommerce .upsells.products ul.products li.product .onsale {
    position: absolute;
    top: 12px;
    left: 12px;
    right: auto !important;
    width: auto !important;
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 4px;
    z-index: 10;
}

/* Related Products Image */
.woocommerce .related.products ul.products li.product > a,
.woocommerce .upsells.products ul.products li.product > a {
    position: relative;
    display: block;
    overflow: hidden;
}

.woocommerce .related.products ul.products li.product img,
.woocommerce .upsells.products ul.products li.product img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: top center;
    transition: transform 0.4s ease;
    margin: 0;
}

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

/* Related Products Title */
.woocommerce .related.products ul.products li.product .woocommerce-loop-product__title,
.woocommerce .related.products ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce .upsells.products ul.products li.product .woocommerce-loop-product__title,
.woocommerce .upsells.products ul.products li.product h2.woocommerce-loop-product__title {
    font-family: var(--font-heading);
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--color-dark) !important;
    padding: 16px 16px 8px;
    margin: 0;
    line-height: 1.4;
    text-transform: capitalize;
}

/* Related Products Price */
.woocommerce .related.products ul.products li.product .price,
.woocommerce .upsells.products ul.products li.product .price {
    font-family: var(--font-primary);
    font-size: 0.95rem;
    padding: 0 16px 16px;
    color: var(--color-dark);
    display: block;
}

.woocommerce .related.products ul.products li.product .price del,
.woocommerce .upsells.products ul.products li.product .price del {
    color: #999;
    font-size: 0.85rem;
    margin-right: 6px;
}

.woocommerce .related.products ul.products li.product .price ins,
.woocommerce .upsells.products ul.products li.product .price ins {
    text-decoration: none;
    color: var(--color-primary);
    font-weight: 700;
}

/* Related Products Button */
.woocommerce .related.products ul.products li.product .button,
.woocommerce .related.products ul.products li.product a.button,
.woocommerce .related.products ul.products li.product a.add_to_cart_button,
.woocommerce .upsells.products ul.products li.product .button,
.woocommerce .upsells.products ul.products li.product a.button,
.woocommerce .upsells.products ul.products li.product a.add_to_cart_button {
    background: var(--color-dark) !important;
    color: var(--color-white) !important;
    padding: 14px 16px !important;
    border-radius: 0 !important;
    font-family: var(--font-primary) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    margin: 0 !important;
    border: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

.woocommerce .related.products ul.products li.product .button:hover,
.woocommerce .related.products ul.products li.product a.button:hover,
.woocommerce .upsells.products ul.products li.product .button:hover,
.woocommerce .upsells.products ul.products li.product a.button:hover {
    background: var(--color-primary) !important;
    color: var(--color-white) !important;
}

/* Out of Stock Badge */
.woocommerce div.product .out-of-stock {
    background: #fee2e2;
    color: #991b1b;
    padding: 8px 16px;
    border-radius: var(--radius-md);
    font-weight: 600;
    display: inline-block;
    margin-bottom: 16px;
}


/* Responsive - Single Product */
@media (max-width: 991px) {
    .woocommerce .related.products ul.products,
    .woocommerce .upsells.products ul.products {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .woocommerce div.product .product_title {
        font-size: 22px;
    }

    .woocommerce div.product p.price {
        font-size: 26px;
    }

    .woocommerce div.product p.price del {
        font-size: 20px;
    }

    .woocommerce .related.products ul.products,
    .woocommerce .upsells.products ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .woocommerce .related.products > h2,
    .woocommerce .upsells.products > h2 {
        font-size: 20px;
    }

    .woocommerce div.product form.cart .variations select {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .woocommerce .related.products ul.products,
    .woocommerce .upsells.products ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .woocommerce .related.products ul.products li.product .woocommerce-loop-product__title,
    .woocommerce .upsells.products ul.products li.product .woocommerce-loop-product__title {
        font-size: 0.9rem;
        padding: 12px 12px 6px;
    }

    .woocommerce .related.products ul.products li.product .price,
    .woocommerce .upsells.products ul.products li.product .price {
        padding: 0 12px 12px;
        font-size: 0.9rem;
    }

    .woocommerce .related.products ul.products li.product .button,
    .woocommerce .upsells.products ul.products li.product .button {
        padding: 12px;
        font-size: 11px;
    }
}

/* ===== WOOCOMMERCE NOTICES & MESSAGES ===== */

/* Success Messages (Added to Cart) */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding: 16px 20px;
    margin-bottom: 24px;
    border-radius: var(--radius-md);
    display: flex !important;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    animation: slideInDown 0.4s ease-out;
}

@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Success Message - Green */
.woocommerce-message {
    background: #d1fae5;
    border-left: 4px solid #10b981;
    color: #065f46;
}

.woocommerce-message::before {
    content: "✓";
    display: flex;
    align-items: center;
    justify-content: center;
    background: #10b981;
    color: white;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 16px;
    flex-shrink: 0;
}

.woocommerce-message a {
    color: #065f46;
    font-weight: 700;
    text-decoration: none;
    padding: 8px 16px;
    background: white;
    border-radius: 4px;
    margin-left: auto;
    transition: all 0.2s;
    border: 1px solid #10b981;
}

.woocommerce-message a:hover {
    background: #10b981;
    color: white;
}

/* Info Message - Blue */
.woocommerce-info {
    background: #dbeafe;
    border-left: 4px solid #3b82f6;
    color: #1e40af;
}

.woocommerce-info::before {
    content: "ℹ";
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3b82f6;
    color: white;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 16px;
    flex-shrink: 0;
}

.woocommerce-info a {
    color: #1e40af;
    font-weight: 700;
    text-decoration: underline;
}

/* Error Message - Red */
.woocommerce-error {
    background: #fee2e2;
    border-left: 4px solid #ef4444;
    color: #991b1b;
    list-style: none;
}

.woocommerce-error::before {
    content: "✕";
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ef4444;
    color: white;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 16px;
    flex-shrink: 0;
}

.woocommerce-error li {
    list-style: none;
}

/* Remove default WooCommerce icons */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    content: "" !important;
}

.woocommerce-message .button,
.woocommerce-info .button {
    background: var(--color-primary);
    color: white;
    padding: 8px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    margin-left: auto;
    transition: all 0.2s;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover {
    background: var(--color-primary-dark);
    transform: translateY(-1px);
}

/* Make messages stick to top on scroll */
.woocommerce-notices-wrapper {
    position: sticky;
    top: 80px;
    z-index: 999;
    margin-bottom: 20px;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error {
        font-size: 14px;
        padding: 14px 16px;
    }

    .woocommerce-message a,
    .woocommerce-message .button {
        padding: 6px 12px;
        font-size: 13px;
    }

    .woocommerce-notices-wrapper {
        top: 70px;
    }
}