:root {
    --porsche-black: #000000;
    --porsche-white: #FFFFFF;
    --porsche-purple: #6B46C1;
    --porsche-gray: #EEEFF0;
    --porsche-border: #E0E0E0;
    --porsche-text-light: rgba(255, 255, 255, 0.7);
}

/* Body font */
body {
    font-family: 'Arial Narrow', Arial, 'Heiti SC', SimHei, sans-serif;
    line-height: calc(6px + 2.125ex);
}


.porsche-custom-header {
    font-family: 'Arial Narrow', Arial, 'Heiti SC', SimHei, sans-serif;
}

.porsche-header {
    width: 100%;
}


.porsche-header__top-bar {
    background: var(--porsche-black);
    color: var(--porsche-white);
    padding: 6px 0;
    font-size: 13px;
    /* Increased from 11px */
    line-height: 1.3;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.porsche-header__switchers {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
}

/* Reduce switcher padding */
.porsche-header__switchers .switcher {
    position: relative;
    /* Enable dropdown positioning */
    color: var(--porsche-white) !important;
    padding: 1px 2px;
}

.porsche-header__switchers .switcher-trigger {
    padding: 1px 2px !important;
}

/* Disable hover, only click for dropdown */
.porsche-header__switchers .switcher:hover .switcher-dropdown,
.porsche-header__switchers .switcher-trigger:hover+.switcher-dropdown {
    display: none !important;
}

.porsche-header__switchers .switcher.active .switcher-dropdown,
.porsche-header__switchers .switcher-trigger.active+.switcher-dropdown {
    display: block !important;
}

/* Switcher Dropdown Positioning */
.porsche-header__switchers .switcher-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    min-width: 150px;
    background: var(--porsche-white);
    color: var(--porsche-black);
    border: 1px solid var(--porsche-border);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    margin-top: 5px;
    padding: 0;
    /* Removed padding as requested */
}

.porsche-header__switchers .switcher-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.porsche-header__switchers .switcher-dropdown li {
    padding: 0 16px;
    /* Removed vertical padding as requested */
}

.porsche-header__switchers .switcher-dropdown a {
    color: var(--porsche-black) !important;
    text-decoration: none;
    display: block;
}

.porsche-header__switchers .switcher-dropdown a:hover {
    background: var(--porsche-gray);
}

.porsche-header__switchers .switcher {
    color: var(--porsche-white) !important;
}

.porsche-header__switchers .switcher-trigger strong {
    color: var(--porsche-white) !important;
    font-weight: 400;
}

.porsche-header__switchers .switcher-trigger,
.porsche-header__switchers .switcher-label,
.porsche-header__switchers .switcher-label span,
.porsche-header__switchers .action.toggle span {
    color: var(--porsche-white) !important;
}

.porsche-header__announcement {
    color: var(--porsche-white);
}

/* Top bar row alignment */
.porsche-header__top-bar .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    /* Allow wrapping on mobile */
}

.porsche-header__top-left {
    text-align: left;
}

.porsche-header__announcement {
    text-align: center;
}

.porsche-header__switchers {
    text-align: right;
}


.porsche-header__main {
    background: var(--porsche-black);
    color: var(--porsche-white);
    padding: 12px 0;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.porsche-header__main-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

/* Left: Utility Icons */
.porsche-header__utilities--left {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
}

/* Ensure utility items can position dropdowns */
.porsche-header__utilities--left>* {
    position: relative;
}

.porsche-header__utilities--left>* {
    display: flex;
    align-items: center;
}

/* Center: Logo (Absolute Positioning) */
.porsche-header__logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 15px;
    /* Added gap between logos */
    z-index: 10;
    max-width: calc(100% - 400px);
    /* Reserve space for menu and icons */
}

img.default-logo {
    height: 40px;
}

/* Duplicate logo side by side on desktop */
.porsche-header__logo img {
    max-height: 40px;
    width: auto;
    max-width: 100%;
}

.porsche-header__logo .logo-duplicate {
    display: inline-block;
}


