/* ═══════════════════════════════════════════════════════
   LevelUpGh — High Contrast = Full Dark Mode
   Page: black · Cards: dark gray · Text: white
   Headings: yellow · Links: orange · Accents: green
═══════════════════════════════════════════════════════ */

body.hc {
  /* Remap site tokens → dark palette */
  --cream: #000000;
  --white: #1C1C1C;
  --ink: #FFFFFF;
  --ink2: #FFD700;
  --ink3: #FFFFFF;
  --muted: #B8B8B8;
  --border: #555555;
  --border2: #777777;
  --surface-dark: #0A0A0A;
  --on-dark: #FFFFFF;
  --mint: #00FFB3;
  --mint-d: #00CC8F;
  --mint-l: #0D3328;
  --orange: #FF8C55;
  --orange-d: #FF6B2B;
  --orange-l: #3D1A08;
  --gold: #FFD700;
  --gold-l: #3D3000;
  --blue: #66AAFF;
  --blue-l: #0A2040;
  --violet: #BB99FF;
  --violet-l: #1A1040;
  --green: #25D366;
  /* HC palette (short names) */
  --hc-bg: #000000;
  --hc-surface: #1C1C1C;
  --hc-surface-2: #282828;
  --hc-surface-3: #333333;
  --hc-border: #555555;
  --hc-text: #FFFFFF;
  --hc-muted: #B8B8B8;
  --hc-heading: #FFD700;
  --hc-accent: #00FFB3;
  --hc-link: #FF8C55;
  --hc-danger: #FF6B6B;
  /* IT Lessons */
  --bg: #000000;
  --bg2: #111111;
  --bg3: #1C1C1C;
  --surface: #1C1C1C;
  --surface2: #282828;
  --surface3: #333333;
  --text: #FFFFFF;
  --text2: #FFD700;
  background: var(--hc-bg) !important;
  color: var(--hc-text) !important;
}

/* ─── Global: everything dark, no white cards ─── */
body.hc .section,
body.hc .section.white,
body.hc .hero-split,
body.hc .page-content,
body.hc main {
  background: var(--hc-bg) !important;
  color: var(--hc-text) !important;
}

/* Cards & elevated surfaces */
body.hc :is(
  .art-card, .t10, .win-card, .cat-card, .f-card, .vid-card,
  .feat-item, .country-card, .visa-card, .s-card, .dl-card,
  .value-card, .focal-card, .course-card, .lesson-card, .module-card,
  .lesson-row, .pop-item, .rel-card, .featured-card, .sidebar-block,
  .search-box, .mobile-drawer .drawer-section, .win-submit,
  .dl-item, .f-card .f-body, .hero-left, .hero-right,
  .win-card, .t10, .s-card, .country-card, .visa-card
) {
  background: var(--hc-surface) !important;
  color: var(--hc-text) !important;
  border-color: var(--hc-border) !important;
}

body.hc .win-submit {
  border-style: dashed !important;
  border-color: var(--hc-border) !important;
}

/* Dark bands (slightly different shade — still dark) */
body.hc :is(
  .dl-strip, .section.dark, .lessons-teaser, .calc-wrap, .calc-card,
  .checklist-gen, .featured-win, .team-card, .cta-section, .dl-banner,
  .course-hero, .sidebar-block[style*="background:var(--ink)"]
) {
  background: var(--hc-surface-2) !important;
  color: var(--hc-text) !important;
  border-color: var(--hc-border) !important;
}

