/*
 * AdeptDEV Skeleton System v1.0
 * Stage 9 — fast perceived loading for PJAX, account, search and mini-cart.
 * GPU-friendly: opacity/pulse only, no blur/filter/layout animation.
 */
:root{
  --adsk-bg:#f7f3f5;
  --adsk-card:#ffffff;
  --adsk-line:rgba(77,54,65,.10);
  --adsk-fill:#ece5e9;
  --adsk-fill-2:#f4eef1;
  --adsk-accent:rgba(185,42,76,.16);
}
body.nx-dark{
  --adsk-bg:#121014;
  --adsk-card:#19161a;
  --adsk-line:rgba(255,255,255,.07);
  --adsk-fill:#2b252b;
  --adsk-fill-2:#231e23;
  --adsk-accent:rgba(239,62,99,.13);
}
@keyframes adskPulse{0%,100%{opacity:.62}50%{opacity:1}}
.adsk-pulse{animation:adskPulse 1.15s ease-in-out infinite}

/* Generic page/PJAX overlay */
.adsk-page-overlay{
  position:absolute;inset:0;z-index:35;
  padding:18px;
  background:var(--adsk-bg);
  pointer-events:none;
}
.adsk-page-shell{max-width:1280px;margin:0 auto;display:grid;gap:14px}
.adsk-page-hero,.adsk-page-card{
  border:1px solid var(--adsk-line);border-radius:24px;background:var(--adsk-card);
}
.adsk-page-hero{min-height:210px;padding:30px;display:grid;grid-template-columns:1.25fr .75fr;gap:26px}
.adsk-page-lines{display:grid;align-content:center;gap:12px}
.adsk-line{display:block;height:12px;border-radius:999px;background:var(--adsk-fill)}
.adsk-line--kicker{width:22%;height:8px;background:var(--adsk-accent)}
.adsk-line--title{width:68%;height:30px}
.adsk-line--text{width:82%}
.adsk-line--text2{width:57%}
.adsk-page-visual{border-radius:20px;background:var(--adsk-fill-2)}
.adsk-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.adsk-page-card{min-height:128px;padding:18px}
.adsk-page-card .adsk-line+ .adsk-line{margin-top:12px}

/* Account loading keeps geometry stable */
.ad-account-page{position:relative}
.ad-account-page>.adsk-page-overlay{
  border-radius:28px;
  min-height:560px;
}

/* Mini-cart */
.nx-luxcart__skeleton{display:grid;gap:12px;padding:12px 14px 18px}
.nx-luxcart__sk-delivery,.nx-luxcart__sk-points,.nx-luxcart__sk-item{
  border:1px solid var(--adsk-line);border-radius:15px;background:var(--adsk-card)
}
.nx-luxcart__sk-delivery{height:82px}
.nx-luxcart__sk-points{height:84px;background:linear-gradient(135deg,var(--adsk-accent),var(--adsk-card))}
.nx-luxcart__sk-item{height:96px;display:grid;grid-template-columns:66px 1fr;gap:12px;padding:12px}
.nx-luxcart__sk-thumb{border-radius:12px;background:var(--adsk-fill)}
.nx-luxcart__sk-copy{display:grid;align-content:center;gap:9px}
.nx-luxcart__sk-copy i{height:10px;border-radius:99px;background:var(--adsk-fill)}
.nx-luxcart__sk-copy i:nth-child(1){width:78%}
.nx-luxcart__sk-copy i:nth-child(2){width:44%}
.nx-luxcart__sk-copy i:nth-child(3){width:58%}

/* Search: upgrade the already-existing markup */
.nx-search-loading{display:grid!important;gap:9px!important;padding:10px!important}
.nx-search-skeleton{
  position:relative!important;
  min-height:62px!important;
  border:1px solid var(--adsk-line)!important;
  border-radius:13px!important;
  background:var(--adsk-card)!important;
  overflow:hidden!important;
  opacity:1!important;
  animation:adskPulse 1.15s ease-in-out infinite!important;
}
.nx-search-skeleton::before{
  content:"";position:absolute;left:10px;top:10px;width:42px;height:42px;
  border-radius:10px;background:var(--adsk-fill);
}
.nx-search-skeleton::after{
  content:"";position:absolute;left:62px;right:16px;top:15px;height:9px;
  border-radius:99px;background:var(--adsk-fill);
  box-shadow:0 18px 0 var(--adsk-fill-2);
}

/* Busy trigger gives immediate feedback without moving layout */
[data-adeptdev-pjax].is-loading,
.ad-account-ajax-link.is-loading{opacity:.68!important}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .adsk-pulse,.nx-search-skeleton{animation:none!important}
}
@media(max-width:700px){
  .adsk-page-overlay{padding:10px}
  .adsk-page-hero{min-height:175px;padding:18px;grid-template-columns:1fr}
  .adsk-page-visual{display:none}
  .adsk-page-grid{grid-template-columns:1fr 1fr;gap:9px}
  .adsk-page-card{min-height:100px}
}
