/* YunaGRP V6.6.0 — Full Launcher Theme Pack */

/* Shared launcher identity */
html[data-skin]:not([data-skin="default"]) body.store-page .topbar .nav nav a{
  display:inline-flex;align-items:center;gap:7px;
}
html[data-skin]:not([data-skin="default"]) body.store-page .home-side-nav a{
  display:flex;align-items:center;gap:9px;
}
html[data-skin]:not([data-skin="default"]) body.store-page .menu-link-item{
  position:relative;
}
html[data-skin]:not([data-skin="default"]) body.store-page .menu-link-item>div{min-width:0}
html[data-skin]:not([data-skin="default"]) body.store-page .quick-action{
  display:flex;flex-direction:column;
}

/* 🌸 SPRING — Petal Dock + Bento Board */
html[data-skin="spring"] body.store-page .topbar .nav nav{
  gap:5px;padding:5px;border-radius:999px;
  background:color-mix(in srgb,var(--panel) 65%,transparent);
  border:1px solid color-mix(in srgb,var(--pink) 24%,var(--line));
}
html[data-skin="spring"] body.store-page .topbar .nav nav a{
  border-radius:999px;padding:8px 12px;
}
html[data-skin="spring"] body.store-page .home-side-nav a{
  border:1px solid color-mix(in srgb,var(--pink) 20%,var(--line));
}
html[data-skin="spring"] body.store-page .home-side-nav a:nth-child(odd){transform:translateX(5px)}
html[data-skin="spring"] body.store-page .home-side-nav a:nth-child(even){transform:translateX(-3px)}
html[data-skin="spring"] body.store-page .home-profile-hero::before{
  content:"";position:absolute;right:18px;top:14px;width:74px;height:74px;pointer-events:none;
  background:
    radial-gradient(circle at 50% 0,#ffb6d1 0 18%,transparent 19%),
    radial-gradient(circle at 100% 50%,#ffcfdf 0 18%,transparent 19%),
    radial-gradient(circle at 50% 100%,#afe8d2 0 18%,transparent 19%),
    radial-gradient(circle at 0 50%,#ffd8e7 0 18%,transparent 19%);
  opacity:.34;transform:rotate(16deg);
}
html[data-skin="spring"] body.store-page .menu-link-item{
  padding:18px;overflow:hidden;
}
html[data-skin="spring"] body.store-page .menu-link-item:nth-child(1),
html[data-skin="spring"] body.store-page .menu-link-item:nth-child(4){min-height:130px}
html[data-skin="spring"] body.store-page .quick-action{justify-content:flex-end}

/* 🌊 SUMMER — App Launcher Home Screen */
html[data-skin="summer"] body.store-page .topbar .nav{
  border-radius:24px;
  background:color-mix(in srgb,var(--panel) 78%,transparent);
}
html[data-skin="summer"] body.store-page .home-side-nav a{
  min-height:88px;flex-direction:column;justify-content:center;text-align:center;gap:6px;
}
html[data-skin="summer"] body.store-page .home-side-nav .launcher-icon{width:2.8em;height:2.8em}
html[data-skin="summer"] body.store-page .menu-link-item{
  min-height:138px;
  justify-content:flex-end;
  padding:58px 16px 16px;
}
html[data-skin="summer"] body.store-page .menu-link-item>.launcher-icon{
  position:absolute;
  left:16px;
  top:14px;
  width:1.95em;
  height:1.95em;
  min-width:1.95em;
  min-height:1.95em;
}
html[data-skin="summer"] body.store-page .menu-link-item>div{width:100%}
html[data-skin="summer"] body.store-page .menu-link-item strong{display:block;line-height:1.25}
html[data-skin="summer"] body.store-page .menu-link-item small{display:block;margin-top:5px;line-height:1.45}
html[data-skin="summer"] body.store-page .menu-link-item>div{
  position:relative;
  z-index:2;
  width:100%;
}
html[data-skin="summer"] body.store-page .menu-link-item strong{
  padding-right:22px;
  line-height:1.25;
}
html[data-skin="summer"] body.store-page .quick-action{
  justify-content:center;align-items:center;min-height:150px;
}
html[data-skin="summer"] body.store-page .quick-action>.launcher-icon{width:3.4em;height:3.4em}

/* 🍁 AUTUMN — Editorial Rail + Stamped Actions */
html[data-skin="autumn"] body.store-page .topbar .nav nav a{
  border-radius:2px!important;border-bottom:2px solid transparent;
}
html[data-skin="autumn"] body.store-page .topbar .nav nav a.active{
  border-bottom-color:var(--gold)!important;
}
html[data-skin="autumn"] body.store-page .home-side-nav a{
  align-items:center;border-left:2px solid transparent;
}
html[data-skin="autumn"] body.store-page .home-side-nav a.active{
  border-left-color:var(--gold);
}
html[data-skin="autumn"] body.store-page .home-side-nav .launcher-icon{
  width:1.9em;height:1.9em;
}
html[data-skin="autumn"] body.store-page .section-chip .launcher-icon,
html[data-skin="autumn"] body.store-page .eyebrow .launcher-icon{
  border-radius:2px;
}
html[data-skin="autumn"] body.store-page .menu-link-item{
  padding-left:18px;
}
html[data-skin="autumn"] body.store-page .menu-link-item>.launcher-icon{
  width:2em;height:2em;
}
html[data-skin="autumn"] body.store-page .quick-action{
  align-items:flex-start;text-align:left;
}

/* ❄️ WINTER — Command Center + Crystal Modules */
html[data-skin="winter"] body.store-page .topbar .nav nav{
  display:flex;align-items:center;gap:4px;
}
html[data-skin="winter"] body.store-page .topbar .nav nav a{
  border-radius:8px;padding:7px 10px;
}
html[data-skin="winter"] body.store-page .home-side-nav a{
  flex-direction:column;justify-content:center;gap:5px;text-transform:uppercase;letter-spacing:.055em;
}
html[data-skin="winter"] body.store-page .home-side-nav .launcher-icon{width:2.25em;height:2.25em}
html[data-skin="winter"] body.store-page .menu-link-item{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;
}
html[data-skin="winter"] body.store-page .menu-link-item>.launcher-icon{grid-column:1}
html[data-skin="winter"] body.store-page .menu-link-item>div{grid-column:2}
html[data-skin="winter"] body.store-page .menu-link-item>span:last-child{grid-column:3}
html[data-skin="winter"] body.store-page .quick-action{
  flex-direction:row;align-items:center;text-align:left;gap:10px;
}
html[data-skin="winter"] body.store-page .quick-action>.launcher-icon{
  width:2.25em;height:2.25em;margin:0;
}

/* Full-page launcher cues */
html[data-skin="spring"] body.store-page .product-card .btn{border-radius:999px}
html[data-skin="summer"] body.store-page .product-card{box-shadow:0 16px 34px color-mix(in srgb,var(--blue) 13%,transparent)}
html[data-skin="autumn"] body.store-page .product-card h3,
html[data-skin="autumn"] body.store-page .client-hub-top h1{font-family:Georgia,"Times New Roman",serif}
html[data-skin="winter"] body.store-page .product-card .btn,
html[data-skin="winter"] body.store-page .client-hub-shell .btn{border-radius:8px}

/* Bottom navigation receives the active icon pack too */
.customer-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
html[data-skin="spring"] .customer-bottom-nav{border-radius:24px 24px 0 0}
html[data-skin="summer"] .customer-bottom-nav a.active{transform:translateY(-4px)}
html[data-skin="autumn"] .customer-bottom-nav{border-top:2px solid var(--gold)}
html[data-skin="winter"] .customer-bottom-nav a{border-radius:6px}

@media(max-width:760px){
  html[data-skin="summer"] body.store-page .home-side-nav a{min-height:70px}
  html[data-skin="summer"] body.store-page .home-side-nav .launcher-icon{width:2.2em;height:2.2em}
  html[data-skin="spring"] body.store-page .home-side-nav a:nth-child(n){transform:none}
}