/* academy-premium-r1 — D3 chrome + skin, sitewide. Does not change consent logic or LP JS. */
@font-face{font-family:"Plus Jakarta Sans";src:url("/assets/academy-premium-r1/fonts/plus-jakarta-sans-var.woff2") format("woff2");
  font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans Arabic";src:url("/assets/academy-premium-r1/fonts/noto-sans-arabic-var.woff2") format("woff2");
  font-weight:400 700;font-style:normal;font-display:swap}

:root{
  --ease:cubic-bezier(.22,1,.36,1);
  --r-sm:16px; --r-md:24px; --r-lg:28px; --r-xl:32px; --r-pill:999px;
  --header-h:70px;
  --foot-clear:28px;
}
html[data-theme="light"], html:not([data-theme]){
  --bg:#F6F1E8; --ink:#1A1630; --muted:#5C5668; --line:rgba(26,22,48,.10);
  --header:rgba(255,252,247,.78); --dock:rgba(255,252,247,.86); --tile:rgba(255,252,247,.86);
  --paper:#FFFcf7; --pearl:#FBF7F0; --accent:#0E7C6B; --hero:#0E7C6B;
  --shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 8px 24px rgba(26,22,48,.06), 0 24px 48px rgba(26,22,48,.08);
}
html[data-theme="dark"]{
  --bg:#0B1020; --ink:#F4F0E8; --muted:#B7B1C4; --line:rgba(244,240,232,.10);
  --header:rgba(12,16,32,.72); --dock:rgba(12,16,32,.82); --tile:rgba(16,20,36,.7);
  --paper:#14182A; --pearl:#101428; --accent:#3DDBB8; --hero:#3DDBB8;
  --shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 10px 28px rgba(0,0,0,.35), 0 0 40px color-mix(in srgb,var(--hero,#3DDBB8) 18%, transparent);
}

html[data-premium="r1"]{background:var(--bg);color:var(--ink)}
html[data-premium="r1"]{max-width:100%}
html[data-premium="r1"] body{
  background:var(--bg);color:var(--ink);
  padding-top:0;
  animation:premium-enter .55s var(--ease) both; /* opacity only — no transform, so position:fixed chrome stays viewport-fixed */
}
@keyframes premium-enter{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  html[data-premium="r1"] body{animation:none}
}

/* —— floating glass header capsule —— */
html[data-premium="r1"] .site-header,
html[data-fw="r4"][data-premium="r1"] .site-header,
html[data-fw="r4"][data-premium="r1"] body.atlas-home .site-header,
html[data-fw="r4"][data-premium="r1"] body.home .site-header{
  position:fixed !important;
  top:12px !important; left:16px !important; right:16px !important; bottom:auto !important;
  inset:12px 16px auto !important;
  height:58px !important;
  width:auto !important; max-width:none !important;
  border-radius:24px !important;
  border:1px solid color-mix(in srgb,var(--line) 70%, #fff);
  background:var(--header) !important;
  backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);
  box-shadow:var(--shadow);
  padding:0 12px 0 14px !important;
  transform-origin:top center;
  transition:transform .5s var(--ease), box-shadow .5s var(--ease);
  z-index:120 !important;
  display:flex;align-items:center;gap:12px;
}
html[data-premium="r1"] .site-header.is-compact{transform:translateY(-2px) scale(.96)}
html[data-premium="r1"] .site-header .brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;flex:0 0 auto}
html[data-premium="r1"] .site-header .brand svg,
html[data-premium="r1"] .site-header .brand img{border-radius:10px}
html[data-premium="r1"] .hdr-context{flex:1 1 auto;min-width:0;display:flex;justify-content:center;align-items:center;gap:10px}
html[data-premium="r1"] .hdr-search{display:flex;align-items:center;gap:6px;width:min(520px,100%)}
html[data-premium="r1"] .hdr-search input{
  flex:1;height:36px;border-radius:var(--r-pill);border:1px solid var(--line);
  background:color-mix(in srgb,var(--paper) 80%, transparent);color:var(--ink);
  padding:0 14px;font:500 14px/1 "Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
}
html[data-premium="r1"] .hdr-search button{
  height:36px;border-radius:var(--r-pill);border:0;padding:0 14px;
  background:var(--accent)!important;color:#fff!important;font-weight:700;cursor:pointer;
}
html[data-theme="dark"][data-premium="r1"] .hdr-search button{color:#041210}
html[data-premium="r1"] .hdr-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto}
html[data-premium="r1"] .theme-toggle,
html[data-premium="r1"] .hdr-more,
html[data-premium="r1"] .mode-toggle{
  border-radius:var(--r-pill)!important;height:34px;
  background:color-mix(in srgb,var(--paper) 70%, transparent);
  border:1px solid var(--line);color:var(--ink);
}
html[data-premium="r1"] .theme-toggle{width:34px;display:grid;place-items:center;padding:0}
html[data-premium="r1"] .hdr-more{padding:0 12px;font-weight:650}
html[data-premium="r1"] .mode-toggle{display:inline-flex;padding:2px}
html[data-premium="r1"] .mode-toggle button{height:30px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink);padding:0 12px;font-weight:650;cursor:pointer}
html[data-premium="r1"] .mode-toggle button[aria-pressed="true"]{background:var(--accent);color:#fff}
html[data-theme="dark"][data-premium="r1"] .mode-toggle button[aria-pressed="true"]{color:#041210}
html[data-premium="r1"] .page-title{margin:0;font-size:15px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}

/* leave room under the floating capsule (r5 often used a full-bleed 56px bar) */
html[data-premium="r1"] body{padding-top:100px !important;padding-bottom:calc(var(--foot-clear) + env(safe-area-inset-bottom))}
html[data-premium="r1"] body.premium-home{padding-top:0 !important} /* home CSS handles its own stage padding */

/* —— floating rounded 5-item dock (mobile only) —— */
html[data-premium="r1"] .dock,
html[data-fw="r4"][data-premium="r1"] .dock{
  position:fixed !important;
  left:12px !important;right:12px !important;bottom:12px !important;top:auto !important;
  width:auto !important;max-width:none !important;
  border-radius:24px !important;
  border:1px solid var(--line);
  background:var(--dock) !important;
  backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);
  box-shadow:var(--shadow);
  padding:6px 8px calc(8px + env(safe-area-inset-bottom)) !important;
  z-index:120 !important;
  display:none;
}
html[data-premium="r1"] .dock .dock-primary{display:flex;width:100%;justify-content:space-around;align-items:stretch;gap:2px}
html[data-premium="r1"] .dock a{
  border-radius:var(--r-pill);padding:8px 6px;color:var(--muted);text-decoration:none;
  display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:650;
}
html[data-premium="r1"] .dock a[aria-current="page"]{
  background:color-mix(in srgb,var(--accent) 16%, var(--paper));color:var(--ink)
}
@media (max-width:700px){
  html[data-premium="r1"] .dock{display:block !important}
  html[data-premium="r1"] body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  html[data-premium="r1"] .site-header,
  html[data-fw="r4"][data-premium="r1"] .site-header{
    inset:8px 10px auto !important;height:52px !important;border-radius:22px !important;padding:0 8px 0 10px !important
  }
  html[data-premium="r1"] .hdr-search{display:none}
  --header-h:62px;
  html[data-premium="r1"] .site-header,
  html[data-premium="r1"] .dock,
  html[data-premium="r1"] .site-footer{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
}
@media (min-width:701px){
  html[data-premium="r1"] .dock,
  html[data-fw="r4"][data-premium="r1"] .dock{display:none !important}
}

/* —— premium rounded inset footer —— */
html[data-premium="r1"] .site-footer{
  position:relative;z-index:2;
  margin:48px 16px 28px;
  padding:40px 36px 22px;
  border-radius:var(--r-xl);
  background:color-mix(in srgb,var(--paper) 92%, var(--accent) 8%);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  color:var(--ink);
}
html[data-premium="r1"] .site-footer .foot-top{display:grid;grid-template-columns:minmax(180px,1.1fr) repeat(4,minmax(0,1fr));gap:28px 24px}
html[data-premium="r1"] .site-footer .foot-brand b{display:block;font-size:13px;letter-spacing:.1em}
html[data-premium="r1"] .site-footer .foot-brand small{display:block;font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:650}
html[data-premium="r1"] .site-footer .foot-tag{margin:12px 0 0;color:var(--muted);font-size:.92rem;line-height:1.5;max-width:22rem;font-weight:500}
html[data-premium="r1"] .site-footer h2{margin:0 0 12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
html[data-premium="r1"] .site-footer ul{list-style:none;margin:0;padding:0}
html[data-premium="r1"] .site-footer li{margin:0 0 8px}
html[data-premium="r1"] .site-footer a,
html[data-premium="r1"] .site-footer button.linkish,
html[data-premium="r1"] .site-footer button[data-analytics-action="preferences"]{
  color:var(--ink)!important;font-size:.92rem;font-weight:550;background:none!important;border:0!important;padding:0!important;
  cursor:pointer;font-family:inherit;text-align:inherit;text-decoration:none;
  position:static !important;width:auto !important;height:auto !important;margin:0 !important;
  overflow:visible !important;clip:auto !important;clip-path:none !important;
  white-space:normal !important;inset:auto !important;pointer-events:auto !important;
}
html[data-premium="r1"] .site-footer a:hover,
html[data-premium="r1"] .site-footer button.linkish:hover,
html[data-premium="r1"] .site-footer button[data-analytics-action="preferences"]:hover{color:var(--accent)!important}
html[data-premium="r1"] .foot-bottom{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;
  margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}
html[data-premium="r1"] .site-footer .langs{display:flex;gap:6px}
html[data-premium="r1"] .site-footer .langs a{
  display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:28px;padding:0 10px !important;
  border-radius:var(--r-pill);border:1px solid var(--line)!important;font-size:11px!important;font-weight:750!important;color:var(--muted)!important
}
html[data-premium="r1"] .site-footer .langs a[aria-current="true"]{background:var(--accent)!important;color:#fff!important;border-color:transparent!important}
html[data-theme="dark"][data-premium="r1"] .site-footer .langs a[aria-current="true"]{color:#041210!important}
html[data-premium="r1"] .holding{font-size:11px!important;letter-spacing:.08em;color:var(--muted)!important;font-weight:650!important}
html[data-premium="r1"] .foot-legal{margin:0;color:var(--muted);font-size:11px;line-height:1.45;max-width:46rem}
@media (max-width:900px){
  html[data-premium="r1"] .site-footer .foot-top{grid-template-columns:1fr 1fr;gap:22px}
}
@media (max-width:700px){
  html[data-premium="r1"] .site-footer{margin:32px 10px 96px;padding:28px 18px 18px;border-radius:28px}
}

/* When the premium footer is present, hide the condensed live footer (links were copied). */
html[data-premium="r1"] body:has(.site-footer) footer.b55-footer,
html[data-premium="r1"] body:has(.site-footer) footer.atlas-footer{display:none !important}

/* Consent: keep compact under the taller capsule; do not change openPreferences. */
html[data-premium="r1"] #amaador-analytics-panel{
  top:calc(var(--header-h, 70px) + 10px) !important;
}

/* Squircle radii on common chrome/cards — not inside course players */
html[data-premium="r1"] .tr-coursecard,
html[data-premium="r1"] .disc-square,
html[data-premium="r1"] .mpw-app,
html[data-premium="r1"] .b55-photo-card,
html[data-premium="r1"] .card,
html[data-premium="r1"] .lp-card,
html[data-premium="r1"] #lp-root .lp-card,
html[data-premium="r1"] .tool-card{border-radius:var(--r-lg)}
html[data-premium="r1"] .btn, html[data-premium="r1"] button.btn,
html[data-premium="r1"] .chip, html[data-premium="r1"] .lp-chip{border-radius:var(--r-pill)}

/* LP r2 hooks — skin tokens only */
html[data-premium="r1"] body[data-lp-version="r2"] #lp-root{
  --lp-text:var(--ink);
  --lp-muted:var(--muted);
  --lp-line:var(--line);
  --lp-chip:color-mix(in srgb,var(--paper) 86%, transparent);
  --lp-chip-on:var(--accent);
  --lp-chip-on-fg:#fff;
  --lp-card:color-mix(in srgb,var(--paper) 92%, var(--accent) 4%);
  --lp-cert:var(--accent);
  --lp-link:var(--accent);
  font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
}
html[dir="rtl"][data-premium="r1"] body[data-lp-version="r2"] #lp-root{
  font-family:"Noto Sans Arabic","Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
}
html[data-theme="dark"][data-premium="r1"] body[data-lp-version="r2"] #lp-root{
  --lp-chip-on-fg:#041210;
}

/* More sheet radii */
html[data-premium="r1"] #moreSheet,
html[data-premium="r1"] .sheet{border-radius:var(--r-xl) var(--r-xl) 0 0}

html[data-low-power][data-premium="r1"] .site-header,
html[data-low-power][data-premium="r1"] .dock,
html[data-low-power][data-premium="r1"] .site-footer{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}

@media (prefers-reduced-motion:reduce){
  html[data-premium="r1"] .site-header{transition:none !important}
}


/* academy-footer-contrast-r1 — readable links on the navy footer, both themes.
   academy-luminous-system.css paints footer { background:#08142d; color:#eef3ff }
   and inherits that onto links, but academy-premium-r1.css then sets
   .site-footer a { color:var(--ink)!important }. In light theme --ink is
   near-black, so column links and AMAADOR HOLDING vanish. Headings and the
   tagline already inherit the light footer color and stay visible. */
html footer.site-footer a,
html footer.ac-shared-footer a,
html footer.site-footer button.linkish,
html footer.site-footer button[data-analytics-action="preferences"],
html footer.ac-shared-footer button,
html footer.ac-shared-footer button[data-analytics-action="preferences"],
html[data-premium="r1"] .site-footer a,
html[data-premium="r1"] .site-footer button.linkish,
html[data-premium="r1"] .site-footer button[data-analytics-action="preferences"],
html[data-theme="light"][data-premium="r1"] .site-footer a,
html[data-theme="dark"][data-premium="r1"] .site-footer a,
html[data-theme="light"][data-premium="r1"] .site-footer button.linkish,
html[data-theme="dark"][data-premium="r1"] .site-footer button.linkish,
html[data-theme="light"][data-premium="r1"] .site-footer button[data-analytics-action="preferences"],
html[data-theme="dark"][data-premium="r1"] .site-footer button[data-analytics-action="preferences"],
html[data-theme="light"] footer.ac-shared-footer a,
html[data-theme="dark"] footer.ac-shared-footer a,
body.premium-home .site-footer a,
body.var-f .site-footer a,
body.var-f .site-footer button.linkish{
  color:#E8E6F0 !important;
}
html footer.site-footer a:hover,
html footer.ac-shared-footer a:hover,
html footer.site-footer button.linkish:hover,
html footer.site-footer button[data-analytics-action="preferences"]:hover,
html footer.ac-shared-footer button:hover,
html footer.ac-shared-footer button[data-analytics-action="preferences"]:hover,
html[data-premium="r1"] .site-footer a:hover,
html[data-premium="r1"] .site-footer button.linkish:hover,
html[data-premium="r1"] .site-footer button[data-analytics-action="preferences"]:hover,
html[data-theme="light"][data-premium="r1"] .site-footer a:hover,
html[data-theme="dark"][data-premium="r1"] .site-footer a:hover,
body.premium-home .site-footer a:hover,
body.var-f .site-footer a:hover,
body.var-f .site-footer button.linkish:hover{
  color:#FFFFFF !important;
  text-decoration:underline !important;
}
html footer.site-footer a:focus-visible,
html footer.ac-shared-footer a:focus-visible,
html footer.site-footer button.linkish:focus-visible,
html footer.site-footer button[data-analytics-action="preferences"]:focus-visible,
html footer.ac-shared-footer button:focus-visible,
html[data-premium="r1"] .site-footer a:focus-visible,
html[data-premium="r1"] .site-footer button.linkish:focus-visible,
html[data-premium="r1"] .site-footer button[data-analytics-action="preferences"]:focus-visible{
  outline:2px solid #E8E6F0 !important;
  outline-offset:3px !important;
}
/* EN/FR/AR chips keep their pill look; current chip keeps its accent fill. */
html footer.site-footer .langs a,
html footer.ac-shared-footer .langs a,
html[data-premium="r1"] .site-footer .langs a,
body.var-f .langs a{
  color:#E8E6F0 !important;
  text-decoration:none !important;
}
html footer.site-footer .langs a:hover,
html footer.ac-shared-footer .langs a:hover,
html[data-premium="r1"] .site-footer .langs a:hover,
body.var-f .langs a:hover{
  color:#FFFFFF !important;
  text-decoration:none !important;
}
html footer.site-footer .langs a[aria-current="true"],
html footer.ac-shared-footer .langs a[aria-current="true"],
html[data-premium="r1"] .site-footer .langs a[aria-current="true"],
html[data-theme="light"][data-premium="r1"] .site-footer .langs a[aria-current="true"],
body.var-f .langs a[aria-current="true"]{
  text-decoration:none !important;
  color:#FFFFFF !important;
}
html[data-theme="dark"] footer.site-footer .langs a[aria-current="true"],
html[data-theme="dark"] footer.ac-shared-footer .langs a[aria-current="true"],
html[data-theme="dark"][data-premium="r1"] .site-footer .langs a[aria-current="true"],
html[data-theme="dark"] body.var-f .langs a[aria-current="true"]{
  color:#041210 !important;
  text-decoration:none !important;
}