/* Header menus and search share the canonical Jaygah Design System palette. */
:root {
    --jaygah-primary: var(--jds-color-primary, #0f766e);
    --jaygah-primary-soft: var(--jds-color-primary-soft, #f0fdfa);
    --jaygah-accent-text: var(--jds-color-accent-text, #0f766e);
    --jaygah-card-bg: var(--jds-color-surface, #ffffff);
    --jaygah-text: var(--jds-color-text, #0f172a);
    --jaygah-muted: var(--jds-color-muted, #64748b);
    --jaygah-line: var(--jds-color-border, #e2e8f0);
    --jaygah-control-border: var(--jds-color-border, #cbd5e1);
    --jaygah-control-radius: var(--jds-radius-control, 12px);
    --jaygah-radius-md: var(--jds-radius-card, 16px);
    --jaygah-radius-lg: var(--jds-radius-card, 20px);
    --jaygah-action-gradient: var(--jds-action-background, #0f766e);
    --jaygah-action-foreground: var(--jds-action-text, #ffffff);
    --jaygah-action-shadow: var(--jds-shadow-sm, 0 2px 8px rgba(15,118,110,.18));
}

body.dark-mode-shkrn {
    --jaygah-primary: var(--jds-color-primary, #2dd4bf);
    --jaygah-primary-soft: var(--jds-color-primary-soft, rgba(45,212,191,.14));
    --jaygah-accent-text: var(--jds-color-accent-text, #2dd4bf);
    --jaygah-card-bg: var(--jds-color-surface, #0f172a);
    --jaygah-text: var(--jds-color-text, #f8fafc);
    --jaygah-muted: var(--jds-color-muted, #94a3b8);
    --jaygah-line: var(--jds-color-border, #334155);
    --jaygah-control-border: var(--jds-color-border, #334155);
}

.header-shkrn {
    background: var(--jds-color-surface) !important;
    border-bottom: 1px solid var(--jds-color-border) !important;
    transition: background var(--jds-duration-fast) var(--jds-ease);
}

.header-shkrn .shkrn-login-register-btn,
.header-shkrn .shkrn-header-btn-bg {
    min-height: 44px !important;
    border-radius: var(--jds-radius-control, 12px) !important;
    background: var(--jds-action-background) !important;
    color: var(--jds-action-text) !important;
    font-weight: 750 !important;
    padding: 9px 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: var(--jds-shadow-sm) !important;
    transition: all var(--jds-duration-fast) var(--jds-ease) !important;
}

.header-shkrn .shkrn-login-register-btn:hover {
    filter: brightness(1.08) !important;
    box-shadow: var(--jds-shadow-raised) !important;
}

.header-shkrn .header-menu-shkrn li{position:relative}
.header-shkrn .header-menu-shkrn>ul>li>:is(a,button){border-radius:var(--jaygah-control-radius,12px);padding:10px 14px;transition:background .16s,color .16s;line-height:1.7}
.header-shkrn .header-menu-shkrn li>:is(a,button):is(:hover,:focus-visible),.header-shkrn .header-menu-shkrn li:is(.current-menu-item,.current-menu-parent,.current-menu-ancestor,.active-current-menu-on-shkrn)>a{background:var(--jaygah-primary-soft)!important;color:var(--jaygah-accent-text,var(--jaygah-primary))!important}
.header-shkrn .header-menu-shkrn li.current-menu-item>a{box-shadow:inset 0 -2px var(--jaygah-primary)}
.header-shkrn .header-menu-shkrn li>ul.sub-menu{box-sizing:border-box;width:260px;max-width:calc(100vw - 24px);padding:8px;margin:0;border:1px solid var(--jaygah-control-border);border-radius:var(--jaygah-radius-md);background:var(--jaygah-card-bg);color:var(--jaygah-text);box-shadow:0 12px 32px color-mix(in srgb,var(--jaygah-text) 14%,transparent);opacity:0!important;visibility:hidden;transition:opacity .15s;z-index:1000}
.header-shkrn .header-menu-shkrn>ul>li>ul.sub-menu{position:absolute;top:calc(100% + 6px)!important;max-height:calc(100dvh - 130px);overflow:auto;overscroll-behavior:contain;transform:none}
.header-shkrn .header-menu-shkrn>ul>li.menu-item-has-children::before{content:"";position:absolute;inset:auto 0 -7px;height:8px}
.header-shkrn .header-menu-shkrn ul.sub-menu li{float:none;min-width:0;width:100%}
.header-shkrn .header-menu-shkrn ul.sub-menu li>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px!important;color:var(--jaygah-text)!important;font-size:14px;font-weight:500;line-height:1.8;border-radius:var(--jaygah-control-radius);white-space:normal;overflow-wrap:anywhere}
.header-shkrn .header-menu-shkrn ul.sub-menu li.menu-item-has-children>a::after{content:"‹";flex:0 0 auto;color:var(--jaygah-accent-text,var(--jaygah-primary));font-size:20px}
.header-shkrn .header-menu-shkrn li:is(:hover,:focus-within,.is-open)>ul.sub-menu{opacity:1!important;visibility:visible}
.header-shkrn .header-menu-shkrn ul.sub-menu ul.sub-menu{position:static;display:none;margin-block:4px;background:var(--jaygah-primary-soft);border:0;box-shadow:none;padding-inline-start:16px}
.header-shkrn .header-menu-shkrn ul.sub-menu li:is(:hover,:focus-within)>ul.sub-menu{display:block}
.header-shkrn .jaygah-menu-enhanced ul.sub-menu ul.sub-menu{position:fixed;right:auto!important;bottom:auto;display:block;max-height:calc(100dvh - 24px);overflow:auto;margin:0;padding:8px;background:var(--jaygah-card-bg);border:1px solid var(--jaygah-control-border);box-shadow:0 12px 32px color-mix(in srgb,var(--jaygah-text) 14%,transparent);transform:none}
.header-shkrn .header-menu-shkrn li.is-menu-dismissed>ul.sub-menu{opacity:0!important;visibility:hidden!important;pointer-events:none}
.header-shkrn .header-menu-shkrn .jaygah-menu-more:not(.is-open)>ul.sub-menu{opacity:0!important;visibility:hidden}
.shkrn-mobile-menu ul.sub-menu{position:static;margin:6px 0;padding:6px 12px;border:0;border-inline-start:2px solid color-mix(in srgb,var(--jaygah-primary) 35%,transparent);border-radius:var(--jaygah-control-radius);background:var(--jaygah-primary-soft);box-shadow:none}
.shkrn-mobile-menu ul.sub-menu a{padding:10px 8px;color:var(--jaygah-text);font-size:14px}
.shkrn-mobile-menu li:is(.current-menu-item,.current-menu-ancestor)>a{background:var(--jaygah-primary-soft);color:var(--jaygah-accent-text,var(--jaygah-primary));font-weight:700;border-radius:var(--jaygah-control-radius)}
.header-two-search-container-shkrn{border:0!important;background:transparent!important;border-radius:var(--jaygah-control-group-radius);}
.header-two-search-container-shkrn>form{box-sizing:border-box;position:relative;align-items:center;min-height:52px;border:1px solid var(--jaygah-control-border);border-radius:inherit;background:var(--jaygah-card-bg);transition:box-shadow .16s,border-color .16s}
.header-two-search-container-shkrn>form:focus-within{outline:2px solid var(--jaygah-primary);outline-offset:2px;border-color:transparent;box-shadow:0 0 0 5px var(--jaygah-primary-soft)}
.header-two-search-container-shkrn>form>label{display:flex;align-items:stretch;flex:1;min-width:0;padding:0!important}
.header-two-search-container-shkrn>form input:is([type=search],[type=text]){width:100%;min-height:50px;padding:12px 18px!important;background:transparent!important;border:0!important;outline:none!important;box-shadow:none!important;border-radius:inherit;font-size:16px;}
.header-two-search-container-shkrn>form>button{position:static!important;display:grid;place-items:center;flex:0 0 48px;width:48px;min-height:48px;height:auto;margin:0;padding:0;background:transparent;color:var(--jaygah-text);border:0;border-radius:var(--jaygah-control-radius)}
.header-two-search-container-shkrn>form>button:hover{background:var(--jaygah-primary-soft);color:var(--jaygah-accent-text,var(--jaygah-primary))}
@media(prefers-reduced-motion:reduce){.header-shkrn .header-menu-shkrn li>ul,.header-two-search-container-shkrn>form{transition:none}}

.header-shkrn .jaygah-menu-enhanced ul.sub-menu li.menu-item-has-children::before{content:"";position:absolute;top:0;bottom:0;left:-8px;width:8px}
.header-shkrn .jaygah-menu-enhanced ul.sub-menu li[data-submenu-side="right"]::before{left:auto;right:-8px}
/* Native sidebar cards inherit the theme geometry. */
.sidebar-single-shkrn{flex:0 0 var(--jaygah-sidebar-width,300px);width:var(--jaygah-sidebar-width,300px);max-width:100%;min-width:0}
:is(.single-page-seperator-shkrn,.single-page-shkrn):has(>.sidebar-single-shkrn)>.single-page-main-part{flex:1;min-width:0;width:auto}
.sidebar-single-shkrn .shkrn-box-style-sidebar{box-sizing:border-box;padding:var(--jaygah-sidebar-padding,20px);border-radius:var(--jaygah-sidebar-radius,var(--jaygah-radius-lg));box-shadow:var(--jaygah-sidebar-shadow);margin:0;background:var(--jaygah-card-bg)}
.sidebar-single-shkrn .shkrn-box-style-sidebar :is(h2,h3,.widget-title){margin:0 0 16px;line-height:1.7}
.sidebar-single-shkrn .shkrn-box-style-sidebar :is(ul,ol){margin:0;padding-inline-start:0;list-style:none}
.sidebar-single-shkrn .shkrn-box-style-sidebar li{padding:8px 0;line-height:1.8}
.sidebar-single-shkrn .price_slider_wrapper .price_slider_amount{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.sidebar-single-shkrn .price_slider_wrapper .button{padding:10px 18px;border-radius:var(--jaygah-control-radius);background:var(--jaygah-action-gradient);color:var(--jaygah-action-foreground,#fff);min-height:44px}
.sidebar-single-shkrn .ui-slider :is(.ui-slider-range,.ui-slider-handle){background:var(--jaygah-primary)}
.sidebar-single-shkrn .sidebar-box-sticky-shkrn.is-static{position:static}
.sidebar-single-shkrn .shkrn-box-style-sidebar a:is(:hover,:focus-visible){color:var(--jaygah-accent-text,var(--jaygah-primary));background:var(--jaygah-primary-soft)}
.jaygah-activity-toolbar nav a[aria-current],.jaygah-portal-categories a[aria-current],.jaygah-filter-tabs :is([aria-selected="true"],.is-active){font-weight:800;background:var(--jaygah-action-gradient);color:var(--jaygah-action-foreground,#fff);box-shadow:var(--jaygah-action-shadow)}
.jaygah-activity-toolbar nav a[aria-current]::before{content:"•";margin-inline-end:6px}
:is(.jaygah-activity-toolbar,.jaygah-course-filters,.sidebar-single-shkrn) :is(a,button):focus-visible{outline:2px solid var(--jaygah-primary);outline-offset:3px}
:is(.jaygah-activity-toolbar,.jaygah-course-filters,.sidebar-single-shkrn) button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
@media(max-width:992px){.sidebar-single-shkrn{width:100%;flex-basis:auto;margin:0}.sidebar-single-shkrn .shkrn-box-style-sidebar{padding:var(--jaygah-sidebar-padding-mobile,16px)}}

.sidebar-single-shkrn .sidebar-box-sticky-shkrn{row-gap:var(--jaygah-sidebar-gap,24px)}

.header-shkrn .header-menu-shkrn li:is(.current-menu-item,.current-menu-parent,.current-menu-ancestor,.active-current-menu-on-shkrn)>a{font-weight:700}
.header-shkrn .header-menu-shkrn :is(a,button)[aria-disabled="true"]{opacity:.5;pointer-events:none;cursor:not-allowed}

/* Shop controls come before results in the DOM; desktop retains the side column. */
.single-page-shkrn>#jaygah-shop-filters{order:1;align-self:flex-start}
#jaygah-shop-filters[hidden],.jaygah-shop-filter-toggle[hidden]{display:none!important}
.jaygah-shop-filter-toggle{display:none}
.sidebar-single-shkrn .sidebar-box-sticky-shkrn{top:calc(var(--jaygah-sticky-top,0px) + 20px);max-height:calc(100dvh - var(--jaygah-sticky-top,0px) - 40px);overflow-y:auto;scrollbar-gutter:stable}
@media(max-width:992px){.single-page-shkrn>#jaygah-shop-filters{order:-1}.jaygah-shop-filter-toggle{order:-2;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:0 0 20px;padding:10px 18px;background:var(--jaygah-primary-soft);color:var(--jaygah-text);border:1px solid var(--jaygah-line);border-radius:var(--jaygah-control-radius);font:inherit;font-weight:700;cursor:pointer}.jaygah-shop-filter-toggle[aria-expanded="true"]{border-color:var(--jaygah-primary);color:var(--jaygah-accent-text,var(--jaygah-primary))}.sidebar-single-shkrn .sidebar-box-sticky-shkrn{position:static;max-height:none;overflow:visible}.single-page-shkrn:has(>#jaygah-shop-filters){flex-direction:column}}

.single-page-shkrn:not(:has(>.sidebar-single-shkrn))>.wc-page-shkrn{width:100%;flex:1;min-width:0}

/* Keep the brand readable beside account controls on compact headers. */
.header-shkrn .jaygah-user-menu .jaygah-user-trigger{height:44px!important;min-height:44px!important;max-height:44px!important}
@media(max-width:1040px){.header-shkrn .shkrn-header-logo{flex:1 1 80px;min-width:80px}.header-shkrn .shkrn-header-logo img{max-width:min(140px,100%);object-fit:contain}.header-shkrn .jaygah-user-menu{margin-inline-start:0!important}}
@media(max-width:480px){.header-shkrn .jaygah-user-trigger strong{max-width:64px}.header-shkrn .jaygah-user-trigger{gap:5px}}