/* Pro badge, gold accent theme, upgrade-card CTAs, one-tap alerts, toast.
   body.tier-pro is set server-side in header.php so the first paint is gold,
   not a flash of cyan. Guests and Free keep cyan (--t: #00D9FF). */

.dm-pro-badge{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:'DM Sans',sans-serif;font-size:.55rem;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;line-height:1;
  color:#241a00;background:var(--y,#F5C842);
  border-radius:20px;padding:3px 7px;margin-left:6px;vertical-align:middle;
}
.dm-user-avatar .dm-pro-badge{
  position:absolute;bottom:-4px;right:-6px;margin:0;padding:2px 5px;font-size:.48rem;
  box-shadow:0 0 0 2px var(--bgc,#0E1A2C);
}
.dm-user-menu{position:relative}
.dm-ud-header .dm-pro-badge,
.dm-mob-account-header .dm-pro-badge{margin-left:8px}

.dm-pro-member-mark{
  display:inline-flex;align-items:center;
  font-family:'DM Sans',sans-serif;font-size:.58rem;font-weight:800;
  letter-spacing:.05em;text-transform:uppercase;line-height:1;
  color:#241a00;background:var(--y,#F5C842);
  border-radius:20px;padding:5px 8px;white-space:nowrap;
}
.dm-mob-account-header .dm-pro-member-mark{margin-left:6px;padding:4px 7px}
@media (max-width:700px){
  .dm-nav-ctrls > .dm-pro-member-mark{display:none}
}

.dm-join-card--pro .dm-join-card-btn,
.dm-section-gate--pro .dm-section-gate-cta,
a.dm-pro-cta.dm-section-gate-cta{
  background:var(--y,#F5C842);color:#1a1000;
}
.dm-join-card--pro:hover .dm-join-card-btn,
.dm-section-gate--pro .dm-section-gate-cta:hover,
a.dm-pro-cta.dm-section-gate-cta:hover{background:var(--yl,#FFD966);color:#1a1000}

.dm-ota{margin:12px 0 4px}
.dm-ota-btn{
  display:inline-flex;align-items:center;gap:8px;
  min-height:40px;padding:8px 14px;border-radius:8px;cursor:pointer;
  border:1px solid var(--brs,rgba(0,217,255,.3));
  background:rgba(0,217,255,.08);color:var(--tx1,#EEF4FF);
  font-family:'DM Sans',sans-serif;font-size:.82rem;font-weight:700;
}
.dm-ota-btn:hover{background:rgba(0,217,255,.14)}
.dm-ota-btn:disabled{opacity:.7;cursor:wait}
.dm-ota-btn.dm-ota-on{border-color:rgba(245,200,66,.45);background:rgba(245,200,66,.1);color:var(--y,#F5C842)}
.dm-ota-panel{margin-top:10px}
.dm-ota-reader-slot{margin:10px 0 6px}
.dm-ota-reader-slot .dm-ota{margin:0}

.dm-pro-toast{
  position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(16px);
  background:var(--bgc,#0A0F1A);border:1px solid var(--brs,rgba(0,217,255,.3));
  border-radius:10px;padding:12px 16px;z-index:10050;
  font-family:'DM Sans',sans-serif;font-size:.85rem;color:var(--tx1,#EEF4FF);
  box-shadow:0 10px 28px rgba(0,0,0,.45);opacity:0;pointer-events:none;
  transition:opacity .2s,transform .2s;max-width:min(440px,calc(100vw - 24px));
}
.dm-pro-toast.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.dm-pro-toast a{color:var(--t,#00D9FF);font-weight:700;text-decoration:underline}

.dm-moni-upgrade{margin-top:10px}

:is([data-theme="light"],[data-theme="solarized"]) .dm-ota-btn{
  background:rgba(10,90,128,.08);color:#1A1A1A;border-color:rgba(10,90,128,.22);
}
:is([data-theme="light"],[data-theme="solarized"]) .dm-pro-toast{
  background:#FAFAF5;color:#1A1A1A;border-color:#D8DDE6;
}
:is([data-theme="light"],[data-theme="solarized"]) .dm-pro-toast a{color:#055A6E}
:is([data-theme="light"],[data-theme="solarized"]) .dm-pro-badge,
:is([data-theme="light"],[data-theme="solarized"]) .dm-pro-member-mark{color:#241a00}

@media (max-width:900px){
  .dm-welcome-upgrade{display:inline-flex !important;margin-left:0;flex:1 1 auto;justify-content:center;min-height:44px}
}
@media (max-width:600px){
  .dm-upgrade-banner{display:flex !important;flex-wrap:wrap;gap:8px}
}

/* Gold header logo: Pro + dark theme only. Light/solarized Pro keeps the
   cyan wordmark (darkened on cream). Guests/Free never see this asset. */
.dm-logo-gold{display:none !important}
html[data-theme="dark"] body.tier-pro .dm-site-nav .dm-logo-dark{display:none !important}
html[data-theme="dark"] body.tier-pro .dm-site-nav .dm-logo-gold{
  display:block !important;visibility:visible !important;opacity:1 !important;filter:none !important
}
html:is([data-theme="light"],[data-theme="solarized"]) body.tier-pro .dm-site-nav .dm-logo-gold{display:none !important}

/* ── Gold accent theme (body.tier-pro) ───────────────────────────────
   Existing Pro gold --y #F5C842 on navy #0E1A2C is ~11:1 (AAA).
   Light theme uses --yd / --pro #7A4E00 on cream (~7:1 AA). */
body.tier-pro{
  --t:#F5C842;--tl:#FFD966;--td:#C9A020;
  --t-text:#F5C842;--t-link:#F5C842;--t-btn-text:#1a1000;--acc:#F5C842;
  --br:rgba(245,200,66,.18);--brs:rgba(245,200,66,.40);--div:rgba(245,200,66,.10);
  --tag:rgba(245,200,66,.12);--tagt:#FFD966;
}
html[data-theme="dark"] body.tier-pro :is(.dm-site-nav, .dm-site-footer){
  --t:#F5C842;--tl:#FFD966;
  --br:rgba(245,200,66,.18);--brs:rgba(245,200,66,.40);--div:rgba(245,200,66,.10);
}
html[data-theme="light"] body.tier-pro{
  --t:#7A4E00;--tl:#9A6400;--td:#5C3A00;
  --t-text:#7A4E00;--t-link:#7A4E00;--acc:#7A4E00;
  --br:rgba(180,130,0,.22);--brs:rgba(180,130,0,.45);--div:rgba(180,130,0,.12);
  --tag:rgba(180,140,0,.12);--tagt:#7A4E00;
}
html[data-theme="solarized"] body.tier-pro{
  --t:#7A5A00;--tl:#9A7200;--td:#5C4300;
  --t-text:#7A5A00;--t-link:#7A5A00;--acc:#7A5A00;
  --br:rgba(181,137,0,.22);--brs:rgba(181,137,0,.45);--div:rgba(181,137,0,.12);
  --tag:rgba(181,137,0,.12);--tagt:#7A5A00;
}

body.tier-pro :focus-visible{outline-color:var(--t,#F5C842)}
html[data-theme="light"] body.tier-pro :focus-visible{outline-color:#7A4E00}
html[data-theme="solarized"] body.tier-pro :focus-visible{outline-color:#7A5A00}
body.tier-pro .skip-link{background:var(--t,#F5C842)!important;color:#1a1000!important}
html:is([data-theme="light"],[data-theme="solarized"]) body.tier-pro .skip-link{
  background:var(--t,#7A4E00)!important;color:#FFF8EE!important
}

/* Header / nav: gold hover washes instead of cyan */
html[data-theme="dark"] body.tier-pro .dm-nav-links > a:hover,
html[data-theme="dark"] body.tier-pro .dm-nav-drop-btn:hover,
html[data-theme="dark"] body.tier-pro .dm-nav-drop.open .dm-nav-drop-btn{
  background:rgba(245,200,66,.10)
}
html[data-theme="dark"] body.tier-pro .dm-nav-panel-item:hover,
html[data-theme="dark"] body.tier-pro .dm-ud-item:hover{
  background:rgba(245,200,66,.08)
}
html[data-theme="dark"] body.tier-pro .dm-nbtn:hover{
  border-color:rgba(245,200,66,.40);color:#F5C842;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 14px rgba(245,200,66,.22)
}
html[data-theme="dark"] body.tier-pro .dm-tip-pill{
  background:rgba(245,200,66,.12);border-color:rgba(245,200,66,.35)
}
html[data-theme="dark"] body.tier-pro .dm-tip-pill:hover{
  background:rgba(245,200,66,.22);border-color:rgba(245,200,66,.5);
  box-shadow:0 4px 14px rgba(245,200,66,.22)
}
html[data-theme="dark"] body.tier-pro .dm-login-btn{
  background:var(--t,#F5C842)!important;color:#1a1000!important;
  box-shadow:0 2px 12px rgba(245,200,66,.28)
}
html[data-theme="dark"] body.tier-pro .dm-login-btn:hover{
  background:var(--tl,#FFD966)!important;color:#1a1000!important;
  box-shadow:0 4px 18px rgba(245,200,66,.40)
}
html[data-theme="dark"] body.tier-pro .dm-user-avatar{background:var(--t,#F5C842);color:#1a1000}

/* Homepage cards / chips / headings inherit remapped --t. Extra gold hover
   borders for hardcoded cyan leftovers. */
html[data-theme="dark"] body.tier-pro .ncard:hover,
html[data-theme="dark"] body.tier-pro .sidc:hover,
html[data-theme="dark"] body.tier-pro .vid-card:hover{
  border-color:rgba(245,200,66,.4)
}
body.tier-pro a{color:var(--t)}
body.tier-pro .sec-h em,
body.tier-pro h2 em,
body.tier-pro .sh em{color:var(--t)}