/*
Theme Name: Wild Country Modern
Theme URI: https://www.wildcountry.ie/
Author: Wild Country Radio
Description: A modern, responsive theme for Wild Country Radio Northern Ireland.
Version: 1.0.0
Text Domain: wild-country-modern
*/

:root {
  --ink: #111510;
  --paper: #0b1511;
  --cream: #13261e;
  --green: #173f32;
  --green-2: #245b47;
  --gold: #e8a92f;
  --orange: #d9692b;
  --red: #a83e2b;
  --muted: rgba(255,255,255,.68);
  --line: rgba(255,255,255,.13);
  --shadow: 0 24px 70px rgba(18, 31, 24, .16);
  --radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: #f8f6ef;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.65;
  padding-bottom: 88px;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
  z-index: 10;
}
a { color: var(--gold); text-decoration-thickness: 1px; text-underline-offset: 3px; }
img, video { max-width: 100%; height: auto; }
.wrap { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.eyebrow { margin: 0 0 12px; color: var(--orange); font-size: .76rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
h1, h2, h3 { margin: 0 0 .5em; font-family: Georgia, "Times New Roman", serif; line-height: 1.05; letter-spacing: -.035em; }
h1 { font-size: clamp(3.5rem, 9vw, 7.6rem); }
h2 { font-size: clamp(2.3rem, 5vw, 4.2rem); }
h3 { font-size: 1.55rem; }
p { margin: 0 0 1.25em; }

.site-header { position: absolute; inset: 0 0 auto; z-index: 20; color: #fff; }
.nav-shell { display: flex; align-items: center; justify-content: space-between; min-height: 94px; border-bottom: 1px solid rgba(255,255,255,.2); }
.brand { display: inline-flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; }
.brand-logo { width:230px; height:76px; display:block; object-fit:contain; object-position:left center; }
.footer-logo { width:300px; height:110px; object-fit:contain; object-position:left center; }
.brand-mark { display: grid; place-items: center; width: 48px; height: 48px; border: 2px solid var(--gold); border-radius: 50%; color: var(--gold); font: 800 1.1rem Georgia,serif; }
.brand-copy { display: grid; line-height: 1; }
.brand-copy strong { font: 700 1.25rem Georgia,serif; letter-spacing: .02em; }
.brand-copy small { margin-top: 5px; color: rgba(255,255,255,.72); font-size: .61rem; letter-spacing: .18em; text-transform: uppercase; }
.primary-nav { display: flex; align-items: center; gap: 30px; }
.primary-nav ul { display: flex; align-items: center; gap: 28px; padding: 0; margin: 0; list-style: none; }
.primary-nav a { color: #fff; font-size: .86rem; font-weight: 800; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.nav-listen { padding: 12px 18px; border: 1px solid var(--gold); border-radius: 999px; background: var(--gold); color: var(--ink) !important; }
.menu-toggle { display: none; border: 0; background: transparent; color: #fff; font-size: 1.7rem; }

.hero { position: relative; min-height: 820px; display: grid; align-items: end; overflow: hidden; background: var(--green); color: #fff; }
.hero::before { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(10,26,20,.94) 0%, rgba(13,35,27,.78) 46%, rgba(13,35,27,.15) 100%), url("https://www.wildcountry.ie/wp-content/uploads/2025/07/final-WILD-COUNTRY-ON-DAB-1-STUDIO.jpg") center 28%/cover no-repeat; }
.hero::after { content:""; position:absolute; width:520px; height:520px; right:-150px; bottom:-220px; border:1px solid rgba(232,169,47,.5); border-radius:50%; box-shadow:0 0 0 80px rgba(232,169,47,.06), 0 0 0 160px rgba(232,169,47,.04); }
.hero-content { position: relative; z-index: 2; padding: 190px 0 105px; }
.hero h1 span { display:block; color:var(--gold); font-style:italic; }
.hero-lead { max-width: 650px; color: rgba(255,255,255,.82); font-size: clamp(1.1rem, 2vw, 1.36rem); }
.actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:32px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 24px; border:1px solid var(--green); border-radius:999px; background:var(--green); color:#fff; font-size:.82rem; font-weight:900; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; transition:.2s ease; }
.button:hover { transform:translateY(-2px); background:var(--green-2); }
.button.gold { border-color:var(--gold); background:var(--gold); color:var(--ink); }
.button.ghost { border-color:rgba(255,255,255,.48); background:transparent; }
.broadcast-strip { position:relative; z-index:3; background:var(--gold); color:var(--ink); }
.broadcast-strip .wrap { display:flex; justify-content:space-between; gap:20px; padding-block:16px; }
.broadcast-strip strong { font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; }

.section { padding: 105px 0; }
.section-intro { display:grid; grid-template-columns:.7fr 1.3fr; gap:70px; align-items:start; }
.section-copy { max-width:680px; color:rgba(255,255,255,.7); font-size:1.08rem; }
.listen-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:55px; }
.listen-card { position:relative; min-height:260px; padding:30px; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--cream); box-shadow:0 1px 0 var(--line); }
.listen-card::after { content:attr(data-number); position:absolute; right:18px; bottom:-30px; color:rgba(232,169,47,.08); font:700 8rem Georgia,serif; }
.listen-card .icon { display:grid; place-items:center; width:52px; height:52px; margin-bottom:35px; border-radius:50%; background:var(--green); color:var(--gold); font-weight:900; }
.listen-card p { position:relative; z-index:1; color:var(--muted); }

.dark-section { background:var(--green); color:#fff; }
.dark-section .eyebrow { color:var(--gold); }
.show-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:48px; }
.show-card { overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:var(--radius); background:rgba(255,255,255,.05); }
.show-card img { width:100%; aspect-ratio:4/3; display:block; object-fit:cover; filter:saturate(.82); }
.show-card-body { padding:24px; }
.show-time { color:var(--gold); font-size:.76rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.show-card p { color:rgba(255,255,255,.7); font-size:.94rem; }

.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:center; }
.story-image { position:relative; }
.story-image img { width:100%; aspect-ratio:4/4.5; object-fit:cover; border-radius:var(--radius); box-shadow:var(--shadow); }
.story-image::before { content:""; position:absolute; inset:-18px 40px 40px -18px; z-index:-1; border:2px solid var(--gold); border-radius:var(--radius); }
.official-brand-panel { display:grid; place-items:center; min-height:0; aspect-ratio:3/1; padding:18px; border:2px solid var(--gold); border-radius:var(--radius); background:#030706; box-shadow:var(--shadow); overflow:hidden; }
.official-brand-panel::before { display:none; }
.official-brand-panel img { width:96%; height:96%; aspect-ratio:auto; object-fit:contain; object-position:center; border-radius:0; box-shadow:none; }
.feature-list { display:grid; gap:14px; padding:0; margin:28px 0 35px; list-style:none; }
.feature-list li { padding-bottom:13px; border-bottom:1px solid var(--line); font-weight:750; }
.feature-list li::before { content:"✦"; margin-right:12px; color:var(--orange); }

.advert { padding:85px 0; border-block:1px solid rgba(232,169,47,.3); background:#10271e; color:#fff; }
.advert .wrap { display:grid; grid-template-columns:1.5fr .5fr; gap:40px; align-items:center; }
.advert h2 { max-width:780px; }
.advert .button { justify-self:end; background:var(--gold); border-color:var(--gold); color:var(--ink); }

.content-shell { padding:165px 0 120px; }
.content-shell h1 { font-size:clamp(3rem,7vw,5.7rem); }
.prose { max-width:850px; margin-top:45px; }
.prose > * { max-width:100%; }
.prose img { border-radius:16px; }
.prose .radio_player { margin-block:35px; }
.prose, .prose p, .prose li, .prose strong, .prose em, .prose span, .prose mark { color:#f8f6ef !important; }
.prose mark, .prose [style*="background-color"] { background:transparent !important; }
.prose a, .prose a strong, .prose a em, .prose a mark { color:var(--gold) !important; }
.prose hr { border:0; border-top:1px solid var(--line); }
.prose figure { margin-block:32px; }
.prose .wp-block-image img, .prose video { border:1px solid var(--line); box-shadow:var(--shadow); }

.site-footer { padding:70px 0; background:#0e1d17; color:#fff; }
.footer-grid { display:grid; grid-template-columns:1.3fr .7fr .7fr; gap:55px; }
.footer-grid p, .footer-grid a { color:rgba(255,255,255,.67); }
.footer-links { padding:0; margin:0; list-style:none; }
.footer-links li { margin-bottom:9px; }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:55px; padding-top:22px; border-top:1px solid rgba(255,255,255,.13); color:rgba(255,255,255,.5); font-size:.78rem; }
.prose .radio_player { display:none !important; }
.wc-player { position:fixed; z-index:100; right:0; bottom:0; left:0; height:88px; border-top:1px solid rgba(255,255,255,.15); background:rgba(12,29,22,.97); color:#fff; box-shadow:0 -10px 35px rgba(0,0,0,.18); backdrop-filter:blur(16px); }
.wc-player-inner { width:min(1180px,calc(100% - 36px)); height:100%; display:flex; align-items:center; gap:16px; margin:auto; }
.wc-play { width:56px; height:56px; flex:0 0 56px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:var(--gold); color:var(--ink); cursor:pointer; font-size:1.15rem; box-shadow:0 0 0 6px rgba(232,169,47,.12); }
.wc-play:hover { transform:scale(1.04); }
.wc-play-icon { margin-left:3px; }
.wc-player.is-playing .wc-play-icon { margin-left:0; }
.wc-player-copy { min-width:0; display:grid; line-height:1.2; }
.wc-player-copy strong { white-space:nowrap; font:700 1rem Georgia,serif; }
.wc-player-copy strong span { margin-left:7px; padding:3px 6px; border-radius:4px; background:#d9342b; font:800 .55rem Inter,sans-serif; letter-spacing:.08em; vertical-align:2px; }
.wc-player-copy small { max-width:430px; overflow:hidden; color:rgba(255,255,255,.62); text-overflow:ellipsis; white-space:nowrap; }
.wc-equalizer { height:25px; display:flex; align-items:end; gap:3px; margin-left:auto; }
.wc-equalizer i { width:3px; height:35%; display:block; border-radius:3px; background:var(--gold); animation:wc-bars .8s ease-in-out infinite alternate; animation-play-state:paused; }
.wc-equalizer i:nth-child(2) { height:80%; animation-delay:-.2s; }.wc-equalizer i:nth-child(3) { height:55%; animation-delay:-.45s; }.wc-equalizer i:nth-child(4) { height:100%; animation-delay:-.1s; }
.wc-player.is-playing .wc-equalizer i { animation-play-state:running; }
@keyframes wc-bars { to { height:20%; } }
.wc-volume { width:110px; accent-color:var(--gold); cursor:pointer; }
.wc-popout { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.25); border-radius:50%; color:#fff; text-decoration:none; }

@media (max-width: 820px) {
  .wrap { width:min(100% - 28px, 1180px); }
  .menu-toggle { display:block; }
  .brand-logo { width:180px; height:58px; object-position:left center; }
  .footer-logo { width:250px; height:95px; object-position:left center; }
  .primary-nav { position:absolute; top:80px; right:14px; left:14px; display:none; padding:20px; border-radius:18px; background:#10271e; box-shadow:var(--shadow); }
  .primary-nav.open { display:block; }
  .primary-nav ul { align-items:stretch; flex-direction:column; gap:16px; }
  .hero { min-height:730px; }
  .hero::before { background:linear-gradient(rgba(9,28,20,.7),rgba(9,28,20,.95)),url("https://www.wildcountry.ie/wp-content/uploads/2025/07/final-WILD-COUNTRY-ON-DAB-1-STUDIO.jpg") center/cover; }
  .broadcast-strip .wrap, .footer-bottom { flex-direction:column; }
  .section, .content-shell { padding-block:75px; }
  .section-intro, .story-grid, .advert .wrap, .footer-grid { grid-template-columns:1fr; gap:35px; }
  .listen-grid, .show-grid { grid-template-columns:1fr; }
  .advert .button { justify-self:start; }
  body { padding-bottom:76px; }
  .wc-player { height:76px; }
  .wc-player-inner { width:calc(100% - 22px); gap:12px; }
  .wc-play { width:48px; height:48px; flex-basis:48px; }
  .wc-player-copy small { max-width:42vw; }
  .wc-volume-label, .wc-popout { display:none; }
  .wc-equalizer { margin-left:auto; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } * { transition:none !important; } }