/* Hide mobile logo by default, show on mobile */
.porsche-header__logo .mobile-logo {
    display: none;
}

/* Mobile: Show mobile logo, hide default logo */
@media (max-width: 767px) {
    .porsche-header__logo .logo.exits-lg-mb .default-logo {
        display: none !important;
    }

    .porsche-header__logo .logo-duplicate {
        display: none !important;
    }

    .porsche-header__logo .logo.exits-lg-mb .mobile-logo {
        display: inline-block !important;
        max-height: 40px;
        width: auto;
    }

    .porsche-header__logo {
        max-width: calc(100% - 200px);
    }
}

/* Desktop: Always show default logo */
@media (min-width: 768px) {
    .porsche-header__logo .mobile-logo {
        display: none !important;
    }
}


@media (min-width: 1200px) {
    .porsche-header__logo {
        flex-direction: row !important;
        gap: 15px !important;
        max-width: calc(100% - 500px);
        /* More space for utilities on desktop */
    }

    .porsche-header__logo img {
        max-width: 200px;
        /* Limit each logo width */
    }

}

/* Left: Menu Button */
.porsche-header__menu-wrapper--left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
}

/* Right: Utility Icons */
.porsche-header__utilities--right {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
    justify-content: flex-end;
}

/* Ensure utility items can position dropdowns */
.porsche-header__utilities--right>* {
    position: relative;
}

.porsche-header__utilities--right>* {
    display: flex;
    align-items: center;
}

.porsche-header__menu-toggle {
    background: transparent;
    border: none;
    color: var(--porsche-white);
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 12px;
    transition: opacity 0.2s ease;
}

.porsche-header__menu-toggle:hover {
    opacity: 0.7;
    background: rgba(255, 255, 255, 0.1);
}

.porsche-header__menu-toggle img {
    width: 20px;
    height: 20px;
    filter: invert(1);
}

