/* ADM portal homepage + header (matches design mockup). Loaded after afridev-modern.css */
:root {
  --adm-green: #0f3d2e;
  --adm-green-2: #1a5a42;
  --adm-gold: #e0a526;
  --adm-red: #d62828;
  --adm-home-border: #e3e6e4;
  --adm-b-0: #2f7d32; --adm-b-1: #1f6fd0; --adm-b-2: #c0561a; --adm-b-3: #7b3fb0;
  --adm-b-4: #0a8a8a; --adm-b-5: #b0263f; --adm-b-6: #6b7a1c;
}
[data-theme="dark"] { --adm-home-border: #272c3c; }

/* ── Header ───────────────────────────────────────────── */
.adm-header .adm-topbar { background: var(--adm-green); color: #e8f0ec; font-size: 12px; }
.adm-header .adm-topbar a, .adm-header .adm-topbar summary { color: #e8f0ec; }
.adm-header .adm-topbar-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 34px; }
.adm-header .adm-topbar-links { display: flex; gap: 18px; flex-wrap: wrap; justify-content: center; }
.adm-header .adm-topbar-right { display: flex; align-items: center; gap: 14px; }
.adm-lang { position: relative; }
.adm-lang summary { list-style: none; cursor: pointer; }
.adm-lang summary::-webkit-details-marker { display: none; }
.adm-lang ul { position: absolute; right: 0; top: 100%; margin: 6px 0 0; padding: 6px 0; min-width: 130px; background: var(--adm-surface); border: 1px solid var(--adm-home-border); border-radius: 6px; list-style: none; z-index: 10000; }
.adm-lang ul a { display: block; padding: 6px 14px; color: var(--adm-ink); }
.adm-topbar-socials ul { display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }
.adm-topbar-socials a { width: 22px; height: 22px; border-radius: 50%; background: #fff; color: var(--adm-green) !important; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; }

.adm-masthead { background: var(--adm-surface); }
.adm-masthead-inner { display: flex; align-items: center; gap: 24px; padding: 12px 0; }
.adm-masthead .adm-logo { gap: 12px; }
.adm-masthead .adm-logo img { max-height: 64px; width: auto; }
.adm-logo-text { display: flex; flex-direction: column; line-height: 1.05; color: var(--adm-green); }
.adm-logo-text strong { font: 800 26px/1 var(--adm-body); text-transform: uppercase; letter-spacing: -.3px; max-width: 280px; }
.adm-logo-text small { font-size: 13px; font-weight: 600; color: var(--adm-green-2); margin-top: 4px; }
.adm-masthead-ad { flex: 1; text-align: center; min-width: 0; }
.adm-masthead-ad img { max-height: 62px; width: 100%; object-fit: cover; border-radius: 3px; }
.adm-masthead-search { display: flex; border: 1px solid var(--adm-home-border); border-radius: 4px; overflow: hidden; width: 230px; margin-left: auto; }
.adm-masthead-search input { flex: 1; border: 0; padding: 9px 12px; font-size: 13px; background: transparent; color: var(--adm-ink); min-width: 0; outline: 0; }
.adm-masthead-search button { border: 0; background: transparent; padding: 0 12px; color: var(--adm-ink); }

.adm-header .adm-nav { background: var(--adm-green); border: 0; }
.adm-header .adm-nav .horizontal-menu > ul { display: flex; margin: 0; padding: 0; list-style: none; }
.adm-header .adm-nav .horizontal-menu > ul > li > a { display: flex; align-items: center; padding: 15px 18px; color: #fff; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; }
.adm-header .adm-nav .horizontal-menu > ul > li:hover > a,
.adm-header .adm-nav .horizontal-menu > ul > li.current-menu-item > a { background: var(--adm-gold); color: #1b1b1b; }

/* ── Layout ───────────────────────────────────────────── */
.adm-home { padding-bottom: 40px; }
.adm-hero-row { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 18px; }
.adm-hero-left { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 18px; }
.adm-hero-right { display: flex; flex-direction: column; gap: 14px; }

.adm-badge, .adm-tag { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; padding: 2px 7px; border-radius: 3px; color: #fff; letter-spacing: .2px; }
.adm-badge--red { background: var(--adm-red); }
.adm-badge.adm-b-0, .adm-b-0 { background: var(--adm-b-0); } .adm-b-1 { background: var(--adm-b-1); } .adm-b-2 { background: var(--adm-b-2); }
.adm-b-3 { background: var(--adm-b-3); } .adm-b-4 { background: var(--adm-b-4); } .adm-b-5 { background: var(--adm-b-5); } .adm-b-6 { background: var(--adm-b-6); }
.adm-tag { color: inherit; background: color-mix(in srgb, currentColor 0%, transparent); }
.adm-tag.adm-b-0 { color: var(--adm-b-0); background: #e7f3e8; } .adm-tag.adm-b-1 { color: var(--adm-b-1); background: #e5effb; }
.adm-tag.adm-b-2 { color: var(--adm-b-2); background: #fbece3; } .adm-tag.adm-b-3 { color: var(--adm-b-3); background: #f0e8f7; }
.adm-tag.adm-b-4 { color: var(--adm-b-4); background: #e2f4f4; } .adm-tag.adm-b-5 { color: var(--adm-b-5); background: #fbe7ec; }
.adm-tag.adm-b-6 { color: var(--adm-b-6); background: #f1f4de; } .adm-tag.adm-b-green { color: #2f7d32; background: #e7f3e8; }

/* Lead */
.adm-lead { position: relative; border-radius: 6px; overflow: hidden; min-height: 440px; background: #111; display: flex; }
.adm-lead-img, .adm-lead-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.adm-lead::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.35) 55%, transparent 100%); pointer-events: none; }
.adm-lead-body { position: relative; z-index: 1; align-self: flex-end; padding: 22px; color: #fff; }
.adm-lead-body h2 { font: 800 clamp(24px, 2.6vw, 32px)/1.15 var(--adm-body); margin: 10px 0; }
.adm-lead-body h2 a { color: #fff; }
.adm-lead-body p { font-size: 14px; color: #e6e6e6; margin: 0 0 12px; }
.adm-lead-meta { display: flex; align-items: center; gap: 16px; font-size: 12px; color: #ddd; }
.adm-readmore { margin-left: auto; color: var(--adm-gold) !important; font-weight: 700; }

/* Side list */
.adm-side-list { display: flex; flex-direction: column; gap: 10px; }
.adm-side-item { display: grid; grid-template-columns: 110px 1fr; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--adm-home-border); }
.adm-side-item:last-child { border: 0; }
.adm-thumb { display: block; overflow: hidden; border-radius: 3px; }
.adm-thumb img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4/3; display: block; }
.adm-side-item h3, .adm-mini h4 { font: 700 14px/1.3 var(--adm-body); margin: 5px 0; }
.adm-side-item h3 a, .adm-mini h4 a, .adm-feature h3 a { color: var(--adm-ink); }
.adm-side-item time, .adm-row-meta time { font-size: 11px; color: var(--adm-muted); }

/* Radio + digest */
.adm-hero-right .adm-panel { border: 1px solid var(--adm-home-border); border-radius: 6px; padding: 14px; background: var(--adm-surface); }
.adm-radio-head { display: flex; justify-content: space-between; align-items: flex-start; }
.adm-radio h3, .adm-digest h3 { font: 800 15px/1.2 var(--adm-body); margin: 0 0 3px; color: var(--adm-green); }
.adm-radio small { font-size: 11px; color: var(--adm-muted); }
.adm-live-pill { background: var(--adm-red); color: #fff; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 3px; }
.adm-player { display: flex; align-items: center; gap: 12px; background: var(--adm-green); color: #fff; border-radius: 6px; padding: 12px; margin: 12px 0; }
.adm-player-btn { width: 42px; height: 42px; border-radius: 50%; border: 0; background: #fff; color: var(--adm-green); flex-shrink: 0; }
.adm-player-btn:disabled { opacity: .5; }
.adm-player-info { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.adm-player-info strong { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adm-player-info small { color: #b8d3c7; }
.adm-player-bar { height: 3px; background: rgba(255,255,255,.3); border-radius: 2px; margin-top: 6px; }
.adm-player-bar span { display: block; height: 100%; width: 0; background: var(--adm-gold); border-radius: 2px; }
.adm-radio-links { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--adm-home-border); border-radius: 4px; }
.adm-radio-links a { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px 2px; font-size: 11px; font-weight: 600; color: var(--adm-ink); border-right: 1px solid var(--adm-home-border); }
.adm-radio-links a:last-child { border: 0; }
.adm-radio-links i { font-size: 16px; }
.adm-digest { background: #f5f1e6; }
[data-theme="dark"] .adm-digest { background: var(--adm-surface-2); }
.adm-digest p { font-size: 12.5px; margin: 6px 0 10px; color: var(--adm-ink-soft); }
.adm-digest form { display: flex; gap: 6px; }
.adm-digest input { flex: 1; min-width: 0; border: 1px solid var(--adm-home-border); border-radius: 4px; padding: 8px 10px; font-size: 12px; }
.adm-digest button { background: var(--adm-gold); border: 0; border-radius: 4px; padding: 0 14px; font-weight: 700; font-size: 12px; color: #fff; }

/* Quick tiles */
.adm-tiles-row { display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; margin: 22px 0; }
.adm-qtile { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 92px; padding: 12px 8px; border-radius: 4px; color: #fff !important; text-align: center; font-size: 12px; font-weight: 800; text-transform: uppercase; line-height: 1.2; transition: transform .2s; }
.adm-qtile:hover { transform: translateY(-3px); }
.adm-qtile i { font-size: 24px; }
.adm-qtile--green-d { background: #12392c; } .adm-qtile--gold { background: #c58a14; } .adm-qtile--maroon { background: #6b1f1a; }
.adm-qtile--blue { background: #1f5fc0; } .adm-qtile--green { background: #2f8a3c; } .adm-qtile--orange { background: #c4561a; } .adm-qtile--indigo { background: #3d3a9c; }

/* Lower blocks */
.adm-lower { display: grid; grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr) 250px; gap: 22px; }
.adm-block { margin-bottom: 24px; }
.adm-block-head { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 2px solid var(--adm-home-border); margin-bottom: 12px; padding-bottom: 6px; }
.adm-block-head h2 { font: 800 14px/1 var(--adm-body); text-transform: uppercase; color: var(--adm-green); margin: 0; }
.adm-block-head a { font-size: 11px; color: var(--adm-ink-soft); }
.adm-block--side .adm-block-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.adm-feature-img img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 4px; display: block; }
.adm-feature h3 { font: 800 16px/1.3 var(--adm-body); margin: 10px 0 6px; }
.adm-row-meta { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.adm-mini-list { display: flex; flex-direction: column; gap: 12px; }
.adm-mini { display: grid; grid-template-columns: 96px 1fr; gap: 10px; }
.adm-block--below .adm-mini-list { margin-top: 12px; }
.adm-block--below .adm-mini { grid-template-columns: 90px 1fr; }

/* Countries + voices */
.adm-countries-body { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-items: center; }
.adm-map polygon { fill: #d7dcd9; stroke: #fff; stroke-width: .6; }
.adm-map circle { fill: var(--adm-green-2); stroke: #fff; stroke-width: 1; }
.adm-flag-list { list-style: none; margin: 0; padding: 0; font-size: 12px; }
.adm-flag-list li { padding: 4px 0; }
.adm-flag-list a { display: flex; align-items: center; gap: 8px; color: var(--adm-ink); }
.adm-flag-list .adm-more a { color: var(--adm-gold); font-weight: 700; }
.adm-mini--voice { grid-template-columns: 56px 1fr; margin-bottom: 12px; }
.adm-avatar-lg { width: 56px; height: 56px; border-radius: 4px; overflow: hidden; display: block; }
.adm-avatar-lg img { width: 100%; height: 100%; object-fit: cover; }

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 1199px) {
  .adm-hero-row { grid-template-columns: 1fr; }
  .adm-hero-right { flex-direction: row; } .adm-hero-right > * { flex: 1; }
  .adm-lower { grid-template-columns: 1fr 1fr; } .adm-lower-c { grid-column: 1 / -1; }
  .adm-tiles-row { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 767px) {
  .adm-hero-left, .adm-lower, .adm-block--side .adm-block-body, .adm-hero-right { grid-template-columns: 1fr; display: grid; }
  .adm-lead { min-height: 340px; }
  .adm-tiles-row { grid-template-columns: repeat(2, 1fr); }
  .adm-logo-text strong { font-size: 17px; max-width: 190px; } .adm-masthead .adm-logo img { max-height: 44px; }
}

/* Nav: beat afridev-modern glass rules */
html body .adm-header .adm-nav#header_bottom_h1,
html body .adm-header .adm-nav.is-stuck#header_bottom_h1 { background: var(--adm-green) !important; backdrop-filter: none; -webkit-backdrop-filter: none; border: 0; }
html body .adm-header .adm-nav .horizontal-menu > ul > li > a { color: #fff; font-size: 12.5px; }
html body .adm-header .adm-nav .horizontal-menu > ul > li:hover > a { color: #1b1b1b; }
.adm-header .adm-nav .horizontal-menu > ul { flex-wrap: nowrap; }
.adm-header .adm-nav .horizontal-menu > ul > li > a { padding: 14px 14px; white-space: nowrap; }
html body .adm-header .adm-nav .horizontal-menu > ul > li > a { line-height: 1.2; }
@media (max-width: 767px) {
  .adm-qtile:last-child { grid-column: 1 / -1; }
  .adm-qtile { min-height: 80px; }
}
@media (max-width: 991px) {
  .adm-header .adm-topbar-links { display: none; }
  .adm-header .adm-topbar-inner { justify-content: space-between; }
  .adm-hero-left { grid-template-columns: 1fr; }
  .adm-side-list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
  .adm-side-item { border: 0; grid-template-columns: 100px 1fr; }
  .adm-lead { min-height: 400px; }
}
@media (max-width: 575px) {
  .adm-side-list { grid-template-columns: 1fr; }
  .adm-hero-right { flex-direction: column; }
  .adm-lead-body { padding: 16px; }
  .adm-lead-meta { flex-wrap: wrap; gap: 6px 14px; }
}

/* Home: first menu item is the active (gold) one, like the design */
html body .adm-header--home .adm-nav .horizontal-menu > ul > li:first-child > a { background: var(--adm-gold); color: #1b1b1b; }
.adm-masthead .adm-logo img { max-height: 76px; }

/* Match design: block images, compact heads, no wrapping chips */
.adm-feature-img { display: block; }
.adm-feature-img img { aspect-ratio: 16/10; }
.adm-block-head h2 { font-size: 13px; letter-spacing: .2px; }
.adm-block-head a { white-space: nowrap; margin-left: 8px; }
.adm-tag { white-space: nowrap; max-width: 96px; overflow: hidden; text-overflow: ellipsis; font-size: 10px; }
.adm-mini h4 { font-size: 13px; font-weight: 600; }
.adm-mini .adm-thumb img { aspect-ratio: 4/3; }
.adm-lower { grid-template-columns: minmax(0, 1.9fr) minmax(0, 1.1fr) 240px; }
@media (min-width: 1200px) { .adm-lower-a, .adm-lower-b { padding-right: 4px; } }
.adm-block--below .adm-feature-img img { height: 190px; aspect-ratio: auto; }
.adm-block--side .adm-feature-img img { height: 210px; aspect-ratio: auto; }
.adm-tag { max-width: 120px; }