/** Shopify CDN: Minification failed

Line 775:1 Unexpected "255"

**/
/* =================================================================
   ROSEWOMAN MENU - Mobile-First Navigation System
   ================================================================= */

/* ===== BASE MENU STYLES ===== */

.rosewoman-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rosewoman-menu__item {
    position: relative;
}

.rosewoman-menu__link {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* Prime Badge */
.rosewoman-menu__prime-badge {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

/* ===== VERTICAL MENU (MOBILE DRAWER) ===== */

.rosewoman-menu--vertical {
    width: 100%;
}

.rosewoman-menu--vertical .rosewoman-menu__item {
    border-bottom: 1px solid rgba(216, 168, 164, 0.3);
}

.rosewoman-menu--vertical .rosewoman-menu__item:last-child {
    border-bottom: none;
}

/* Parent wrapper contains link + toggle button */
.rosewoman-menu--vertical .rosewoman-menu__parent-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.rosewoman-menu--vertical .rosewoman-menu__link {
    flex: 1;
    padding: 16px 20px;
    color: #515255;
    font-size: 16px;
    font-family: 'Verlag', sans-serif;
    text-transform: capitalize;
}

.rosewoman-menu--vertical .rosewoman-menu__link:hover {
    color: #cd857f;
}

/* Toggle Button - ONLY VISIBLE ON VERTICAL MENU */
.rosewoman-menu--vertical .rosewoman-menu__toggle {
    background: transparent;
    border: none;
    padding: 16px 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    min-height: 50px;
    color: #515255;
    flex-shrink: 0;
}

.rosewoman-menu--vertical .rosewoman-menu__toggle:active {
    background: rgba(216, 168, 164, 0.1);
}

/* Toggle Icons */
.rosewoman-menu__toggle-icon {
    position: relative;
    width: 14px;
    height: 14px;
    display: block;
}

.rosewoman-menu__toggle-plus,
.rosewoman-menu__toggle-minus {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.rosewoman-menu__toggle-plus {
    opacity: 1;
}

.rosewoman-menu__toggle-minus {
    opacity: 0;
}

/* When expanded */
.rosewoman-menu__item--expanded .rosewoman-menu__toggle-plus {
    opacity: 0;
    transform: rotate(90deg);
}

.rosewoman-menu__item--expanded .rosewoman-menu__toggle-minus {
    opacity: 1;
}

/* Submenu Wrapper - Collapsible */
.rosewoman-menu--vertical .rosewoman-menu__submenu-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.rosewoman-menu--vertical .rosewoman-menu__item--expanded > .rosewoman-menu__submenu-wrapper {
    max-height: 2000px;
}

/* Submenu Styles */
.rosewoman-menu--vertical .rosewoman-menu--submenu {
    background: rgba(249, 233, 218, 0.3);
}

.rosewoman-menu--vertical .rosewoman-menu--submenu .rosewoman-menu__link {
    padding-left: 40px;
    font-size: 15px;
    color: #58595b;
}

.rosewoman-menu--vertical .rosewoman-menu--submenu .rosewoman-menu__link:hover {
    color: #cd857f;
    background: rgba(249, 233, 218, 0.5);
}

/* ===== MOBILE PRODUCT MENU WITH IMAGES ===== */

.rosewoman-menu--mobile-products {
    background: #fff;
    padding: 10px 0;
}

.rosewoman-menu--mobile-products .rosewoman-menu__item {
    border-bottom: 1px solid rgba(216, 168, 164, 0.2);
}

.rosewoman-menu--mobile-products .rosewoman-menu__item:last-child {
    border-bottom: none;
}

.rosewoman-menu__mobile-product-link {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    text-decoration: none;
    transition: background 0.2s ease;
}

.rosewoman-menu__mobile-product-link:hover {
    background: rgba(249, 233, 218, 0.3);
}

.rosewoman-menu__mobile-product-image {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #f9f9f9;
}

.rosewoman-menu__mobile-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rosewoman-menu__mobile-product-info {
    flex: 1;
    min-width: 0;
}

.rosewoman-menu__mobile-product-title {
    font-size: 16px;
    font-weight: 600;
    color: #515255;
    font-family: 'Verlag', sans-serif;
    margin-bottom: 6px;
    line-height: 1.3;
}

.rosewoman-menu__mobile-product-description {
    font-size: 14px;
    color: #737170;
    font-family: 'Verlag', sans-serif;
    line-height: 1.4;
}

/* Active state */
.rosewoman-menu__item.is-active > .rosewoman-menu__parent-wrapper > .rosewoman-menu__link,
.rosewoman-menu__item.is-active > .rosewoman-menu__link {
    color: #cd857f;
    font-weight: 600;
}

/* ===== HORIZONTAL MENU (DESKTOP) ===== */

.rosewoman-menu--horizontal {
    display: flex;
    align-items: center;
    gap: 20px;
}

.rosewoman-menu--horizontal .rosewoman-menu__link {
    padding: 10px 15px;
    color: #fff;
    font-size: 13px;
    font-family: 'Verlag', sans-serif;
    text-transform: capitalize;
    white-space: nowrap;
}

.rosewoman-menu--horizontal .rosewoman-menu__link:hover {
    color: #d8a8a4;
}

/* HIDE toggle buttons on desktop */
.rosewoman-menu--horizontal .rosewoman-menu__toggle {
    display: none !important;
}

/* Desktop parent wrapper - no special styling needed */
.rosewoman-menu--horizontal .rosewoman-menu__parent-wrapper {
    display: block;
}

/* Desktop parent items */
.rosewoman-menu--horizontal .rosewoman-menu__item--parent {
    position: relative;
}

/* Desktop submenu - hidden by default */
.rosewoman-menu--horizontal .rosewoman-menu__submenu-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #fff;
    border: 1px solid rgba(216, 168, 164, 0.3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
    z-index: 1000;
    margin-top: 0;
}

/* Show submenu on hover */
.rosewoman-menu--horizontal .rosewoman-menu__item--parent:hover > .rosewoman-menu__submenu-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* ===== MEGA MENU WITH PRODUCT IMAGES ===== */

.rosewoman-mega-menu {
    padding: 36px;
    min-width: 720px;
    max-width: 960px;
}

.rosewoman-mega-menu__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
    gap: 28px;
}

.rosewoman-mega-menu__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.rosewoman-mega-menu__item:hover {
    transform: translateY(-4px);
}

.rosewoman-mega-menu__image {
    width: 168px;
    height: 168px;
    margin-bottom: 14px;
    border-radius: 8px;
    overflow: hidden;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rosewoman-mega-menu__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.rosewoman-mega-menu__item:hover .rosewoman-mega-menu__image img {
    transform: scale(1.05);
}

/* Placeholder for missing images */
.rosewoman-mega-menu__image--placeholder {
    background: linear-gradient(135deg, #f9e9da 0%, #d8a8a4 100%);
    font-size: 58px;
    font-weight: bold;
    color: white;
}

.rosewoman-mega-menu__title {
    font-size: 15px;
    font-weight: 600;
    color: #2c2c2c;
    text-align: center;
    line-height: 1.3;
    font-family: 'Verlag', sans-serif;
    margin-bottom: 6px;
}

.rosewoman-mega-menu__description {
    font-size: 13px;
    color: #666;
    text-align: center;
    line-height: 1.4;
    font-family: 'Verlag', sans-serif;
    margin-bottom: 8px;
}

.rosewoman-mega-menu__item:hover .rosewoman-mega-menu__title {
    color: #cd857f;
}

/* ===== MEGA MENU BENEFIT ICONS ===== */

.rosewoman-mega-menu__benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    max-width: 168px;
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    overflow: hidden;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.rosewoman-mega-menu__item:hover .grid-item__benefit-icon {
    transform: scale(1.1);
}

/* Benefit Icon Sprites - Mega Menu Version - Using Inline SVG Data URIs */
.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-balances::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><line x1="12" y1="2" x2="12" y2="22"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-calms::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-cleanses::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-hydrates::before, 
.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-moisturizes::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-lubricates::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"/><path d="M12 16v-4"/><circle cx="12" cy="18" r="1"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-nourishes::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><path d="M12 2a10 10 0 0 0-9.95 9h11.64L9.74 7.05a1 1 0 0 1 1.41-1.41l5.66 5.65a1 1 0 0 1 0 1.42l-5.66 5.65a1 1 0 0 1-1.41 0 1 1 0 0 1 0-1.41L13.69 13H2.05A10 10 0 1 0 12 2z"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-perineal-care::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"/><path d="M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-postpartum::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="10" y1="11" x2="14" y2="11"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-prenatal::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><circle cx="12" cy="8" r="6"/><path d="M12 14c-4 0-7 2-7 5v3h14v-3c0-3-3-5-7-5z"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-protects::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-rejuvenates::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-restores::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-revitalizes::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-ritual::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><path d="M12 2a10 10 0 0 1 0 20 5 5 0 0 0 0-10 5 5 0 0 1 0-10z" fill="%23cd857f"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-smooths::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-soothes::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-stimulates::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-supports::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-tingles::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><path d="M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5L12 2z"/><circle cx="19" cy="5" r="1.5"/><circle cx="5" cy="19" r="1.5"/></svg>'); 
}

.rosewoman-mega-menu__benefits .grid-item__benefit-icon.benefit-tones::before { 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cd857f" stroke-width="2.5"><path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"/></svg>'); 
}

/* Desktop submenu items (legacy - for non-mega menu items) */
.rosewoman-menu--horizontal .rosewoman-menu--submenu {    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.rosewoman-menu--horizontal .rosewoman-menu--submenu .rosewoman-menu__item {
    border-bottom: 1px solid rgba(216, 168, 164, 0.15);
}

.rosewoman-menu--horizontal .rosewoman-menu--submenu .rosewoman-menu__item:last-child {
    border-bottom: none;
}

.rosewoman-menu--horizontal .rosewoman-menu--submenu .rosewoman-menu__link {
    display: block;
    padding: 14px 20px;
    color: #515255;
    white-space: nowrap;
    font-size: 14px;
}

.rosewoman-menu--horizontal .rosewoman-menu--submenu .rosewoman-menu__link:hover {
    background: #f9e9da;
    color: #cd857f;
}

/* ===== NESTED SUBMENUS (if needed) ===== */

.rosewoman-menu--submenu .rosewoman-menu--submenu .rosewoman-menu__link {
    padding-left: 60px !important;
}

/* ===== ACCESSIBILITY ===== */

.rosewoman-menu__toggle:focus {
    outline: 2px solid #cd857f;
    outline-offset: -2px;
}

.rosewoman-menu__link:focus {
    outline: 2px solid #cd857f;
    outline-offset: 2px;
}

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

@media (max-width: 1099px) {
    /* Ensure good touch targets on mobile */
    .rosewoman-menu--vertical .rosewoman-menu__link,
    .rosewoman-menu--vertical .rosewoman-menu__toggle {
        min-height: 44px;
    }
}

/* ===== REDUCED MOTION ===== */

@media (prefers-reduced-motion: reduce) {
    .rosewoman-menu__submenu-wrapper,
    .rosewoman-menu__toggle-plus,
    .rosewoman-menu__toggle-minus {
        transition: none;
    }
}

/* ===== NESTED HORIZONTAL SUBMENUS (Level 2) ===== */

.rosewoman-menu--submenu-horizontal {
    display: block;
    list-style: none;
    margin: 0;
    padding: 20px;
    min-width: 220px;
}

.rosewoman-menu--submenu-horizontal .rosewoman-menu__item {
    border-bottom: 1px solid rgba(216, 168, 164, 0.15);
    position: relative;
}

.rosewoman-menu--submenu-horizontal .rosewoman-menu__item:last-child {
    border-bottom: none;
}

.rosewoman-menu--submenu-horizontal .rosewoman-menu__link {
    display: block;
    padding: 14px 20px;
    color: #515255;
    font-size: 14px;
    text-decoration: none;
}

.rosewoman-menu--submenu-horizontal .rosewoman-menu__link:hover {
    background: #f9e9da;
    color: #cd857f;
}

/* Level 2 items with submenus get a right arrow */
.rosewoman-menu--submenu-horizontal .rosewoman-menu__item--parent > .rosewoman-menu__parent-wrapper > .rosewoman-menu__link::after {
    content: '→';
    float: right;
    margin-left: 10px;
}

/* Level 3 mega menu (product grid) appears to the RIGHT of Level 2 */
.rosewoman-menu--submenu-horizontal .rosewoman-menu__item--parent .rosewoman-menu__submenu-wrapper {
    position: absolute;
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
    z-index: 1001;
}

.rosewoman-menu--submenu-horizontal .rosewoman-menu__item--parent:hover > .rosewoman-menu__submenu-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* ===== END ROSEWOMAN MENU ===== */

/* =================================================================
   DESKTOP NAVIGATION TEXT SIZE FIX
   Add this to your rosewoman-menu.css file (or styles.css)
   ================================================================= */

/* ONLY apply these styles on desktop (tablet and up) */
@media (min-width: 769px) {
    /* Desktop horizontal menu - make text larger and more usable */
    .rosewoman-menu--horizontal .rosewoman-menu__link {
        padding: 10px 15px;
        color: #fff !important; /* Keep white for header background */
        font-size: 18px !important; /* Even larger - was 13px */
        font-family: 'Verlag', sans-serif;
        text-transform: capitalize;
        white-space: nowrap;
        font-weight: 500; /* Slightly bolder for better readability */
    }

    /* Adjust menu spacing to accommodate larger text */
    .rosewoman-menu--horizontal {
        display: flex;
        align-items: center;
        gap: 24px; /* Increased from 20px */
    }

    /* Desktop submenu items - IMPORTANT: Reset to dark color for dropdown */
    .rosewoman-menu--horizontal .rosewoman-menu--submenu .rosewoman-menu__link {
        display: block;
        padding: 14px 20px;
        color: #515255 !important; /* Dark text for white dropdown background */
        white-space: nowrap;
        font-size: 16px !important; /* Increased from 14px */
    }

    .rosewoman-menu--horizontal .rosewoman-menu--submenu .rosewoman-menu__link:hover {
        background: #f9e9da;
        color: #cd857f !important;
    }

    /* Level 2 submenu items (nested dropdowns) - also dark text */
    .rosewoman-menu--submenu-horizontal .rosewoman-menu__link {
        color: #515255 !important;
        font-size: 16px !important;
    }

    .rosewoman-menu--submenu-horizontal .rosewoman-menu__link:hover {
        background: #f9e9da;
        color: #cd857f !important;
    }

    /* Mega menu title text - make it larger and dark */
    .rosewoman-mega-menu__title {
        font-size: 17px !important; /* Increased from 15px */
        font-weight: 600;
        color: #2c2c2c !important;
        text-align: center;
        line-height: 1.3;
        font-family: 'Verlag', sans-serif;
        margin-bottom: 6px;
    }

    .rosewoman-mega-menu__item:hover .rosewoman-mega-menu__title {
        color: #cd857f !important;
    }

    /* Mega menu description text - dark */
    .rosewoman-mega-menu__description {
        font-size: 15px !important; /* Increased from 13px */
        color: #666 !important;
        text-align: center;
        line-height: 1.4;
        font-family: 'Verlag', sans-serif;
        margin-bottom: 8px;
    }

    /* Secondary menu items (on right side) - white text */
    .site-header__menu.header-menu__secondary.header-menu__right .rosewoman-menu__link {
        font-size: 18px !important;
        color: #fff !important;
        margin: 0 12px;
    }

    /* Fix vertical alignment with cart/icons */
    .site-header__menu.header-menu__primary.header-menu__left,
    .site-header__menu.header-menu__secondary.header-menu__right {
        display: flex;
        align-items: center;
    }

    ul.onyx-menu.onyx-menu--horizontal {
        padding-top: 0 !important; /* Remove the 15px top padding that was throwing off alignment */
        display: flex;
        align-items: center;
    }

    /* Make sure navigation bar has proper height and alignment */
    div#site-header-nav-bar {
        display: flex;
        align-items: center;
        min-height: 95px;
    }

    .nav-inner-wrap {
        display: flex;
        align-items: center;
        justify-content: center; /* Center everything */
        width: 100%;
        gap: 40px; /* Space between left menu, logo, and right menu */
    }
    
    /* For logo_center layout - override default positioning */
    .nav--logo_center .nav-inner-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    /* Left menu positioning - hug closer to logo */
    .site-header__menu.header-menu__primary.header-menu__left {
        order: 1;
        margin-right: 0 !important;
        margin-left: auto !important; /* Push towards center */
        flex: 0 0 auto;
    }
    
    /* Logo in center */
    .site-header__logo {
        order: 2;
        margin: 0 20px !important; /* Small margin on both sides */
        flex: 0 0 auto;
    }
    
    /* Right menu positioning - hug closer to logo */
    .site-header__menu.header-menu__secondary.header-menu__right {
        order: 3;
        margin-left: 0 !important;
        margin-right: auto !important; /* Push towards center */
        flex: 0 0 auto;
    }
    
    /* Hamburger should stay on far left */
    .site-header__hamburger {
        order: 0;
        margin-right: auto;
    }
    
    /* Icons should stay on far right */
    .site-header__icons {
        order: 4;
        margin-left: auto;
    }
}

/* Mobile menu - keep original styles (no changes) */
@media (max-width: 768px) {
    /* Ensure mobile hamburger and drawer work normally */
    .site-header__hamburger {
        display: block !important;
    }
    
    /* Hide BOTH desktop menus on mobile */
    .site-header__menu.header-menu__primary.header-menu__left,
    .site-header__menu.header-menu__secondary.header-menu__right {
        display: none !important;
    }
    
    /* Mobile vertical menu in drawer - keep original sizing */
    .rosewoman-menu--vertical .rosewoman-menu__link {
        font-size: 14px;
        padding: 12px 20px;
        color: #515255;
    }
    
    .rosewoman-menu--vertical .rosewoman-menu--submenu .rosewoman-menu__link {
        font-size: 13px;
        padding: 10px 20px 10px 40px;
    }
}255 !important; /* Dark text for white dropdown background */
    white-space: nowrap;
    font-size: 16px !important; /* Increased from 14px */
}

.rosewoman-menu--horizontal .rosewoman-menu--submenu .rosewoman-menu__link:hover {
    background: #f9e9da;
    color: #cd857f !important;
}

/* Level 2 submenu items (nested dropdowns) - also dark text */
.rosewoman-menu--submenu-horizontal .rosewoman-menu__link {
    color: #515255 !important;
    font-size: 16px !important;
}

.rosewoman-menu--submenu-horizontal .rosewoman-menu__link:hover {
    background: #f9e9da;
    color: #cd857f !important;
}

/* Mega menu title text - make it larger and dark */
.rosewoman-mega-menu__title {
    font-size: 17px !important; /* Increased from 15px */
    font-weight: 600;
    color: #2c2c2c !important;
    text-align: center;
    line-height: 1.3;
    font-family: 'Verlag', sans-serif;
    margin-bottom: 6px;
}

.rosewoman-mega-menu__item:hover .rosewoman-mega-menu__title {
    color: #cd857f !important;
}

/* Mega menu description text - dark */
.rosewoman-mega-menu__description {
    font-size: 15px !important; /* Increased from 13px */
    color: #666 !important;
    text-align: center;
    line-height: 1.4;
    font-family: 'Verlag', sans-serif;
    margin-bottom: 8px;
}

/* Secondary menu items (on right side) - white text */
.site-header__menu.header-menu__secondary.header-menu__right .rosewoman-menu__link {
    font-size: 18px !important;
    color: #fff !important;
    margin: 0 12px;
}

/* Fix vertical alignment with cart/icons */
.site-header__menu.header-menu__primary.header-menu__left,
.site-header__menu.header-menu__secondary.header-menu__right {
    display: flex;
    align-items: center;
}

ul.onyx-menu.onyx-menu--horizontal {
    padding-top: 0 !important; /* Remove the 15px top padding that was throwing off alignment */
    display: flex;
    align-items: center;
}

/* Make sure navigation bar has proper height and alignment */
div#site-header-nav-bar {
    display: flex;
    align-items: center;
    min-height: 95px;
}

.nav-inner-wrap {
    display: flex;
    align-items: center;
    width: 100%;
}