.porsche-header__menu-toggle .menu-text {
    font-size: 16px;
    /* Increased from 14px */
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Hide megamenu on desktop (1200px and above) */
@media (min-width: 1200px) {

    .porsche-header__menu-wrapper--left,
    .porsche-header__menu-toggle {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .porsche-header__account {
        padding-right: 6%;
    }
}

/* Icon Styling */
.porsche-header__utilities--right .theme-header-icon,
.porsche-header__utilities--right .action {
    color: var(--porsche-white);
    font-size: 22px;
    /* Increased from 20px */
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.porsche-header__utilities--right .theme-header-icon:hover,
.porsche-header__utilities--right .action:hover {
    opacity: 0.7;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

/* Force all utility icons to white */
.porsche-header__utilities--right i,
.porsche-header__utilities--right .pe-7s-user,
.porsche-header__utilities--right .pe-7s-search,
.porsche-header__utilities--right span,
.porsche-header__utilities--right .action,
.porsche-header__utilities--right .theme-header-icon {
    color: var(--porsche-white) !important;
}

.porsche-header__utilities--right .action-search i {
    color: var(--porsche-white) !important;
}

/* Force wishlist icon to white - ONLY the direct icon link, NOT dropdown links */
.porsche-header__utilities--right .porsche-header__wishlist>a,
.porsche-header__utilities--right .porsche-header__wishlist>a>span,
.porsche-header__utilities--right .porsche-header__wishlist>a>i,
.porsche-header__utilities--right .porsche-header__wishlist a.action.wishlist,
.porsche-header__utilities--right .porsche-header__wishlist span.wishlist-icon {
    color: var(--porsche-white) !important;
    visibility: visible !important;
    display: inline-block !important;
}

/* Force wishlist icon pseudo-element to white - ONLY the direct icon */
.porsche-header__utilities--right .porsche-header__wishlist>a .wishlist-icon:before,
.porsche-header__utilities--right .porsche-header__wishlist>a .icon-heart:before,
.porsche-header__utilities--right .porsche-header__wishlist>a span:before,
.porsche-header__utilities--right .porsche-header__wishlist a span.wishlist-icon:before,
.porsche-header__utilities--right .porsche-header__wishlist span.wishlist-icon:before,
.porsche-header__utilities--right a[href*="wishlist"] span:before {
    color: var(--porsche-white) !important;
}

/* Ensure dropdown links inside account dropdown are NOT white */
.header-acccount .header.links a,
.header-acccount .customer-menu a,
.header-acccount a[href*="wishlist"],
.login-form a[href*="wishlist"] {
    color: inherit !important;
}


.porsche-header__navigation {
    background: var(--porsche-black);
    color: var(--porsche-white);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.porsche-header__nav-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    padding: 4px 0;
    /* Reduced from 16px to 4px to match reference site */
    flex-wrap: nowrap;
    /* Keep items in single horizontal line */
}

.porsche-header__nav-content .navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.porsche-header__nav-content .navigation li {
    display: inline-block;
}

.porsche-header__nav-content .navigation a {
    color: var(--porsche-white);
    text-decoration: none;
    font-size: 18px;
    /* Increased from 16px */
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: opacity 0.2s ease;
    padding: 8px 0;
    display: inline-block;
}

/* Horizontal menu specific styling */
.porsche-header__nav-content .horizontal-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.porsche-header__nav-content .horizontal-menu ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 30px;
}

.porsche-header__nav-content .horizontal-menu li {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.porsche-header__nav-content .horizontal-menu a {
    color: var(--porsche-white) !important;
    text-decoration: none;
    font-size: 18px;
    /* Increased from 16px */
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
    display: inline-block;
    padding: 8px 0;
    line-height: 1.5;
    vertical-align: middle;
}

.porsche-header__nav-content .navigation a:hover {
    opacity: 0.7;
    border-bottom: 2px solid rgba(255, 255, 255, 0.7);
}

/* Force white color for all navigation links */
.porsche-header__nav-content .navigation a,
.porsche-header__nav-content .level0>a,
.porsche-header__nav-content .level-top {
    color: var(--porsche-white) !important;
}

.porsche-header__nav-content .navigation .active>a {
    border-bottom: 2px solid var(--porsche-white);
}

/* Fix for Magento default navigation positioning - ONLY for top-level menu, NOT submenus */
.porsche-header__navigation .navigation,
.porsche-header__navigation .nav-sections,
.porsche-header__navigation>nav>ul.ui-menu {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
}

/* Only apply to top-level nav items, NOT submenus */
.porsche-header__navigation .navigation>ul>li.level0 {
    position: relative !important;
    /* Changed from static to relative for proper submenu positioning */
    display: inline-block !important;
}

/* Override parent theme navigation positioning */
/* IMPORTANT: Static position allows submenu to span full viewport width */
.porsche-header__nav-content>.navigation,
.porsche-header__nav-content>div>.navigation,
.porsche-header__navigation nav {
    position: static !important;
    left: 0 !important;
    right: auto !important;
}

/* Only apply to TOP-LEVEL ul, NOT submenus */
.porsche-header__navigation>nav>ul {
    position: relative !important;
    left: 0 !important;
}

/* CRITICAL: Force TOP-LEVEL navigation items to be visible on desktop */
/* Only apply to direct children of the main nav ul, not submenus */
/* Use static positioning to prevent constraining fixed-position submenus */
.porsche-header__navigation nav>ul.ui-menu>li.level-top,
.porsche-header__navigation nav>ul.ui-menu>li.level0 {
    position: static !important;
    /* Static so submenu can break out */
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    visibility: visible !important;
    display: inline-block !important;
}

/* Force TOP-LEVEL navigation links to be visible with WHITE text */
/* Only apply to top-level links, NOT submenu links */
.porsche-header__navigation nav>ul.ui-menu>li>a.level-top {
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--porsche-white) !important;
}

/* Horizontal Navigation Styling */
.porsche-header__nav-content nav {
    text-align: center;
}

/* Target ONLY the top-level menu */
.porsche-header__nav-content nav>ul.ui-menu {
    display: flex !important;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Top-level menu items */
.porsche-header__nav-content nav>ul.ui-menu>li.level-top {
    display: inline-block !important;
    margin: 0 15px;
    position: relative;
}

/* Top-level links - REDUCED PADDING for smaller navbar height */
.porsche-header__nav-content nav>ul.ui-menu>li.level-top>a.level-top {
    color: var(--porsche-white);
    text-decoration: none;
    font-size: 16px !important;
    /* Increased from 14px, !important to override */
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px 0;
    /* Reduced to 8px to match reference site ~57px height */
    display: block;
    transition: opacity 0.2s ease;
}

.porsche-header__nav-content nav>ul.ui-menu>li.level-top>a.level-top:hover {
    opacity: 0.7;
}



/* 1. Main Dropdown Container (Black Box) - 2 Panel Layout */
.porsche-header__nav-content ul.level0.submenu {
    display: none;
    opacity: 0;
    visibility: hidden;

    /* Positioning */
    position: absolute;
    top: 100%;
    left: 0 !important;
    /* Force left alignment overrides JS */
    width: 100% !important;
    /* Force full width overrides JS */

    /* Size & Style - Taller dropdown for better presence */
    min-height: 400px;
    height: 80vh !important;
    /* Fixed popup size */
    max-height: 80vh;
    /* Prevent exceeding screen height */
    overflow-y: auto;
    /* Enable scrolling for 2nd column */
    background: rgba(0, 0, 0, 0.85);
    /* Blackish transparent */
    backdrop-filter: blur(5px);
    /* Glass effect */
    padding: 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    z-index: 9999;

    /* Transition with 1s delay */
    transition: opacity 0.3s ease 1s, visibility 0s linear 1s;
}

/* Show Dropdown on Hover */
.porsche-header__nav-content li.level-top:hover>ul.level0.submenu {
    display: block !important;
    /* Traditional block layout */
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

/* 2. Left Panel - Subcategories (Tops, Bottoms) */
.porsche-header__nav-content ul.level0.submenu>li.level1 {
    display: block;
    width: 25vw;
    /* 25% width as requested */
    max-height: 100%;
    /* Limit height to container */
    flex-shrink: 0;
    /* Don't shrink */
    margin: 0;
    /* Removed position: relative to allow 3rd col to fill container */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Left Column Links */
.porsche-header__nav-content ul.level0.submenu>li.level1>a {
    color: var(--porsche-white);
    font-size: 16px !important;
    /* Increased from 14px for dropdown items */
    padding: 15px 30px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-transform: none;
    transition: background 0.3s ease;
}

/* Arrow for items with children */
.porsche-header__nav-content ul.level0.submenu>li.level1.parent>a::after {
    content: '›';
    /* Simple chevron */
    font-size: 18px;
    transform: rotate(0deg);
    transition: transform 0.2s;
}

/* Hover State for Left Items */
.porsche-header__nav-content ul.level0.submenu>li.level1:hover>a,
.porsche-header__nav-content ul.level0.submenu>li.level1.active>a {
    background: rgba(255, 255, 255, 0.1);
    /* Grey highlight */
    font-weight: 700;
}

/* 3. Right Panel - Children of Hovered Subcategory (Simple Vertical List) */
.porsche-header__nav-content ul.level0.submenu>li.level1>ul.level1.submenu {
    display: none;
    /* Hidden by default */

    /* Positioning - Next to left panel */
    position: absolute;
    position: absolute;
    top: 0 !important;
    bottom: 0;
    /* Constrain height to parent */
    /* Force align with top */
    left: 25vw !important;
    /* Start after 25vw left panel */
    width: 25vw !important;
    /* 25% width for content */

    /* Styling - Match 2nd column style */
    background: transparent;
    /* Transparent to use parent's glass effect */
    box-shadow: none;
    padding: 0;
    /* Remove padding to match 2nd column */
    box-sizing: border-box;
    overflow-y: auto;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    /* Add separator */
}

/* Show Right Panel on Left Item Hover */
.porsche-header__nav-content ul.level0.submenu>li.level1:hover>ul.level1.submenu {
    display: block;
    /* Simple block display for vertical list */
    animation: fadeIn 0.3s ease;
}

/* 4. Children Items in Right Panel - Simple Vertical List */
.porsche-header__nav-content ul.level1.submenu>li {
    display: block;
    list-style: none;
    margin: 0;
    /* No margin */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    /* Bottom border like 2nd column */
}

/* Links in Right Panel - Match 2nd Column Style Exactly */
.porsche-header__nav-content ul.level1.submenu>li>a {
    color: var(--porsche-white);
    font-size: 16px !important;
    /* Match 2nd column */
    font-weight: 400;
    text-transform: none;
    text-decoration: none;
    padding: 15px 30px;
    /* Match 2nd column padding */
    display: flex;
    justify-content: center;
    /* Center align content */
    align-items: center;
    transition: all 0.2s ease;
}

.porsche-header__nav-content ul.level1.submenu>li>a:hover {
    background: rgba(255, 255, 255, 0.1);
    /* Match 2nd column hover */
    font-weight: 700;
}

/* Simple Fade Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(10px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}



/* Tablet: 758px - 999px */

@media (min-width: 768px) and (max-width: 1199px) {
    .porsche-header__top-bar {
        padding: 5px 0;
        font-size: 10px;
    }

    .porsche-header__main {
        padding: 10px 0;
    }

    /* CRITICAL: Show ALL icons in tablet range - override hidden-tb class */
    /* Must use body:not(.active-builder) to override MGS_Fbuilder CSS specificity */
    body:not(.active-builder) .porsche-header__wishlist.hidden-tb,
    body:not(.active-builder) .porsche-header__account.hidden-tb,
    .porsche-header__utilities--right .porsche-header__wishlist.hidden-tb,
    .porsche-header__utilities--right .porsche-header__account.hidden-tb {
        display: flex !important;
        visibility: visible !important;
    }

    .porsche-header__logo img {
        max-height: 32px;
        max-width: 180px;
    }

    .porsche-header__menu-toggle .menu-text {
        display: none;
    }

    .porsche-header__nav-content {
        gap: 20px;
        padding: 10px 0;
    }

    .porsche-header__nav-content .navigation {
        gap: 20px;
    }

    .porsche-header__utilities--right {
        gap: 14px;
    }

    /* Ensure utility icons are visible and properly sized */
    .porsche-header__utilities--right>* {
        display: flex;
        align-items: center;
    }
}

/* Mobile: < 760px */

@media (max-width: 767px) {
    .porsche-header__top-bar {
        padding: 5px 0;
        font-size: 10px;
    }

    .porsche-header__main {
        padding: 10px 0;
    }

    /* Stack logos vertically on mobile */
    .porsche-header__logo {
        flex-direction: column;
        gap: 4px;
    }

    .porsche-header__logo img {
        max-height: 24px;
    }

    /* Keep all utility icons in header on mobile */
    .porsche-header__utilities--right {
        display: flex !important;
        align-items: center;
        gap: 12px;
    }

    /* Hide account and wishlist text, keep icons */
    .porsche-header__utilities--right .porsche-header__account .customer-name,
    .porsche-header__utilities--right .header-acccount {
        display: none !important;
    }

    /* Ensure icons stay in header */
    .porsche-header__utilities--right a,
    .porsche-header__utilities--right .action {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
    }

    .porsche-header__menu-toggle .menu-text {
        display: none;
    }

    /* Hide Row 3 navigation on mobile */
    .porsche-header__navigation {
        display: none;
    }

    /* Reduce icon sizes on mobile */
    .porsche-header__utilities--right i {
        font-size: 18px;
    }

    /* Hide parent theme's bottom toolbar */
    #section-toolbar-mobile,
    .toolbar-mobile {
        display: none !important;
    }
}

/* Desktop: >= 1000px */
/* Desktop: 1200px and above */
@media (min-width: 1200px) {
    .porsche-header__utilities--right {
        gap: 20px;
    }
}


.porsche-header__search .block-search {
    margin: 0;
}

.porsche-header__search .control {
    border: none;
    background: transparent;
}

.porsche-header__search input {
    background: transparent;
    border: none;
    color: var(--porsche-white);
    padding: 8px 12px;
}

.porsche-header__search input::placeholder {
    color: var(--porsche-text-light);
}

.porsche-header__search .action.search {
    background: transparent;
    border: none;
    color: var(--porsche-white);
}

/* Search Autocomplete Positioning */
.porsche-header__search .search-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--porsche-white);
    color: var(--porsche-black);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    margin-top: 5px;
    max-height: 400px;
    overflow-y: auto;
}


.porsche-header__cart {
    position: relative;
    /* Already set by utility container, but explicit for clarity */
}

.porsche-header__cart .minicart-wrapper {
    margin: 0;
}

/* Minicart Dropdown Positioning */
.porsche-header__cart .block-minicart {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    min-width: 320px;
    max-width: 400px;
    background: var(--porsche-white);
    color: var(--porsche-black);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    margin-top: 10px;
}

.porsche-header__cart .action.showcart {
    color: var(--porsche-white);
    background: transparent;
    border: none;
    padding: 8px;
}

.porsche-header__cart .action.showcart:hover {
    opacity: 0.7;
}

.porsche-header__cart .counter.qty {
    background: var(--porsche-purple);
    color: var(--porsche-white);
    border-radius: 50%;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
}

/* Fix Minicart Contrast - Force Black Text on White Background */
.porsche-header__cart .block-minicart {
    background: #ffffff !important;
    color: #000000 !important;
}

/* Ensure ALL text elements are black - Broad catch-all */
.porsche-header__cart .block-minicart a,
.porsche-header__cart .block-minicart span,
.porsche-header__cart .block-minicart p,
.porsche-header__cart .block-minicart strong,
.porsche-header__cart .block-minicart div,
.porsche-header__cart .block-minicart li,
.porsche-header__cart .block-minicart .price,
.porsche-header__cart .block-minicart .cart-subtotal,
.porsche-header__cart .block-minicart .items-total,
.porsche-header__cart .block-minicart .subtitle,
.porsche-header__cart .block-minicart .counter-number {
    color: #000000 !important;
}

/* BUT keep buttons readable (White text on black bg) */
/* Standardize Button Dimensions */
.porsche-header__cart .block-minicart .action.viewcart,
.porsche-header__cart .block-minicart .action.checkout {
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000;
    border-radius: 0 !important;
    /* Consistency Fixes */
    display: block !important;
    width: 100% !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    height: auto !important;
    box-sizing: border-box !important;
    margin-bottom: 10px;
    font-weight: 700 !important;
    text-align: center !important;
}

/* Button text color override */
.porsche-header__cart .block-minicart .action.viewcart span,
.porsche-header__cart .block-minicart .action.checkout span {
    color: #ffffff !important;
}

/* Button Hover State (Strictly NO Change) */
.porsche-header__cart .block-minicart .action.viewcart:hover,
.porsche-header__cart .block-minicart .action.checkout:hover {
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    transform: none !important;
}

.porsche-header__cart .block-minicart .action.viewcart:hover span,
.porsche-header__cart .block-minicart .action.checkout:hover span {
    color: #ffffff !important;
}


.porsche-header__wishlist a {
    color: var(--porsche-white);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: opacity 0.2s ease;
}

.porsche-header__wishlist a:hover {
    opacity: 0.7;
}

.porsche-header__wishlist .counter {
    background: var(--porsche-purple);
    color: var(--porsche-white);
    border-radius: 50%;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    text-align: center;
    display: inline-block;
}


.porsche-header__account .header-top-links {
    position: relative;
}

.porsche-header__account .actions {
    cursor: pointer;
}

.porsche-header__account .header-acccount {
    position: absolute;
    right: 0;
    left: auto;
    background: var(--porsche-white);
    color: var(--porsche-black);
    min-width: 200px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    /* Match cart dropdown shadow */
    display: none;
    z-index: 1000;
    /* Match cart dropdown z-index */
    margin: 20px 0 0 0;
    /* Match cart dropdown spacing */
}

.porsche-header__account .header-top-links:hover .header-acccount {
    display: block;
}

.porsche-header__account .header-acccount a {
    color: var(--porsche-black);
    padding: 12px 16px;
    display: block;
    text-decoration: none;
    transition: background 0.2s ease;
}

.porsche-header__account .header-acccount a:hover {
    background: var(--porsche-gray);
}


.porsche-custom-header .menu-wrapper {
    position: fixed;
    top: 0;
    left: -100%;
    width: 320px;
    height: 100%;
    background: var(--porsche-white);
    z-index: 9999;
    transition: left 0.3s ease;
    overflow-y: auto;
}

/* Hide mobile menu drawer on desktop (≥1000px) */
/* Desktop: 1200px and above */
@media (min-width: 1200px) {
    .porsche-custom-header .menu-wrapper {
        display: none !important;
    }
}

.porsche-custom-header .menu-wrapper.active {
    left: 0;
}

.porsche-custom-header .menu-content-mb {
    padding: 20px;
}


.hidden-mb {
    display: block !important;
    /* Changed from display: block to show language switcher on all devices */
}

.hidden-tb {
    display: block;
}

/* Mobile: < 768px */
@media (max-width: 767px) {

    /* Language switcher should remain visible on mobile */
    .hidden-mb:not(.switcher):not([id*="switcher"]) {
        display: none !important;
    }
}

/* Tablet: 768px - 1199px */
@media (min-width: 768px) and (max-width: 1199px) {
    .hidden-tb {
        display: none !important;
    }
}


.porsche-mobile-nav__switchers {
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
}

.porsche-mobile-nav__switchers .switcher {
    margin-bottom: 15px;
}

/* Switcher Trigger Button */
.porsche-mobile-nav__switchers .switcher-trigger {
    color: #000000;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    background: #f5f5f5;
    border-radius: 4px;
    transition: background 0.3s ease;
    position: relative;
}

.porsche-mobile-nav__switchers .switcher-trigger:hover {
    background: #e8e8e8;
}

/* Dropdown Arrow Indicator */
.porsche-mobile-nav__switchers .switcher-trigger::after {
    content: '\25BC';
    font-size: 10px;
    margin-left: 8px;
    transition: transform 0.3s ease;
}

/* Rotate Arrow When Active */
.porsche-mobile-nav__switchers .switcher.active .switcher-trigger::after,
.porsche-mobile-nav__switchers .switcher-options.active~.switcher-trigger::after {
    transform: rotate(180deg);
}

.porsche-header__switchers .switcher-dropdown li a img {
    display: none !important;
}

/* Dropdown Container */
.porsche-mobile-nav__switchers .switcher-dropdown {
    background: rgba(0, 0, 0, 0.05);
    margin-top: 10px;
    border-radius: 4px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    position: relative !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
    transition: max-height 0.4s ease, opacity 0.3s ease, visibility 0.3s ease;
}

/* Show Dropdown When Active */
.porsche-mobile-nav__switchers .switcher.active .switcher-dropdown,
.porsche-mobile-nav__switchers .switcher-options.active .switcher-dropdown {
    max-height: 300px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    left: 0 !important;
}

/* Dropdown Links */
.porsche-mobile-nav__switchers .switcher-dropdown a {
    color: #000000;
    padding: 12px 15px;
    display: block;
    text-decoration: none;
    transition: background 0.2s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.porsche-mobile-nav__switchers .switcher-dropdown a:last-child {
    border-bottom: none;
}

.porsche-mobile-nav__switchers .switcher-dropdown a:not(:hover) {
    color: #000000 !important;
    background: rgba(0, 0, 0, 0.1) !important;
}

/* Dropdown Link Hover State */
.porsche-mobile-nav__switchers .switcher-dropdown a:hover,
.porsche-mobile-nav__switchers .switcher-dropdown a:focus {
    background: rgba(0, 0, 0, 0.1);
}

/* Desktop: 1200px and above */
@media (min-width: 1200px) {
    .hidden-des {
        display: none !important;
    }
}