/* Header: wishlist counter badge (same look as the mini-cart quantity bubble) */
.myconian-hdr-icon[data-ss-wish]{ position:relative; }
.myconian-hdr-icon[data-ss-wish] .ss-wl-count{
  position:absolute; top:4px; right:2px;
  min-width:18px; height:18px; padding:0 4px; box-sizing:border-box;
  display:flex; align-items:center; justify-content:center;
  border-radius:999px; background:var(--myconian-accent); color:#fff;
  font-size:11px; line-height:1; font-weight:600; letter-spacing:0;
  pointer-events:none;
}
.ss-wl-count[data-count="0"]{ display:none !important; }
/* The Shortcode wrapper must not take space inside the icon */
.myconian-hdr-icon[data-ss-wish] .bde-shortcode{ position:static; }

/* Account and wishlist live in the icon row on desktop; the burger menu carries them on tablet and phone. */
@media (min-width:1120px){
  .myconian-hdr .breakdance-menu-list > li:has(> a[href$="/my-account/"]),
  .myconian-hdr .breakdance-menu-list > li:has(> a[href$="/wishlist/"]){ display:none; }
}

/* Shop-the-look tile (homepage) */
.ss-look-tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#e9e4dc;color:#fff;text-decoration:none}
.ss-look-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ss-look-tile:hover .ss-look-img{transform:scale(1.04)}
.ss-look-box{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:6px;padding:48px 20px 20px;background:linear-gradient(180deg,rgba(20,17,15,0) 0%,rgba(20,17,15,.72) 100%)}
.ss-look-eye{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.ss-look-title{font-size:16px;line-height:1.3}

/* Inner pages: the header sits in the flow (sticky) so content starts below it. The homepage keeps the fixed overlay on the hero. */
body:not(.home) header.bde-header-builder.myconian-hb{ position: sticky !important; top: 0; }
body.admin-bar:not(.home) header.bde-header-builder.myconian-hb{ top: 32px; }

/* ===== Mobile menu: Myconian-style full-screen panel (tuned on top of modules/mobile-menu.php) ===== */
@media (max-width:1119px){
  .nk-mm-ready .breakdance-menu-topbar{ display:none !important; }
  .nk-mm-ready .breakdance-menu-list{ background:#F7F2F0 !important; }
  .nk-mm-ready li.nk-mm-head{ background:#F7F2F0 !important; border-bottom:1px solid #E6DEDB !important; padding:12px 16px !important; }
  .nk-mm-ready .nk-mm-logo img{ height:30px !important; max-height:30px !important; }
  .nk-mm-ready .nk-mm-close::before,.nk-mm-ready .nk-mm-close::after{ background:#14110F !important; }
  .nk-mm-ready li.nk-mm-search{ flex:1 0 100%; order:0; padding:12px 16px 4px; }
  .nk-mm-ready li.nk-mm-search form{ position:relative; margin:0; }
  .nk-mm-ready li.nk-mm-search input{ width:100%; box-sizing:border-box; height:44px; border:1px solid #E6DEDB; background:#fff; padding:0 14px; font:500 14px/1 inherit; color:#14110F; border-radius:0; -webkit-appearance:none; }
  .nk-mm-ready li.nk-mm-search input:focus{ border-color:#14110F; }
  .nk-mm-ready .nk-mm-tab .breakdance-dropdown-toggle{ padding:14px 7px 12px !important; font-size:10px !important; letter-spacing:.03em !important; }
  .nk-mm-ready .nk-mm-tab .breakdance-menu-link{ font-size:10px !important; letter-spacing:.03em !important; color:#6f625b; }
  .nk-mm-ready .nk-mm-tab.nk-mm-on .breakdance-menu-link,.nk-mm-ready .nk-mm-tab.nk-mm-on .breakdance-dropdown-toggle{ color:#14110F !important; }
  .nk-mm-ready .nk-mm-tab.nk-mm-on .breakdance-dropdown-toggle::after{ left:7px !important; right:7px !important; background:#14110F !important; }
  .nk-mm-ready li.nk-mm-search + li.nk-mm-tab,.nk-mm-ready li.nk-mm-tab:first-of-type{ margin-left:9px; }
  .nk-mm-ready li.nk-mm-body{ border-top:1px solid #E6DEDB !important; }
  .nk-mm-ready .nk-mm-all{ color:#14110F !important; border-bottom:1px solid #E6DEDB !important; }
  .nk-mm-ready li.nk-mm-body .bde-text,.nk-mm-ready li.nk-mm-body h2,.nk-mm-ready li.nk-mm-body h3,.nk-mm-ready li.nk-mm-body h4{ color:#6f625b !important; }
  .nk-mm-ready li.nk-mm-foot{ border-top:1px solid #E6DEDB !important; }
  .nk-mm-ready li.nk-mm-foot .breakdance-menu-link{ font-size:12px !important; font-weight:600; letter-spacing:.08em; }
}
/* ===== Desktop mega menu: balanced layout for a single category column ===== */
@media (min-width:1120px){
  .myconian-mega{ grid-template-columns:minmax(0,1fr) minmax(0,400px) !important; gap:56px !important; }
  .myconian-mega .myconian-mega-cols{ grid-template-columns:minmax(0,1fr) !important; }
  .myconian-mega .myconian-mega-col{ gap:18px !important; }
  .myconian-mega .myconian-mega-list{ display:grid !important; grid-auto-flow:column !important; grid-template-rows:repeat(3,auto) !important; grid-auto-columns:minmax(0,1fr) !important; gap:18px 40px !important; }
  .myconian-mega .myconian-mega-feature{ height:340px !important; }
  .myconian-mega .myconian-mega-link{ font-size:15px !important; }
}
/* ===== Cream page: white product photos blend into the background; breadcrumb stays on one line on phones ===== */
.single-product [class*="gallery"] img,
.woocommerce img[class*="attachment-"],
.bde-loop-item img[class*="attachment-"],
.bde-posts-loop img[class*="attachment-"]{ mix-blend-mode:multiply; }
/* a11y 2026-10-14 (WCAG 1.4.10 Reflow): the breadcrumb wraps on phones instead of widening the page. */
@media (max-width:767px){
  .bde-woo-breadcrumb{ white-space:normal; overflow-wrap:anywhere; max-width:100%; min-width:0; }
}
/* Mobile menu logo: same dark treatment as the header logo */


/* mobile menu: toggle morphs to X in place (dithepi2 behaviour) */
.breakdance-menu--enabled .breakdance-menu-toggle{position:relative;z-index:100001}
@media (max-width:1119px){.breakdance-menu-topbar{padding:0!important;height:128px;display:flex!important;align-items:center;justify-content:center!important}}

/* ===== Mobile menu: dithepi2-style effects (staggered entrance, drill-down submenus, flying hamburger line) ===== */
@media (max-width:1119px){
.breakdance-menu--fullscreen .breakdance-menu-list>.breakdance-menu-item{opacity:0;transition:opacity .5s ease,transform .8s cubic-bezier(.2,.8,.2,1);transform:perspective(700px) rotateX(-40deg) skewY(5deg) translateY(22px);transform-origin:0 0}
.breakdance-responsive-menu--open .breakdance-menu-list>.breakdance-menu-item{opacity:1;transform:none}
.breakdance-responsive-menu--open .breakdance-menu-list>.breakdance-menu-item:nth-child(2){transition-delay:.12s}
.breakdance-responsive-menu--open .breakdance-menu-list>.breakdance-menu-item:nth-child(3){transition-delay:.21s}
.breakdance-responsive-menu--open .breakdance-menu-list>.breakdance-menu-item:nth-child(4){transition-delay:.30s}
.breakdance-responsive-menu--open .breakdance-menu-list>.breakdance-menu-item:nth-child(5){transition-delay:.39s}
.breakdance-responsive-menu--open .breakdance-menu-list>.breakdance-menu-item:nth-child(6){transition-delay:.48s}
.breakdance-responsive-menu--open .breakdance-menu-list>.breakdance-menu-item:nth-child(7){transition-delay:.57s}
.breakdance-responsive-menu--open .breakdance-menu-list>.breakdance-menu-item:nth-child(8){transition-delay:.66s}
.ss-bar-landed .breakdance-menu-list>.ss-current>.breakdance-menu-link,.ss-bar-landed .breakdance-menu-list>.ss-current>.breakdance-dropdown>.breakdance-dropdown-toggle .breakdance-menu-link{box-shadow:inset 3px 0 0 #EABFB9}
}
.ss-menu-bar{position:fixed;left:0;top:0;width:0;height:0;z-index:1002;pointer-events:none;opacity:0;border-radius:1px;background:#EABFB9}
.ss-drill-panel{position:fixed;left:0;right:0;bottom:0;z-index:1000;padding:4px 0 40px;background:#0F0F0F;transform:translateX(100%);transition:transform .45s cubic-bezier(.2,.8,.2,1);overflow-y:auto}
.ss-drill-panel.is-in{transform:none}
.ss-drill-head{padding:4px 24px 14px}
.ss-drill-back{display:inline-flex;align-items:center;gap:8px;padding:8px 0;color:#EABFB9;font:inherit;font-size:13px;letter-spacing:.08em;text-transform:uppercase;background:none;border:0;cursor:pointer}
.ss-drill-title{margin-top:6px;font-size:26px;font-weight:600;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;color:#fff}
.ss-drill-list{list-style:none;margin:0;padding:0}
.ss-drill-label{padding:20px 24px 4px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#EABFB9;list-style:none}
.ss-drill-link{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;font-size:18px;line-height:1.3;color:#fff;text-decoration:none}
.ss-drill-link.is-current{box-shadow:inset 3px 0 0 #EABFB9}
@media (prefers-reduced-motion:reduce){
.breakdance-menu--fullscreen .breakdance-menu-list>.breakdance-menu-item,.ss-drill-panel{transform:none!important;transition:opacity .15s linear!important;transition-delay:0s!important}
.ss-menu-bar{display:none!important}
}
/* ===== Header icons: even spacing + identical count badges (wishlist & cart) ===== */
.myconian-hdr-right{gap:2px!important}
.myconian-hdr-right .myconian-hdr-search,.myconian-hdr-right .myconian-hdr-icon,.myconian-hdr-right .myconian-hdr-cart{width:40px!important;height:40px!important;min-width:0!important}
.myconian-hdr-cart .bde-mini-cart-toggle{position:relative;width:40px;height:40px;padding:0!important;justify-content:center;align-items:center}
.myconian-hdr-cart .bde-mini-cart-toggle__counter,.ss-wl-count{position:absolute!important;top:4px!important;right:2px!important;left:auto!important;min-width:18px;height:18px;padding:0 4px!important;border-radius:999px!important;font-size:11px!important;font-weight:600!important;line-height:1!important;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;margin:0!important}
/* palette: live-shop pink badges */
.myconian-hdr-cart .bde-mini-cart-toggle__counter,.ss-wl-count{background:#EABFB9!important;color:#14110F!important}

/* a11y 2026-10-14 (WCAG 2.5.8 Target Size): desktop submenu chevrons get a 24x24 hit area. */
@media (min-width:1120px){
  .bde-menu-643-123 .breakdance-menu-link-arrow{ min-width:24px; min-height:24px; }
}