/* Unlock Pro brand kit, aligned with the owner's Canva palette. */
:root {
  --brand-navy: #080c1b;
  --brand-ink: #070514;
  --brand-white: #f8fafc;
  --brand-muted: #bdc8db;
  --brand-violet: #9e9eff;
  --brand-mint: #7ce7d4;
  --brand-purple: #39189a;
  --brand-focus: #9e9eff;
  --brand-line: rgba(158,158,255,.24);
  --brand-surface: rgba(15,19,39,.86);
  --brand-raised: rgba(28,34,62,.78);
  --brand-copy: #f8fafc;
  --brand-secondary: #bdc8db;
  --brand-price: #7ce7d4;
  --brand-shadow: 0 22px 55px rgba(2,4,16,.24);
  --proof-surface: rgba(15,19,39,.88);
  --proof-dialog: #080c1b;
  --proof-raised: rgba(28,34,62,.88);
  --proof-line: rgba(158,158,255,.23);
  --proof-muted: #bdc8db;
  --proof-text: #f8fafc;
  --proof-accent: #7ce7d4;
  --proof-photo: #070514;
  --ui-text: #f8fafc;
  --ui-muted: #bdc8db;
  --ui-panel: rgba(12,16,34,.95);
  --ui-line: rgba(158,158,255,.22);
  --ui-link: #b8b8ff;
}
html[data-theme="dark"] {
  --bg: #080c1b;
  --bg-elevated: #11152b;
  --bg-card: #131a34;
  --bg-surface: rgba(15,19,39,.9);
  --text-primary: #f8fafc;
  --text-secondary: #bdc8db;
  --text-dim: #a8b4cc;
  --primary: #9e9eff;
  --primary-hover: #b6b6ff;
  --accent: #7ce7d4;
  --header-bg: rgba(8,12,27,.88);
}
html[data-theme="light"] {
  --brand-focus: #39189a;
  --brand-line: rgba(57,24,154,.18);
  --brand-surface: rgba(255,255,255,.92);
  --brand-raised: rgba(244,245,255,.94);
  --brand-copy: #17152f;
  --brand-secondary: #4e5672;
  --brand-price: #0a756b;
  --brand-shadow: 0 18px 46px rgba(38,29,93,.11);
  --proof-surface: rgba(255,255,255,.92);
  --proof-dialog: #f8fafc;
  --proof-raised: rgba(244,245,255,.96);
  --proof-line: rgba(57,24,154,.16);
  --proof-muted: #4e5672;
  --proof-text: #17152f;
  --proof-accent: #39189a;
  --proof-photo: #edf0f7;
  --ui-text: #17152f;
  --ui-muted: #4e5672;
  --ui-panel: rgba(255,255,255,.96);
  --ui-line: rgba(57,24,154,.17);
  --ui-link: #39189a;
  --bg: #f8fafc;
  --bg-elevated: #fff;
  --bg-card: #fff;
  --bg-surface: rgba(255,255,255,.94);
  --text-primary: #17152f;
  --text-secondary: #4e5672;
  --text-dim: #616b82;
  --primary: #39189a;
  --primary-hover: #30137e;
  --accent: #0a756b;
  --header-bg: rgba(255,255,255,.9);
}

/* One icon language: thin strokes, compact glass holders, quiet motion. */
body.premium-store :is(.floating-pill-header,.premium-hero,.store-footer,.customer-proofs-section,.course-discovery,.product-card) svg:not(.brand-logo-img) {
  stroke-width: 1.8;
}
body.premium-store :is(.nav-link-pill,.glass-dock-item,.footer-support-link,.proof-quiet-button,.proof-motion-button) svg {
  transition: transform .2s cubic-bezier(.2,.8,.2,1), color .2s ease;
}
@media (hover:hover) {
  body.premium-store :is(.nav-link-pill,.glass-dock-item,.footer-support-link,.proof-quiet-button,.proof-motion-button):hover svg {
    transform: translateY(-2px);
  }
}
body.premium-store :is(a,button,input):focus-visible,
body.glass-public-page :is(a,button,input):focus-visible {
  outline: 2px solid var(--brand-focus) !important;
  outline-offset: 3px;
}

