/* ==========================================================================
   DAKO site — hover states for everything clickable, night and day.
   One language everywhere: cards lift with a gold edge and glow; small buttons and options get
   a soft gold tint; main (gold) buttons brighten and glow; text links turn gold.
   ========================================================================== */
@media (hover:hover){
/* ---- cards and big tappable boxes ---- */
body.lab :is(.lo-drop,.lo-model,.lo-prep-opt,.lj-card,#collections .gallery .product,.hx-show-fan,.lst-order,.lst-lib,.lcl-rel,.lcl-related a,.studio-story){transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .22s,background-color .2s}
body.lab :is(.lo-drop,.lo-model,.lo-prep-opt,.lj-card,.lst-order,.lst-lib):hover{transform:translateY(-3px);border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(212,175,55,.14),0 18px 36px -22px rgba(0,0,0,.6)}
body.lab #collections .gallery .product:hover{transform:translateY(-5px);box-shadow:0 0 0 2px rgba(212,175,55,.55),0 26px 50px -26px rgba(0,0,0,.7)}
body.lab .studio-story:hover{transform:translateY(-4px)}
body.lab .hx-show-fan:hover{transform:translateY(-3px) rotate(-1deg)}
body.lab .lo-drop:hover{background-color:rgba(212,175,55,.06)}

/* ---- options, segments, small buttons ---- */
body.lab :is(.lo-seg button,.lab-toolbar button,.lo-finish button,.lcl-tabs button,.lcl-looks button,.ld-opts button,.filter,.lst-nav button,.lc-weights button,.lc-seg button):not([aria-pressed="true"]):not(.active):not(.is-on){transition:background .18s,color .18s,box-shadow .18s}
body.lab :is(.lo-seg button,.lab-toolbar button,.lo-finish button,.lcl-tabs button,.lcl-looks button,.ld-opts button,.filter,.lst-nav button,.lc-weights button,.lc-seg button):not([aria-pressed="true"]):not(.active):not(.is-on):hover{background:rgba(212,175,55,.14);color:var(--text);box-shadow:inset 0 0 0 1px rgba(212,175,55,.45)}
body.lab :is(.lo-qty button,.lo-mq button,.lo-nav-btn,.lc-fav,.lab-account,.menu-toggle,.hx-show-nav button,.hx-tools a,.lst-btn:not(.is-main),.outline:not(header .outline),.lp-free-back,.lo-credit-link,.mv-back){transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s,color .18s}
body.lab :is(.lo-qty button,.lo-mq button,.lo-nav-btn,.lc-fav,.lab-account,.menu-toggle,.hx-show-nav button,.hx-tools a,.lst-btn:not(.is-main),.outline:not(header .outline),.lp-free-back,.lo-credit-link,.mv-back):hover{transform:translateY(-2px);border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(212,175,55,.16),0 10px 22px -14px rgba(0,0,0,.6)}
body.lab :is(.hx-tools a,.lo-nav-btn,.lab-account,.hx-show-nav button):hover{color:var(--gold-soft)}

/* ---- main gold / mint buttons ---- */
body.lab :is(.hx-pill,.hx-generate,.lst-btn.is-main,.primary,header .header-actions .outline,.lc-all,.lj-all,.render-open,.hx-show-open){transition:transform .18s,filter .18s,box-shadow .2s}
body.lab :is(.hx-pill,.hx-generate,.lst-btn.is-main,.primary,header .header-actions .outline,.hx-show-open):not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.06) saturate(1.08);box-shadow:0 0 0 4px rgba(212,175,55,.18),0 16px 34px -14px rgba(212,175,55,.55)}
body.lab :is(.lc-all,.lj-all,.render-open):hover{transform:translateY(-2px);color:var(--gold-soft)}

/* ---- text links ---- */
body.lab header nav a,body.lab footer a,body.lab .ld-note a{position:relative;transition:color .18s}
body.lab header nav a::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:2px;border-radius:2px;background:var(--gold);transform:scaleX(0);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
body.lab header nav a:hover{color:var(--gold-soft)}body.lab header nav a:hover::after{transform:scaleX(1)}
body.lab footer a:hover,body.lab .ld-note a:hover{color:var(--gold-soft)}
}

