/* ===== IMPORT LUXURY FONT ===== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&display=swap');


/* ===== GLOBAL FONT (FORCE ALL SITE) ===== */
html,
body,
#__next,
* {
    font-family: 'Poppins', sans-serif !important;
}

/* ===== PAGE BACKGROUND (AREA ABOVE HEADER) ===== */
html,
body {
    background-color: #6A1A7D !important; /* lavender */
    margin: 0 !important;
}

/* ===== MAIN CONTENT ===== */
#__next {
    background-color: #D9D9D9 !important;
}

/* ===== HEADER BACKGROUND ===== */
header,
header > div {
    background-color: #6A1A7D !important;
    font-family: 'Poppins', sans-serif !important;
}

/* ===== HEADER TOP TEXT ===== */
.sphinx_header_top_text {
    color: #f2eded !important;
    font-family: 'Poppins', sans-serif !important;
}

/* ===== CENTER HEADER MENU ITEMS ===== */
header .sphinx_header_links {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 40px !important;
    text-align: center !important;
}

/* ===== HEADER MENU TEXT ===== */
header nav a,
header .sphinx_header_links a {
    color: #f2eded !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    transition: color 0.25s ease;
}

/* ===== MENU HOVER (VISIBLE & LUXURY) ===== */
header nav a:hover,
header .sphinx_header_links a:hover {
    color: #ebd3f5 !important;
}

/* ===== FOOTER BACKGROUND ===== */
footer,
footer.bg-white,
footer .lg\:hidden,
footer .max-w-7xl,
footer > div {
    background-color: #D9D9D9 !important;
}

