/* tamPrime "Sky Glass" theme — light sky blue with frosted-glass cards.
   Turned on in Admin → Theme & design → Store theme. Layout and content stay the same; only colours and surfaces change. */
:root.skin-sky {
  --tp-brand: #0b7fd4; --tp-brand-dark: #075a9e; --tp-ink: #0d2a45; --tp-sub: #4a6681; --tp-bg: #e8f5ff; --tp-soft: #eef7ff; --tp-line: #d2e6f6;
  --tp-header-bg: rgba(255,255,255,.66); --tp-header-ink: #0d2a45; --tp-footer-bg: #0b5fae; --tp-footer-ink: #e9f5ff;
  --sk-glass: rgba(255,255,255,.62); --sk-glass-strong: rgba(255,255,255,.82); --sk-edge: rgba(255,255,255,.85); --sk-shadow: 0 10px 30px rgba(30,105,170,.10), inset 0 1px 0 rgba(255,255,255,.9);
}
.skin-sky body { background: #e8f5ff; }
.skin-sky body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(520px 520px at 8% 18%, #c3e6ff 0%, transparent 70%), radial-gradient(560px 560px at 92% 6%, #d9eeff 0%, transparent 70%), radial-gradient(520px 520px at 70% 88%, #cdf1f6 0%, transparent 70%), #e8f5ff; }
.skin-sky .tp-content { position: relative; }

/* glass surfaces */
.skin-sky .tp-header, .skin-sky .tp-nav, .skin-sky .tp-usp, .skin-sky .tp-svc, .skin-sky .tp-card, .skin-sky .tp-trend-card, .skin-sky .tph-tile, .skin-sky .tpd-deals,
.skin-sky .tp-prices, .skin-sky .tp-pd, .skin-sky .tp-dlv, .skin-sky .tp-pricebox, .skin-sky .auc-card, .skin-sky .auc-box, .skin-sky .auc-how, .skin-sky .tpx-card {
  background: var(--sk-glass) !important; -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4);
  border: 1px solid var(--sk-edge) !important; box-shadow: var(--sk-shadow); }

/* top bar, header, menu */
.skin-sky .tp-body .tp-util { background: rgba(11,95,174,.92); color: #e9f5ff; }
.skin-sky .tp-util b { color: #ffe3a3; }
.skin-sky .tp-header { box-shadow: 0 8px 24px rgba(30,105,170,.10); border-width: 0 0 1px !important; }
.skin-sky .tp-header a, .skin-sky .tp-header .tp-head-label, .skin-sky .tp-header button { color: #0d2a45; }
.skin-sky .tp-search input { background: rgba(255,255,255,.92); border: 1px solid #cfe6f8; border-radius: 99px; box-shadow: none; }
.skin-sky .tp-search-go { background: #0b8fe0 !important; border-radius: 99px; }
.skin-sky .tp-search-go svg { color: #fff; stroke: #fff; }
.skin-sky .tp-store-chip, .skin-sky .tp-store-chip * { color: #0d2a45 !important; }
.skin-sky .tp-count { background: #0b8fe0; color: #fff; }
.skin-sky .tp-nav { border-width: 0 0 1px !important; box-shadow: none; }

/* home slideshow ("Professional" look) and tiles */
.skin-sky.template-index .tph-pro .tph-slide, .skin-sky .template-index .tph-pro .tph-slide { background: var(--sk-glass-strong) !important; color: #0d2a45; }
.skin-sky .tph-pro .tph-slider { background: var(--sk-glass); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); border: 1px solid var(--sk-edge); box-shadow: var(--sk-shadow); }
.skin-sky .tph-pro .tph-tag { color: #0b5fae !important; }
.skin-sky .tph-pro .tph-text { color: #3d5a75 !important; }
.skin-sky .tph-pro .tph-price s { color: #6b84a0 !important; }
.skin-sky .tph-pro .tph-btn { background: #0b8fe0 !important; color: #fff !important; border-radius: 99px !important; box-shadow: 0 8px 20px rgba(11,95,174,.25) !important; }
.skin-sky .tph-pro .tph-arrow { background: rgba(13,42,69,.12) !important; }
.skin-sky .tph-pro .tph-arrow svg { stroke: #0d2a45; }
.skin-sky .tph-pro .tph-dot { background: #b9d6ee !important; }
.skin-sky .tph-pro .tph-dot[aria-current="true"] { background: #0b8fe0 !important; }
.skin-sky .tph-pro .tph-card { box-shadow: 0 18px 40px rgba(40,110,170,.18); }
.skin-sky .tph-snow { display: none; }
/* seasonal slides keep their warm orange, on light glass */
.skin-sky .template-index .tph .tph-slide.tph-season, .skin-sky.template-index .tph .tph-slide.tph-season { background: rgba(255,244,234,.86) !important; color: #2a1606; }
.skin-sky .tph-season .tph-tag { color: #c8501a !important; }
.skin-sky .tph-season .tph-text { color: #6a4a32 !important; }
.skin-sky .tph-season .tph-btn { background: #e8681e !important; color: #fff !important; }
.skin-sky .tph-season .tph-bats { stroke: #c8501a; opacity: .45; }
.skin-sky .tph-tile { color: #0d2a45 !important; }
.skin-sky .tph-tile::after { opacity: .25; }
.skin-sky .tph-tile-img { box-shadow: 0 12px 26px rgba(40,110,170,.18); }

/* cards and buttons */
.skin-sky .tp-card-img { background: #fff; border-color: #e3eef8; }
.skin-sky .template-index .tp-card-add, .skin-sky .tp-card-add { border-radius: 99px !important; border-color: #0b8fe0 !important; color: #0b5fae !important; background: rgba(255,255,255,.85) !important; }
.skin-sky .template-index .tp-card-add:hover, .skin-sky .tp-card-add:hover { background: #0b8fe0 !important; color: #fff !important; }
.skin-sky .tp-btn { border-radius: 99px; }
.skin-sky .template-index .tp-rank { background: #0b5fae !important; }
.skin-sky .template-index .tpd-clock { background: #0b5fae; }
.skin-sky .template-index .tp-cstrip-in { background: rgba(11,95,174,.92); }

/* $1 auctions strip on the home page: light glass instead of navy */
.skin-sky .tp-auc-home .auc-strip { background: var(--sk-glass) !important; -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4); border: 1px solid var(--sk-edge); box-shadow: var(--sk-shadow); color: #0d2a45; }
.skin-sky .auc-strip-h .auc-live { color: #c4213a; } .skin-sky .auc-strip-h .auc-dot { background: #e0263b; }
.skin-sky .auc-strip-h a { color: #0b5fae; }
.skin-sky .auc-mini { background: rgba(255,255,255,.8) !important; color: #0d2a45 !important; border: 1px solid #fff; }
.skin-sky .auc-mini .l { color: #c4213a; }
.skin-sky .auc-mini.auc-flash { background: #fff4c2 !important; }
.skin-sky .auc-hero { background: rgba(11,95,174,.92); }

/* footer */
.skin-sky .tp-footer { background: #0b5fae; }
@media (max-width: 720px) {
  .skin-sky .tp-header, .skin-sky .tp-nav { -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
}
@media (prefers-reduced-transparency: reduce) {
  .skin-sky .tp-header, .skin-sky .tp-card, .skin-sky .tph-tile, .skin-sky .auc-card { -webkit-backdrop-filter: none; backdrop-filter: none; background: #fff !important; }
}

.skin-sky .tp-util-r a { color: #e9f5ff !important; }
.skin-sky .tp-head-label, .skin-sky .tp-head-label * { color: #0d2a45 !important; }
.skin-sky .tp-card.is-auc .tp-card-add { background: #e0263b !important; border-color: #e0263b !important; color: #fff !important; }