body.hc .footer { background: #0A0A0A !important; }
body.hc .wa-strip { background: #0D2818 !important; }

/* ─── Typography ─── */
body.hc :is(
  h1, h2, h3, .sec-title, .hero-title, .page-title, .lt-title,
  .quiz-title, .cta-title, .fw-title, .calc-title, .team-name,
  .course-hero h1, .page-hero h1
) {
  color: var(--hc-heading) !important;
}

body.hc :is(
  .art-title, .t10-title, .win-name, .cc-name, .f-title, .vid-title,
  .feat-title, .s-title, .c-name, .v-title, .course-title,
  .pop-title, .rel-title, .fc-title, .dl-card-name, .value-card h3,
  .focal-name, .course-card .course-title, .lesson-card .lesson-title
) {
  color: var(--hc-text) !important;
}

body.hc :is(
  p, li, .hero-excerpt, .sec-sub, .win-quote, .art-excerpt,
  .quiz-sub, .cta-sub, .team-bio, .fw-quote, .feat-meta
) {
  color: var(--hc-text) !important;
}

body.hc :is(
  .art-meta, .art-author, .t10-meta, .cc-count, .f-meta, .win-loc,
  .vid-meta, .hero-meta, .hero-author, .feat-meta, .foot-desc,
  .dl-country, .dl-lbl, .lt-sub, .lt-cnt, .course-desc, .course-meta,
  .lesson-desc, .focal-desc, .value-card p, .ws-sub, .wa-sub
) {
  color: var(--hc-muted) !important;
}

body.hc .dl-strip .dl-title { color: var(--hc-muted) !important; }
body.hc .dl-strip .dl-name { color: var(--hc-text) !important; }
body.hc .dl-strip .dl-days.urgent { color: var(--hc-danger) !important; }
body.hc .dl-strip .dl-days.soon { color: var(--hc-heading) !important; }
body.hc .dl-strip .dl-days.ok { color: var(--hc-accent) !important; }

body.hc :is(.hero-title em, .quiz-title em, .cta-title em) {
  color: var(--hc-accent) !important;
}

body.hc :is(.lt-label, .quiz-label, .art-cat, .f-label, .hero-cat) {
  color: var(--hc-accent) !important;
}

/* ─── Links ─── */
body.hc a.see-more,
body.hc .hero-read,
body.hc .dl-all,
body.hc .feat-item:hover .feat-title,
body.hc .focal-link {
  color: var(--hc-link) !important;
}

body.hc .nav-link:hover,
body.hc .drawer-link:hover,
body.hc .foot-links a:hover {
  color: var(--hc-link) !important;
}

body.hc .foot-logo .dot { color: var(--hc-link) !important; }

/* ─── Chrome / navigation ─── */
body.hc :is(.main-nav, .util-bar, .cat-strip, .mobile-drawer, .bottom-nav) {
  background: var(--hc-surface) !important;
  border-color: var(--hc-border) !important;
}

body.hc .search-overlay { background: rgba(0, 0, 0, 0.95) !important; }

body.hc :is(.nav-link, .lang-pick, .util-login, .drawer-link, .bn-item) {
  color: var(--hc-muted) !important;
}

body.hc .bn-item.active,
body.hc .bn-item:hover {
  color: var(--hc-link) !important;
}

body.hc .hamburger span { background: var(--hc-text) !important; }

body.hc .hc-toggle {
  background: var(--hc-accent) !important;
  color: #000000 !important;
  border-color: var(--hc-accent) !important;
}

/* ─── Buttons & CTAs ─── */
body.hc :is(
  .nav-cta, .util-cta, .drawer-signup, .lt-cta, .qcta, .cta-primary,
  .email-btn, .calc-btn, .checklist-btn
) {
  background: var(--hc-accent) !important;
  color: #000000 !important;
  border-color: var(--hc-accent) !important;
}

body.hc :is(.nav-wa, .wa-btn, .drawer-wa, .ws-btn) {
  background: var(--green) !important;
  color: #FFFFFF !important;
}

body.hc :is(.cta-secondary, .drawer-login, .qopt) {
  background: var(--hc-surface-3) !important;
  color: var(--hc-text) !important;
  border: 1px solid var(--hc-border) !important;
}

body.hc .qopt:hover {
  background: var(--hc-surface-2) !important;
  border-color: var(--hc-accent) !important;
  color: var(--hc-accent) !important;
}

/* Filter / category pills */
body.hc :is(.cat-pill, .filter-pill, .f-pill, .jf-pill) {
  background: var(--hc-surface) !important;
  color: var(--hc-text) !important;
  border: 1px solid var(--hc-border) !important;
}

body.hc :is(.cat-pill:hover, .filter-pill:hover, .f-pill:hover) {
  border-color: var(--hc-link) !important;
  color: var(--hc-link) !important;
}

body.hc :is(.cat-pill.active, .filter-pill.active, .f-pill.active, .jf-pill.active) {
  background: var(--hc-accent) !important;
  color: #000000 !important;
  border-color: var(--hc-accent) !important;
}

/* ─── Forms & inputs ─── */
body.hc :is(.email-inp, .search-input, input, textarea, select) {
  background: var(--hc-surface-2) !important;
  color: var(--hc-text) !important;
  border-color: var(--hc-border) !important;
}

body.hc input::placeholder,
body.hc .email-inp::placeholder,
body.hc .search-input::placeholder {
  color: var(--hc-muted) !important;
}

body.hc .search-result:hover {
  background: var(--hc-surface-2) !important;
}

body.hc .search-close { color: var(--hc-muted) !important; }

/* ─── Footer & misc ─── */
body.hc .foot-links a,
body.hc .foot-copy,
body.hc .foot-bot-links a {
  color: var(--hc-muted) !important;
}

body.hc .wa-title { color: var(--hc-text) !important; }

body.hc .t10-num { color: var(--hc-border) !important; }
body.hc .t10-num.hot { color: var(--hc-link) !important; }
body.hc .t10-arrow { color: var(--hc-muted) !important; }

/* Tables (article pages if HC added later) */
body.hc :is(.data-table th, .art-body th) {
  background: var(--hc-surface-2) !important;
  color: var(--hc-heading) !important;
}

body.hc :is(.data-table td, .art-body td) {
  background: var(--hc-surface) !important;
  color: var(--hc-text) !important;
  border-color: var(--hc-border) !important;
}

/* Inline style overrides */
body.hc [style*="background:var(--white)"],
body.hc [style*="background: var(--white)"] {
  background: var(--hc-surface) !important;
}

body.hc [style*="color:var(--ink)"],
body.hc [style*="color: var(--ink)"] {
  color: var(--hc-text) !important;
}

body.hc [style*="color:var(--ink2)"],
body.hc [style*="color: var(--ink2)"] {
  color: var(--hc-heading) !important;
}

/* Thumb / gradient blocks stay visible */
body.hc .art-thumb,
body.hc .f-thumb,
body.hc .hero-thumb,
body.hc .vid-thumb {
  border: 1px solid var(--hc-border);
}

/* ─── Apps page tool rows / cards ─── */
body.hc .tool-row {
  background: var(--hc-surface) !important;
  border-color: var(--hc-border) !important;
  padding: 18px 20px !important;
}
body.hc .tool-row:hover { background: var(--hc-surface-2) !important; }
body.hc .tool-card {
  background: var(--hc-surface) !important;
  border-color: var(--hc-border) !important;
  padding: 20px !important;
}
body.hc .tool-card:hover { background: var(--hc-surface-2) !important; }
body.hc .tool-name { color: var(--hc-text) !important; }
body.hc .tool-desc { color: var(--hc-muted) !important; }
body.hc .tool-tag {
  background: var(--hc-surface-3) !important;
  border-color: var(--hc-border) !important;
  color: var(--hc-muted) !important;
}
body.hc .tool-list {
  background: var(--hc-border) !important;
  border-color: var(--hc-border) !important;
}
body.hc .coming-pill {
  background: var(--hc-surface) !important;
  border-color: var(--hc-border) !important;
  padding: 18px 20px !important;
}
body.hc .coming-pill-name { color: var(--hc-text) !important; }
body.hc .idea-box { background: var(--hc-surface) !important; }
body.hc .idea-input {
  background: var(--hc-surface-2) !important;
  border-color: var(--hc-border) !important;
  color: var(--hc-text) !important;
}
body.hc .badge {
  background: var(--hc-surface) !important;
  border-color: var(--hc-border) !important;
  color: var(--hc-text) !important;
}

/* ─── Global card padding fix (all pages) ─── */
body.hc :is(
  .art-card, .s-card, .win-card, .t10, .country-card,
  .visa-card, .cat-card, .f-card, .feat-item, .course-card,
  .lesson-card, .module-card, .lesson-row, .rel-card,
  .featured-card, .dl-card, .value-card, .focal-card,
  .pop-item, .sidebar-block, .tool-row, .tool-card,
  .coming-pill
) {
  padding: 16px !important;
}

/* ─── Index page utility classes ─── */
.noscript-warning {
  background: #FEF2F2;
  color: #7F1D1D;
  padding: 10px 20px;
  text-align: center;
  font-size: 14px;
}
.trust-bar {
  background: var(--white);
  border-bottom: 1px solid var(--border);
  padding: 12px 20px;
}
.trust-bar-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 28px;
  flex-wrap: wrap;
  align-items: center;
}
.trust-pill {
  font-size: 13px;
  font-weight: 600;
  color: var(--muted);
}
.trust-pill--strong {
  font-weight: 700;
  color: var(--ink);
}
.trust-pill--accent {
  color: var(--green);
}
.trust-sep {
  color: var(--border2);
}
.hero-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s cubic-bezier(.22,1,.36,1);
}
button.drawer-link {
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  width: 100%;
  font-family: inherit;
  color: inherit;
  padding: 0;
}
button.drawer-link:hover {
  background: rgba(0,0,0,.02);
}
#float-actions {
  position: fixed !important;
  bottom: 170px !important;
  right: 24px !important;
  z-index: 9999 !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
  animation: floatActionsIn .35s ease-out both;
}
#float-menu {
  display: none;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
  animation: fadeUp .25s cubic-bezier(.22,1,.36,1) both;
}
.float-action {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 6px 24px rgba(0,0,0,.18);
  white-space: nowrap;
  text-decoration: none;
  color: #fff;
  transition: transform .2s, box-shadow .2s;
}
.float-action:hover {
  transform: translateX(-2px);
  box-shadow: 0 8px 28px rgba(0,0,0,.2);
}
.float-action-consult {
  background: var(--orange);
}
.float-action-telegram {
  background: #229ED9;
}
.float-action-whatsapp {
  background: var(--green);
}
#float-btn {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--green);
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 26px;
  box-shadow: 0 6px 24px rgba(0,0,0,.25);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .2s, box-shadow .2s;
}
#float-btn:hover {
  transform: translateY(-2px);
}
@keyframes floatActionsIn {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
.foot-copy a {
  color: inherit;
}
.sr-cat {
  color: var(--muted);
}
.lt-icon.lt-icon-web {
  background: rgba(0,168,120,.15);
}
.lt-icon.lt-icon-ux {
  background: rgba(123,92,240,.15);
}
.lt-icon.lt-icon-js {
  background: rgba(200,152,10,.15);
}
.lt-fill.lt-fill-ux {
  background: linear-gradient(90deg,#7B5CF0,#C044FF);
}
.lt-fill.lt-fill-js {
  background: linear-gradient(90deg,#C8980A,#FF8A00);
}
.lt-pct.lt-pct-web {
  color: var(--ink);
}
.lt-pct.lt-pct-ux {
  color: #9B7DFF;
}
.lt-pct.lt-pct-js {
  color: rgba(255,255,255,.3);
}
.win-av--bluegreen {
  background: linear-gradient(135deg,#00A878,#0062FF);
}
.win-av--orange {
  background: linear-gradient(135deg,#E85D26,#FFB800);
}
.win-av--purpleorange {
  background: linear-gradient(135deg,#7B5CF0,#E85D26);
}
.win-av--greenblue {
  background: linear-gradient(135deg,#00A878,#0097FF);
}
.win-av--goldgreen {
  background: linear-gradient(135deg,#C8980A,#00A878);
}
.win-badge--gold {
  color: var(--gold);
}
.win-badge--orange {
  color: var(--orange);
}
.win-badge--blue {
  color: var(--blue);
}
.win-badge--violet {
  color: var(--violet);
}
.ws-icon {
  font-size: 36px;
}