/* ARCEL STR v1.22 — Skeuomorphism theme (raised solid UI, no glass) */
:root{
  --sk-bg:#dbe7f5;
  --sk-surface:#f4f8fd;
  --sk-ink:#1a3358;
  --sk-muted:#5c7394;
  --sk-line:#b7cce3;
  --sk-blue:#2b7de9;
  --sk-blue-deep:#1a5fc4;
  --sk-raised:0 3px 0 #9eb6d4, 0 8px 18px rgba(40,90,150,.18);
  --sk-inset:inset 0 2px 4px rgba(30,70,120,.12), inset 0 -1px 0 rgba(255,255,255,.8);
  --sk-btn:linear-gradient(180deg,#5aa3ff 0%,#2b7de9 48%,#1a5fc4 100%);
}

body:not(.dark){
  background:linear-gradient(165deg,#e8f1fb 0%,#d4e4f6 45%,#c5daf0 100%) !important;
  background-image:none !important;
  color:var(--sk-ink) !important;
}
body:not(.dark) .main::before{display:none !important}

/* Solid raised sidebar */
body:not(.dark) .sidebar{
  background:linear-gradient(180deg,#f7fbff,#e8f2fc) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-right:1px solid #a8c4e0 !important;
  box-shadow:4px 0 0 #c5d8ec, 8px 0 24px rgba(40,90,150,.12) !important;
}
body:not(.dark) .topbar{
  background:linear-gradient(180deg,#ffffff,#eaf3fc) !important;
  backdrop-filter:none !important;
  border-bottom:1px solid #a8c4e0 !important;
  box-shadow:0 3px 0 #c5d8ec, 0 8px 16px rgba(40,90,150,.1) !important;
}

/* Raised cards (plastic / soft physical) */
body:not(.dark) .product-card,
body:not(.dark) .home-game-tab,
body:not(.dark) .editorial-game-index .game-chip,
body:not(.dark) .editorial-game-rail,
body:not(.dark) .home-curated-v114,
body:not(.dark) .home-products-v110,
body:not(.dark) .home-service-spotlight,
body:not(.dark) .service-spotlight-card,
body:not(.dark) .home-benefits-v110 article,
body:not(.dark) .home-assistant-card,
body:not(.dark) .home-bottom-trust>div{
  background:linear-gradient(180deg,#ffffff 0%,#eef5fc 100%) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border:1px solid #c5d8ec !important;
  box-shadow:
    0 1px 0 #fff,
    0 3px 0 #b7cce3,
    0 10px 22px rgba(40,90,150,.14) !important;
  color:var(--sk-ink) !important;
}
body:not(.dark) .product-card h3,
body:not(.dark) .home-game-tab-copy b{color:var(--sk-ink) !important}
body:not(.dark) .product-card .clamp-description,
body:not(.dark) .home-game-tab-copy small{color:var(--sk-muted) !important}
body:not(.dark) .product-card .price-line strong{color:var(--sk-blue-deep) !important}

/* Skeuo buttons */
body:not(.dark) .product-card .buy-link,
body:not(.dark) .btn-primary,
body:not(.dark) .detail-actions .buy-link{
  background:var(--sk-btn) !important;
  border:1px solid #1554b0 !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.35) inset,
    0 3px 0 #144a9a,
    0 6px 14px rgba(26,95,196,.35) !important;
  text-shadow:0 1px 0 rgba(0,40,100,.25);
}
body:not(.dark) .product-card .buy-link:active,
body:not(.dark) .detail-actions .buy-link:active{
  transform:translateY(2px);
  box-shadow:0 1px 0 rgba(255,255,255,.2) inset, 0 1px 0 #144a9a !important;
}

body:not(.dark) .product-card .consult-link,
body:not(.dark) .detail-actions .consult-link,
body:not(.dark) .btn-secondary{
  background:linear-gradient(180deg,#fff,#e4eef9) !important;
  border:1px solid #a8c4e0 !important;
  color:var(--sk-blue-deep) !important;
  box-shadow:0 1px 0 #fff inset, 0 2px 0 #b7cce3 !important;
}

/* Nav raised pills */
body:not(.dark) .nav-link.active{
  background:linear-gradient(180deg,#5aa3ff,#1a5fc4) !important;
  color:#fff !important;
  border:1px solid #1554b0 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 3px 0 #144a9a !important;
}

/* Product image well (inset) */
body:not(.dark) .product-card .product-image-wrap,
body:not(.dark) .detail-art{
  background:linear-gradient(180deg,#0f2748,#1a3d6e) !important;
  box-shadow:var(--sk-inset), 0 2px 0 rgba(255,255,255,.5) !important;
  border:1px solid #8bb0d4 !important;
}

/* Compact product badges skeuo */
body:not(.dark) .product-card .status-tag.ready,
.product-card .status-tag.ready{
  background:linear-gradient(180deg,#34d399,#059669) !important;
  border:1px solid #047857 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset, 0 2px 4px rgba(0,0,0,.2) !important;
}
.product-badge.featured,
.product-card .product-badge{
  background:linear-gradient(180deg,#ffd36a,#f59e0b) !important;
  border:1px solid #d97706 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset, 0 2px 4px rgba(0,0,0,.2) !important;
}

/* Dark skeuo */
body.dark{
  background:linear-gradient(165deg,#0d1c33,#0a1528) !important;
  background-image:none !important;
}
body.dark .sidebar{
  background:linear-gradient(180deg,#122844,#0c1c34) !important;
  backdrop-filter:none !important;
  border-right:1px solid #2a4a72 !important;
  box-shadow:4px 0 0 #0a1528 !important;
}
body.dark .product-card,
body.dark .home-game-tab,
body.dark .editorial-game-rail,
body.dark .home-curated-v114{
  background:linear-gradient(180deg,#163456,#102848) !important;
  backdrop-filter:none !important;
  border:1px solid #2f5a88 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 4px 0 #0a1528, 0 10px 20px rgba(0,0,0,.35) !important;
}
body.dark .product-card .buy-link,
body.dark .detail-actions .buy-link{
  background:linear-gradient(180deg,#4d9fff,#1a5fc4) !important;
  border:1px solid #0f4a9e !important;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset, 0 3px 0 #0d3d82 !important;
}

/* Dialog skeuo */
body:not(.dark) .product-dialog{
  background:linear-gradient(180deg,#f7fbff,#e8f2fc) !important;
  border:1px solid #a8c4e0 !important;
  box-shadow:0 20px 50px rgba(30,70,120,.3), 0 0 0 1px #fff !important;
}