/* ===== FOOTER TEXT ===== */
footer,
footer a,
footer h3,
footer p,
footer span,
footer svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* ===== FOOTER BORDERS ===== */
footer .border-t {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ===== POWERED BY EASYORDERS BAR ===== */
footer .text-center,
footer .py-4,
footer div:has(> p),
footer div:has(> span) {
    background-color: #6A1A7D !important;
}

/* ===== HEADER LINK SPACING ===== */
header nav a {
    letter-spacing: 0.5px;
}
/* ===== GLASS BOX AROUND SEARCH BAR ONLY ===== */

/* Search wrapper */
header form,
header form > div,
header .relative:has(input[type="search"]),
header .relative:has(input[type="text"]) {
    background: rgba(255, 255, 255, 0.18) !important; /* glass */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 14px; /* rectangular but soft */
    padding: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/* Search input */
header input[type="search"],
header input[type="text"] {
    background: transparent !important;
    border: none !important;
    color: #333 !important;
    font-family: 'Poppins', sans-serif;
}

/* Search button */
header button {
    background-color: #6A1A7D !important;
    border-radius: 10px !important;
    color: #fff !important;
}

/* ===== SEARCH PLACEHOLDER COLOR (GRAY) ===== */
header input::placeholder {
    color: #9e9e9e !important; /* soft gray */
    opacity: 1 !important;     /* force visibility */
    font-family: 'Poppins', sans-serif;
}

/* Safari & older browsers */
header input::-webkit-input-placeholder {
    color: #9e9e9e !important;
}

header input:-ms-input-placeholder {
    color: #9e9e9e !important;
}

/* ===== FINAL FIX: TYPING COLOR STABLE ===== */

/* Default + focus + typed text */
header input[type="search"],
header input[type="text"],
header input[type="search"]:focus,
header input[type="text"]:focus {
    color: #9e9e9e !important;              /* gray text */
    caret-color: #9e9e9e !important;        /* cursor */
    -webkit-text-fill-color: #9e9e9e !important; /* iOS Safari fix */
}


/* ===== REMOVE FADED BACKGROUND TITLE (Categories & Best Selling) ===== */

/* Kill the decorative faded span */
.home_section_top_title > span {
    display: none !important;
}

/* Ensure main title is clean */
.home_section_top_title {
    text-shadow: none !important;
    opacity: 1 !important;
}


/* ===== POWERED BY EASYORDERS (GRAY TEXT) ===== */

/* Text */
footer p,
footer p span,
footer p a {
    color: #D9D9D9 !important;   /* soft gray */
}

/* FORCE lavender on all section headings */
main h2,
main h3 {
    color: #6A1A7D !important;
}

/* FORCE lavender on category labels */
main div p,
main div span {
    color: #6A1A7D !important;
}

/* =========================================
   COLORS
========================================= */
:root {
    --lavender: #6A1A7D;
}

/* =========================================
   SECTION TITLES: Categories & Best Selling
========================================= */

.home_section_top_title,
.home_section_top_title span,
main h2,
main h3 {
    font-family: 'DM Sans', sans-serif !important;
    color: #6A1A7D !important;      /* lavender */

    font-weight: 900 !important;    /* 🔥 MORE BOLD */
    letter-spacing: 1.5px !important; /* premium spacing */

    text-transform: uppercase;
    text-shadow: none !important;
    opacity: 1 !important;
}

/* =========================================
   CATEGORY CARD DESCRIPTION (TEXT UNDER IMAGE)
========================================= */

/* EasyOrders category card text */
.animate-slideIn h4,
.animate-slideIn p,
.animate-slideIn span,
.animate-slideIn div {
    color: var(--lavender) !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
}

/* Extra safety: force links too */
.animate-slideIn a {
    color: var(--lavender) !important;
}

/* =========================================
   FOOTER: TITLES vs TEXT (TWO LAVENDER SHADES)
========================================= */

/* FOOTER SECTION TITLES: Categories / Pages */
footer h3,
footer h4 {
    color: #6A1A7D !important;     /* main lavender */
    font-weight: 800 !important;
    letter-spacing: 1px;
}

/* FOOTER LINKS UNDER TITLES */
footer ul li,
footer ul li a,
footer p a {
    color: #8E4AA6 !important;     /* lighter lavender */
    font-weight: 500 !important;
}

/* Optional hover for elegance */
footer ul li a:hover {
    color: #6A1A7D !important;
}


/* === CATEGORY PAGE TITLE FIX === */

/* Category page main title */
main h1,
main h2 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 900 !important;       /* strong like home */
    letter-spacing: 1.5px !important;
    color: #6A1A7D !important;
    text-transform: uppercase;
}

.bg-white{
background-color:#D9D9D9 
}

/* =====================================
   REFUND / SHIPPING POLICY TITLE
   Target exact div + span (Tailwind-safe)
===================================== */

div.text-lg.max-w-prose.mx-auto h1 span {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;

    color: #6A1A7D !important; /* lavender */

    /* Override Tailwind text-gray-900 */
    --tw-text-opacity: 1 !important;
}
/* POLICY PAGE – BOLD TEXT (Return Window, Item Condition, etc.) */
.page_content strong {
    color: #6A1A7D !important;   /* lavender */
    font-weight: 700 !important;
}

/* POLICY PAGE – BLOCKQUOTE (Purple Note) */
.page_content blockquote {
    border-left: 4px solid #6A1A7D !important; /* lavender line */
    padding-left: 18px !important;
    margin-top: 28px !important;

    font-style: italic !important;
    color: #6A1A7D !important;   /* lavender text */
    background: transparent !important;
}

/* In case text is wrapped with <em> inside blockquote */
.page_content blockquote em {
    color: #6A1A7D !important;
    font-style: italic !important;
}

.page_content p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.8 !important;

    color: #555 !important;
    margin-bottom: 18px !important;
}
.page_content h2,
.page_content h3 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;

    color: #6A1A7D !important;
    margin-top: 48px !important;
    margin-bottom: 16px !important;
}


/* =========================
   FIX LOGO CLIPPING ISSUE
========================= */