/* ---- day theme: same language on white ---- */
@media (hover:hover){
html[data-theme="light"] body.lab :is(.lo-drop,.lo-model,.lo-prep-opt,.lj-card,.lst-order,.lst-lib):hover{box-shadow:0 0 0 3px rgba(212,175,55,.2),0 18px 36px -22px rgba(154,116,20,.5)}
html[data-theme="light"] body.lab .lo-drop:hover{background-color:#FFF8E6}
html[data-theme="light"] body.lab #collections .gallery .product:hover{box-shadow:0 0 0 2px #D4AF37,0 26px 50px -26px rgba(154,116,20,.55)}
html[data-theme="light"] body.lab :is(.lo-seg button,.lab-toolbar button,.lo-finish button,.lcl-tabs button,.lcl-looks button,.ld-opts button,.filter,.lst-nav button,.lc-weights button,.lc-seg button):not([aria-pressed="true"]):not(.active):not(.is-on):hover{background:#FBF1D3;color:#5E4508;box-shadow:inset 0 0 0 1px rgba(212,175,55,.6)}
html[data-theme="light"] body.lab :is(.lo-qty button,.lo-mq button,.lo-nav-btn,.lc-fav,.lab-account,.menu-toggle,.hx-show-nav button,.hx-tools a,.lst-btn:not(.is-main),.outline:not(header .outline),.lp-free-back,.lo-credit-link,.mv-back):hover{background-color:#FFF8E6;box-shadow:0 0 0 3px rgba(212,175,55,.2),0 10px 22px -14px rgba(154,116,20,.5)}
html[data-theme="light"] body.lab :is(.hx-tools a,.lo-nav-btn,.lab-account,.hx-show-nav button,.lc-all,.lj-all,.render-open):hover{color:#9A7414}
html[data-theme="light"] body.lab header nav a:hover,html[data-theme="light"] body.lab .ld-note a:hover{color:#0E4D45}
html[data-theme="light"] body.lab header nav a::after{background:linear-gradient(90deg,#0E4D45,#D4AF37)}
html[data-theme="light"] body.lab .lst-side .lst-nav button:not(.is-on):hover{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(233,201,121,.45)}
}
/* day theme, inside the deep-green islands (account hero and sidebar, footer, app banner): hover stays a gold glass so light text keeps showing */
html[data-theme="light"] body.lab :is(footer,.lab-app,.lst-side,.lst-hero,.hx-viewer,.mv-head) :is(.lo-qty button,.lo-mq button,.lo-nav-btn,.lc-fav,.lab-account,.hx-tools a,.lst-btn:not(.is-main),.outline,.lp-free-back,.mv-back):hover{background-color:rgba(212,175,55,.16)!important;color:#F7E7B4!important;box-shadow:0 0 0 3px rgba(212,175,55,.22),0 10px 22px -14px rgba(0,0,0,.5)}
/* 3D viewers: the chosen look (wax, resin, yellow/rose/white gold) is a gold pill with dark text, day and night */
body.lab :is(.lo-finish,.lcl-looks) button[aria-pressed="true"],
html[data-theme="light"] body.lab :is(.lo-finish,.lcl-looks) button[aria-pressed="true"]{background:linear-gradient(135deg,#F2D98C,#D4AF37)!important;color:#2A2210!important;font-weight:700;box-shadow:0 4px 12px -4px rgba(154,116,20,.55)}
body.lab :is(.lo-finish,.lcl-looks) button[aria-pressed="true"] i{box-shadow:0 0 0 2px rgba(255,255,255,.85)}
/* favourite heart: on hover the heart fills with rose and gently beats; pressed stays filled (both themes) */
@media (hover:hover){
 body.lab .lc-fav:not([aria-pressed="true"]):hover,html[data-theme="light"] body.lab .lc-fav:not([aria-pressed="true"]):hover{background:rgba(210,86,110,.16)!important;border-color:rgba(210,86,110,.7)!important;color:#E0627A!important;box-shadow:0 0 0 4px rgba(210,86,110,.14),0 8px 18px -8px rgba(210,86,110,.6)!important}
 body.lab .lc-fav:not([aria-pressed="true"]):hover svg{fill:#E0627A;fill-opacity:.85;animation:lcBeat .9s ease-in-out infinite}
 body.lab .lc-fav[aria-pressed="true"]:hover{transform:scale(1.08);box-shadow:0 0 0 4px rgba(210,86,110,.18)}
 body.lab .lc-fav-chip:not(.active):hover svg{fill:#E0627A;stroke:#E0627A}
}
@keyframes lcBeat{0%,100%{transform:scale(1)}30%{transform:scale(1.18)}55%{transform:scale(.96)}}
body.lab .lc-fav svg{transform-origin:50% 55%;transition:fill .2s}