/*
Theme Name: IBR Media
Theme URI: https://impactbusinessradio.com
Author: Pworld Digital
Author URI: https://pworld.digital
Description: Custom WordPress theme for Impact Business Radio 92.5FM & Impact TV — built around a persistent live player, a business/news content hub, programme and podcast libraries, a business directory, sector communities, events/ticketing, and an advertiser-conversion system. Requires the plugins listed in README.md.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: ibr-media
*/

/* ==========================================================================
   DESIGN TOKENS — Impact Business Media brand system
   Navy / Blue / Yellow, per the station's Transformation Suite brand guidelines
   ========================================================================== */
:root{
  --ibr-navy:#0E2A52;
  --ibr-navy-deep:#081B38;
  --ibr-blue:#1858B8;
  --ibr-blue-deep:#0B3B82;
  --ibr-yellow:#F6B90B;
  --ibr-yellow-soft:#FFE9AE;
  --ibr-mist:#F4F7FC;
  --ibr-line:#DCE3EE;
  --ibr-ink:#1B2430;
  --ibr-ink-soft:#4A5568;
  --ibr-white:#FFFFFF;
  --ibr-green:#1F9D55;
  --ibr-red:#C0392B;
  --ibr-radius:10px;
  --ibr-radius-sm:6px;
  --ibr-font: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --ibr-shadow: 0 2px 10px rgba(14,42,82,0.08);
  --ibr-shadow-lg: 0 8px 28px rgba(14,42,82,0.14);
  --ibr-player-h: 68px;
}