/* Logo wrapper (THIS is the problem) */
.sphinx_header_logo > a > div {
    height: auto !important;          /* remove h-14 */
    overflow: visible !important;     /* stop cutting */
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

/* Logo image size */
.sphinx_header_logo img {
    height: 180px !important;   /* adjust 100–130 */
    width: auto !important;
    max-height: none !important;
}

/* Space between logo and search */
.sphinx_header_logo {
    margin-right: 10px !important;
    display: flex !important;
    align-items: center !important;
}

/* =====================================
   CART ICON – HOVER EFFECT
===================================== */

header a[href*="cart"]:hover span {
    background-color: #ebd3f5 !important;
}

header a[href*="cart"] {
    transform: scale(2.6);   /* ⬅️ default size */
}

/* =====================================
   POLICY PAGE – SECTION TITLES (h3)
   e.g. "1. Data We Collect"
===================================== */

.page_content h3,
.page_content .ql-editor h3 {
    font-family: 'DM Sans', sans-serif !important;
    color: #6A1A7D !important;   /* lavender */
    font-weight: 800 !important;
    letter-spacing: 1px;
    margin-top: 32px;
    margin-bottom: 12px;
    text-transform: none; /* keep normal case */
}


/* If arrow is inside a button */
footer button svg {
    color: #6A1A7D !important;
    fill: #6A1A7D !important;
    stroke: #6A1A7D !important;
}


/* ===== FIX NAVIGATION TEXT WRAPPING ===== */
header .sphinx_header_links a {
    white-space: nowrap !important;  /* prevent wrapping */
    font-size: 13px !important;      /* reduce size to fit */
    padding: 8px 12px !important;    /* adjust spacing */
}

/* Reduce gap between menu items if needed */
header .sphinx_header_links {
    gap: 20px !important;  /* reduce from 40px */
}

/* Optional: Make text smaller on smaller screens */
@media (max-width: 1400px) {
    header .sphinx_header_links a {
        font-size: 12px !important;
        padding: 6px 10px !important;
    }
    
    header .sphinx_header_links {
        gap: 15px !important;
    }
}

@media (max-width: 1200px) {
    header .sphinx_header_links a {
        font-size: 11px !important;
        padding: 6px 8px !important;
    }
    
    header .sphinx_header_links {
        gap: 10px !important;
    }
}

/* ===== FIX NAVIGATION - CENTERED & SCROLLABLE ===== */

/* ===== FIX NAVIGATION - CENTERED & SCROLLABLE ===== */

/* Wrapper for the entire nav bar */
header nav {
    width: 100% !important;
    overflow: visible !important;
}

/* Container: center items and allow horizontal scroll */
header .sphinx_header_links {
    display: flex !important;
    justify-content: flex-start !important;  /* start from left */
    align-items: center !important;
    gap: 25px !important;
    text-align: center !important;
    
    /* Enable horizontal scrolling */
    overflow-x: auto !important;
    overflow-y: hidden !important;
    
    /* Smooth scrolling */
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    
    /* Add padding to prevent cutoff */
    padding-left: 20px !important;
    padding-right: 20px !important;
    
    /* Hide scrollbar but keep functionality */
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

/* Hide scrollbar in Chrome/Safari */
header .sphinx_header_links::-webkit-scrollbar {
    display: none !important;
}

/* Navigation links: prevent wrapping */
header .sphinx_header_links a {
    white-space: nowrap !important;
    font-size: 14px !important;
    padding: 8px 12px !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}

/* Responsive adjustments */
@media (max-width: 1400px) {
    header .sphinx_header_links {
        gap: 20px !important;
    }
    
    header .sphinx_header_links a {
        font-size: 13px !important;
    }
}

@media (max-width: 1200px) {
    header .sphinx_header_links {
        gap: 15px !important;
    }
    
    header .sphinx_header_links a {
        font-size: 12px !important;
        padding: 6px 10px !important;
    }
}

/* Center items when there's enough space */
@media (min-width: 1600px) {
    header .sphinx_header_links {
        justify-content: center !important;
    }
}



/* =====================================
   CATEGORY SUBTITLES – FORCE ONE LINE
===================================== */

/* Optional: slightly smaller text to help fit */
.animate-slideIn h4 {
    font-size: 16px !important;  /* adjust if needed */
}

/* =====================================
   REMOVE LEFT SPACE BEFORE LOGO
   (Align logo with search start)
===================================== */

.sphinx_header_logo {
    margin-left: 0 !important;
    margin-inline-start: 0 !important; /* overrides ms-4 */
}

/* Kill Tailwind spacing utilities on logo */
.sphinx_header_logo.ms-4 {
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
}

/* hover of view all */

/* Keep default color */
.animate-slideIn > span {
    color: #6A1A7D !important;
}

/* Hover: readable text */
.animate-slideIn:hover > span {
    color: #ffffff !important; /* or #2B0B33 if you prefer dark */
}


/* =====================================
   FIX NAVIGATION SCROLL - CLICKABLE FIRST ITEM
===================================== */

/* Remove left padding that blocks first item clicks */
header .sphinx_header_links {
    padding-left: 0 !important;
}

/* Add margin instead to first link for spacing */
header .sphinx_header_links a:first-child {
    margin-left: 20px !important;
}

/* Ensure all links are properly clickable */
header .sphinx_header_links a {
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
}