/* Header and the existing mobile menu retain their layout and gain one finish. */
body.premium-store .floating-pill-header {
  background: linear-gradient(125deg,rgba(20,24,49,.92),rgba(8,12,27,.9)) !important;
  border: 1px solid rgba(158,158,255,.3) !important;
  box-shadow: var(--brand-shadow), inset 0 1px rgba(255,255,255,.11) !important;
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}
html[data-theme="light"] body.premium-store .floating-pill-header {
  background: linear-gradient(125deg,rgba(255,255,255,.96),rgba(245,246,255,.9)) !important;
  border-color: rgba(57,24,154,.19) !important;
  box-shadow: var(--brand-shadow), inset 0 1px #fff !important;
}
body.premium-store .floating-pill-header .brand-logo-box {
  border: 1px solid rgba(158,158,255,.36);
  box-shadow: 0 5px 18px rgba(57,24,154,.18) !important;
  overflow: hidden;
}
body.premium-store .floating-pill-header .brand-title { color: var(--brand-copy) !important; }
body.premium-store .floating-pill-header :is(.nav-link-pill,.nav-quick-search,.action-btn) {
  color: var(--brand-secondary);
}
body.premium-store .floating-pill-header :is(.nav-link-pill,.nav-quick-search,.action-btn):hover {
  color: var(--brand-copy);
  border-color: var(--brand-line);
  background: var(--brand-raised);
}
body.premium-store .floating-pill-header .nav-anim-icon svg {
  width: 19px;
  height: 19px;
}
body.premium-store .floating-pill-header .brand-mini-badge {
  color: var(--brand-violet);
  border-color: var(--brand-line);
}
body.premium-store .floating-pill-header .community-pill { color: var(--brand-mint); }
html[data-theme="light"] body.premium-store .floating-pill-header .community-pill { color: #0a756b; }
body.premium-store .glass-floating-dock {
  border-color: var(--brand-line);
  background: var(--brand-surface);
  box-shadow: var(--brand-shadow);
}
body.premium-store .glass-floating-dock .glass-dock-item.active {
  color: var(--brand-price);
  background: var(--brand-raised);
}

/* Hero and service strip use the same restrained navy glass. */
body.premium-store .premium-hero {
  border-color: var(--brand-line) !important;
  background: linear-gradient(135deg,rgba(22,25,54,.84),rgba(8,12,27,.88)) !important;
  box-shadow: var(--brand-shadow) !important;
}
html[data-theme="light"] body.premium-store .premium-hero {
  background: linear-gradient(135deg,rgba(255,255,255,.93),rgba(239,241,255,.89)) !important;
}
body.premium-store .premium-hero h1 { color: var(--brand-copy) !important; }
body.premium-store .premium-hero-lead,
body.premium-store .premium-promises { color: var(--brand-secondary) !important; }
body.premium-store .premium-hero :is(.premium-primary,.premium-secondary),
body.premium-store .card-assist-banner .assist-cta {
  border-radius: 14px;
  min-height: 46px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
body.premium-store :is(.premium-primary,.product-card .btn-buy),
body.premium-store .card-assist-banner .assist-cta {
  background: linear-gradient(115deg,#39189a,#5545c0) !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(57,24,154,.19) !important;
}
body.premium-store :is(.premium-primary,.product-card .btn-buy):hover,
body.premium-store .card-assist-banner .assist-cta:hover {
  box-shadow: 0 11px 25px rgba(57,24,154,.25) !important;
  transform: translateY(-2px);
}
body.premium-store .hero-showcase {
  background: linear-gradient(150deg,rgba(30,34,69,.83),rgba(10,17,35,.9)) !important;
  border-color: var(--brand-line) !important;
}
html[data-theme="light"] body.premium-store .hero-showcase {
  background: linear-gradient(150deg,rgba(255,255,255,.94),rgba(242,244,255,.88)) !important;
}
body.premium-store .hero-showcase .showcase-plan { border-color: var(--brand-line); }
body.premium-store .hero-showcase .showcase-plan b { color: var(--brand-price); }
body.premium-store .card-assist-banner {
  background: linear-gradient(125deg,rgba(17,25,52,.91),rgba(25,18,61,.86));
  border-color: var(--brand-line);
}
html[data-theme="light"] body.premium-store .card-assist-banner {
  background: linear-gradient(125deg,rgba(255,255,255,.96),rgba(241,242,254,.94));
  border-color: var(--brand-line);
}
body.premium-store .card-assist-banner .assist-logo {
  border-color: rgba(158,158,255,.28);
  background: linear-gradient(145deg,rgba(248,250,252,.16),rgba(158,158,255,.07));
}

/* Catalog, courses and product details share a calm component rhythm. */
body.premium-store .product-card {
  --card-line: var(--brand-line);
  background: linear-gradient(145deg,rgba(28,31,66,.88),rgba(12,17,39,.94)) !important;
  border-color: var(--brand-line) !important;
  box-shadow: 0 13px 35px rgba(3,5,23,.2), inset 0 1px rgba(255,255,255,.1) !important;
}
html[data-theme="light"] body.premium-store .product-card {
  background: linear-gradient(145deg,rgba(255,255,255,.97),rgba(244,245,255,.93)) !important;
  box-shadow: 0 11px 29px rgba(33,26,78,.11), inset 0 1px #fff !important;
}
body.premium-store .product-card:hover { border-color: rgba(158,158,255,.58) !important; }
body.premium-store .product-card .glass-product-art {
  border-color: rgba(158,158,255,.24);
  background: radial-gradient(circle at 24% 18%,rgba(255,255,255,.88),transparent 38%),
    radial-gradient(circle at 77% 78%,rgba(158,158,255,.22),transparent 46%),
    linear-gradient(135deg,#f8fafc,#e4e8f8 62%,#eee8fc) !important;
}
body.premium-store .product-card .prod-title { color: var(--brand-copy) !important; }
body.premium-store .product-card :is(.card-specs-inline,.card-details-hint) { color: var(--brand-secondary) !important; }
body.premium-store .product-card .price-main { color: var(--brand-price) !important; }
body.premium-store .product-card .btn-buy { border-radius: 13px !important; }
body.premium-store .course-discovery,
body.premium-store .customer-proofs-section {
  background: var(--brand-surface) !important;
  border-color: var(--brand-line) !important;
  box-shadow: var(--brand-shadow);
}
body.premium-store :is(.course-discovery-symbol,.course-eyebrow,.proof-eyebrow) { color: var(--brand-price); }
body.premium-store :is(.cat-pill.active,.proof-filter-button.is-active) {
  border-color: var(--brand-line);
  background: var(--brand-raised);
  color: var(--brand-price);
}
body.premium-store .seo-content-section .seo-plan-card {
  background: var(--brand-surface);
  border-color: var(--brand-line);
}
body.premium-store #productDetailsModal .product-modal-card {
  border-color: var(--brand-line) !important;
  background: var(--brand-surface) !important;
  color: var(--brand-copy) !important;
}
body.premium-store #productDetailsModal .btn-modal-buy {
  background: linear-gradient(115deg,#39189a,#5545c0) !important;
  color: #fff !important;
  border-radius: 14px;
}
body.premium-store .proof-story,
body.premium-store .proof-gallery-item { border-color: var(--proof-line); }
body.premium-store .proof-quiet-button,
body.premium-store .proof-motion-button { border-color: var(--brand-line); border-radius: 12px; }

/* Footer remains readable over the existing motion background. */
body.premium-store footer.store-footer {
  background: var(--ui-panel) !important;
  border-color: var(--ui-line) !important;
  box-shadow: var(--brand-shadow);
}
body.premium-store .store-footer :is(h2,.footer-brand-link) { color: var(--ui-text); }
body.premium-store .store-footer :is(p,.footer-rights,.footer-security-trust-row) { color: var(--ui-muted); }
body.premium-store .store-footer :is(.footer-support-link,.footer-pay-badge) { border-color: var(--ui-line); }

/* Account, policy and guide pages use the same palette without touching admin. */
body.glass-public-page {
  --glass-page: rgba(15,19,39,.86);
  --glass-line: rgba(158,158,255,.23);
  --glass-text: #f8fafc;
  --glass-muted: #bdc8db;
  background: radial-gradient(circle at 80% 4%,rgba(57,24,154,.29),transparent 32%),
    radial-gradient(circle at 5% 70%,rgba(124,231,212,.1),transparent 33%),#080c1b fixed !important;
}
html[data-theme="light"] body.glass-public-page {
  --glass-page: rgba(255,255,255,.93);
  --glass-line: rgba(57,24,154,.16);
  --glass-text: #17152f;
  --glass-muted: #4e5672;
  background: radial-gradient(circle at 80% 4%,rgba(158,158,255,.15),transparent 32%),#f8fafc fixed !important;
}
body.glass-public-page :is(.container,.review-container,.visual-container,.profile-hero-card,.top-nav,.nav-bar) {
  border-color: var(--glass-line);
  background: linear-gradient(145deg,rgba(255,255,255,.05),transparent 45%),var(--glass-page);
}

@media (max-width: 768px) {
  body.premium-store .floating-pill-header { box-shadow: 0 9px 25px rgba(4,5,20,.2) !important; }
  body.premium-store .premium-hero { margin-inline: 12px; padding-inline: 17px; }
  body.premium-store .premium-hero h1 { font-size: clamp(1.8rem,7vw,2.65rem) !important; }
  body.premium-store .premium-hero-actions {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 9px;
  }
  body.premium-store .premium-hero-actions a {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 10px 14px;
    white-space: normal;
    text-align: center;
  }
  body.premium-store .hero-price-links {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
    padding-block: 3px 9px;
  }
  body.premium-store .hero-price-links a {
    flex: 0 0 auto;
    min-height: 38px;
    max-width: min(83vw,300px);
    padding: 8px 11px;
    font-size: .74rem;
    line-height: 1.35;
    white-space: nowrap;
    scroll-snap-align: start;
  }
  body.premium-store .card-assist-banner .assist-logos { margin-inline: 0; width: 100%; }
  body.premium-store .product-card .price-main { font-size: clamp(1.28rem,5vw,1.55rem) !important; }
  body.premium-store footer.store-footer { margin-inline: 12px; padding-inline: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  body.premium-store :is(.nav-link-pill,.glass-dock-item,.footer-support-link,.proof-quiet-button,.proof-motion-button) svg,
  body.premium-store :is(.premium-primary,.product-card .btn-buy,.assist-cta) {
    transition: none !important;
  }
  body.premium-store :is(.nav-link-pill,.glass-dock-item,.footer-support-link,.proof-quiet-button,.proof-motion-button):hover svg,
  body.premium-store :is(.premium-primary,.product-card .btn-buy,.assist-cta):hover {
    transform: none !important;
  }
}