/* ==========================================================================
   RESET & BASE — mobile-first, rookie-friendly: generous type, high contrast
   ========================================================================== */
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; scroll-padding-top: calc(var(--ibr-player-h) + 64px); }
body{
  margin:0; font-family:var(--ibr-font); color:var(--ibr-ink); background:var(--ibr-white);
  font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased;
  padding-top: var(--ibr-player-h); /* space for the sticky Listen Live bar */
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--ibr-blue-deep); text-decoration:none; }
a:hover{ text-decoration:underline; }
h1,h2,h3,h4{ color:var(--ibr-navy); font-weight:800; line-height:1.2; margin:0 0 .5em 0; }
h1{ font-size:clamp(28px,5vw,44px); }
h2{ font-size:clamp(22px,4vw,32px); }
h3{ font-size:clamp(18px,3vw,22px); }
p{ margin:0 0 1em 0; }
.container{ max-width:1180px; margin:0 auto; padding:0 20px; }
.visually-hidden{ position:absolute!important; width:1px;height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
button, .btn{ font-family:var(--ibr-font); cursor:pointer; }
:focus-visible{ outline:3px solid var(--ibr-yellow); outline-offset:2px; }

/* Buttons — large, thumb-friendly tap targets (min 44px) for rookie users */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:48px; padding:12px 22px; border-radius:999px; border:2px solid transparent;
  font-weight:700; font-size:16px; text-decoration:none; transition:transform .1s ease, box-shadow .15s ease;
}
.btn:hover{ text-decoration:none; transform:translateY(-1px); }
.btn-primary{ background:var(--ibr-yellow); color:var(--ibr-navy); }
.btn-primary:hover{ box-shadow:var(--ibr-shadow-lg); }
.btn-outline{ background:transparent; border-color:var(--ibr-white); color:var(--ibr-white); }
.btn-navy{ background:var(--ibr-navy); color:#fff; }
.btn-whatsapp{ background:#25D366; color:#fff; }
.btn-block{ width:100%; }

/* ==========================================================================
   PERSISTENT "LISTEN LIVE" PLAYER (sticky, survives page navigation via iframe)
   ========================================================================== */
#ibr-player-bar{
  position:fixed; top:0; left:0; right:0; z-index:9999; height:var(--ibr-player-h);
  background:var(--ibr-navy); color:#fff; box-shadow:0 2px 12px rgba(0,0,0,0.18);
  display:flex; align-items:center;
}
#ibr-player-bar .container{ display:flex; align-items:center; gap:14px; width:100%; }
.ibr-live-badge{
  display:flex; align-items:center; gap:6px; background:var(--ibr-red); color:#fff;
  font-size:11px; font-weight:800; letter-spacing:.5px; padding:4px 9px; border-radius:999px; flex-shrink:0;
}
.ibr-live-badge .dot{ width:7px;height:7px;border-radius:50%; background:#fff; animation:ibr-pulse 1.4s infinite; }
@keyframes ibr-pulse{ 0%,100%{opacity:1;} 50%{opacity:.3;} }
.ibr-now-playing{ flex:1; min-width:0; }
.ibr-now-playing .label{ font-size:10px; text-transform:uppercase; letter-spacing:1px; color:var(--ibr-yellow); font-weight:700; }
.ibr-now-playing .title{ font-size:14px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ibr-player-frame-wrap{ flex-shrink:0; }
#ibr-player-iframe{ border:0; width:280px; height:44px; display:block; }
.ibr-player-status{ font-size:11px; color:#C9D6EC; flex-shrink:0; display:none; }
@media(min-width:640px){ .ibr-player-status{ display:block; } }
@media(max-width:600px){
  #ibr-player-iframe{ width:170px; }
  .ibr-now-playing .title{ font-size:12px; }
}

/* Fallback (stream unreachable) */
.ibr-player-fallback{ font-size:12px; color:var(--ibr-yellow); }

/* Header / nav */
#ibr-site-header{ background:#fff; border-bottom:1px solid var(--ibr-line); position:sticky; top:var(--ibr-player-h); z-index:900; }
#ibr-site-header .container{ display:flex; align-items:center; justify-content:space-between; padding:12px 20px; gap:16px; }
.ibr-logo{ font-weight:900; font-size:20px; color:var(--ibr-navy); display:flex; align-items:center; gap:8px; }
.ibr-logo img{ height:38px; width:auto; }
#ibr-primary-menu{ display:flex; align-items:center; gap:22px; list-style:none; margin:0; padding:0; }
#ibr-primary-menu a{ color:var(--ibr-ink); font-weight:600; font-size:15px; }
#ibr-primary-menu a:hover{ color:var(--ibr-blue-deep); text-decoration:none; }
.ibr-submit-cta{
  background:var(--ibr-yellow); color:var(--ibr-navy)!important; padding:9px 16px; border-radius:999px;
  font-weight:800!important; box-shadow:0 2px 6px rgba(246,185,11,.4);
}
.ibr-menu-toggle{ display:none; background:none; border:none; font-size:26px; color:var(--ibr-navy); }
@media(max-width:900px){
  #ibr-primary-menu{ display:none; position:absolute; top:100%; left:0; right:0; background:#fff; flex-direction:column; align-items:stretch; padding:10px 20px 20px; border-bottom:1px solid var(--ibr-line); gap:2px; }
  #ibr-primary-menu.is-open{ display:flex; }
  #ibr-primary-menu li{ border-top:1px solid var(--ibr-line); }
  #ibr-primary-menu a{ display:block; padding:14px 4px; }
  .ibr-menu-toggle{ display:block; }
}

/* Hero */
.ibr-hero{ background:linear-gradient(135deg,var(--ibr-navy) 0%, var(--ibr-navy-deep) 100%); color:#fff; padding:56px 0; }
.ibr-hero h1{ color:#fff; max-width:720px; }
.ibr-hero p.lead{ color:#C9D6EC; font-size:18px; max-width:600px; }
.ibr-hero-actions{ display:flex; gap:12px; flex-wrap:wrap; margin-top:22px; }

/* Section headers */
.ibr-section{ padding:48px 0; }
.ibr-section.alt{ background:var(--ibr-mist); }
.ibr-section-head{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:22px; flex-wrap:wrap; gap:10px; }
.ibr-eyebrow{ color:var(--ibr-blue-deep); font-weight:800; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; }

/* Cards grid */
.ibr-grid{ display:grid; gap:22px; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); }
.ibr-card{ background:#fff; border:1px solid var(--ibr-line); border-radius:var(--ibr-radius); overflow:hidden; transition:box-shadow .15s ease; }
.ibr-card:hover{ box-shadow:var(--ibr-shadow-lg); }
.ibr-card img{ aspect-ratio:16/9; object-fit:cover; width:100%; }
.ibr-card-body{ padding:16px; }
.ibr-card .cat{ font-size:11px; font-weight:800; color:var(--ibr-blue-deep); text-transform:uppercase; letter-spacing:.5px; }
.ibr-card h3{ margin:6px 0; font-size:17px; }
.ibr-card .meta{ font-size:13px; color:var(--ibr-ink-soft); }

/* On-air-now widget */
.ibr-onair{ background:#fff; border:2px solid var(--ibr-yellow); border-radius:var(--ibr-radius); padding:18px 20px; display:flex; gap:16px; align-items:center; }
.ibr-onair img{ width:64px;height:64px; border-radius:8px; object-fit:cover; flex-shrink:0; }

/* Schedule grid */
.ibr-schedule-table{ width:100%; border-collapse:collapse; background:#fff; }
.ibr-schedule-table th{ background:var(--ibr-navy); color:#fff; padding:10px 12px; text-align:left; font-size:13px; text-transform:uppercase; letter-spacing:.4px; }
.ibr-schedule-table td{ padding:12px; border-bottom:1px solid var(--ibr-line); vertical-align:top; font-size:15px; }
.ibr-schedule-table td.time{ font-weight:800; color:var(--ibr-blue-deep); white-space:nowrap; }
.ibr-tz-note{ font-size:13px; color:var(--ibr-ink-soft); margin-bottom:14px; }

/* Forms — accessible, large targets */
.ibr-form label{ display:block; font-weight:700; margin-bottom:6px; font-size:14px; }
.ibr-form input,.ibr-form select,.ibr-form textarea{
  width:100%; padding:12px 14px; border:1.5px solid var(--ibr-line); border-radius:var(--ibr-radius-sm);
  font-size:16px; font-family:var(--ibr-font); margin-bottom:16px; background:#fff;
}
.ibr-form input:focus,.ibr-form select:focus,.ibr-form textarea:focus{ border-color:var(--ibr-blue); outline:none; }
.ibr-form .consent{ font-size:13px; color:var(--ibr-ink-soft); display:flex; gap:8px; align-items:flex-start; }
.ibr-required{ color:var(--ibr-red); }

/* WhatsApp floating button */
.ibr-whatsapp-float{
  position:fixed; bottom:22px; right:22px; z-index:800; background:#25D366; color:#fff; width:56px;height:56px;
  border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:var(--ibr-shadow-lg); font-size:28px;
}

/* Sponsor placement slot — always visibly labelled (editorial credibility) */
.ibr-sponsor-slot{ background:var(--ibr-mist); border:1px dashed var(--ibr-line); border-radius:var(--ibr-radius-sm); padding:14px; text-align:center; }
.ibr-sponsor-slot .label{ font-size:10px; text-transform:uppercase; letter-spacing:1px; color:var(--ibr-ink-soft); display:block; margin-bottom:8px; }

/* Directory / community cards, footer, utility */
.ibr-tag{ display:inline-block; font-size:11px; font-weight:700; background:var(--ibr-mist); color:var(--ibr-blue-deep); padding:3px 10px; border-radius:999px; margin:0 6px 6px 0; }
footer#ibr-site-footer{ background:var(--ibr-navy-deep); color:#C9D6EC; padding:48px 0 24px; margin-top:40px; }
footer#ibr-site-footer a{ color:#C9D6EC; }
footer#ibr-site-footer h4{ color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:.5px; }
.ibr-footer-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:28px; }
.ibr-footer-bottom{ border-top:1px solid #1C3A63; margin-top:32px; padding-top:18px; font-size:13px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }