/*
Theme Name: M5URR AI Radio Room
Theme URI: https://m5urr.co.uk/
Author: M5URR
Description: Futuristic amateur-radio station theme with switchable grayscale radio-room background.
Version: 14.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: m5urr-ai-radio
*/
:root{--bg:#030b14;--panel:rgba(3,12,24,.86);--line:#205077;--blue:#189bff;--text:#eaf4ff;--muted:#b2c2d3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-2;background:url('assets/radio-room.webp') center center/cover no-repeat;filter:brightness(.55) saturate(1.1)}body:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,8,17,.86),rgba(2,8,17,.27) 52%,rgba(2,8,17,.78)),linear-gradient(0deg,rgba(2,8,17,.75),transparent 60%)}body.gray-room:before{filter:grayscale(1) invert(.07) brightness(.38)}a{color:#59baff}a:hover{color:white}img{max-width:100%;height:auto}.container{width:min(1500px,94%);margin:auto}.site-header{background:rgba(1,8,18,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);position:relative;z-index:5}.header-inner{display:flex;align-items:center;gap:28px;min-height:98px}.brand{text-decoration:none;color:white;display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-icon{font-size:44px;color:var(--blue)}.brand-name{font-size:clamp(30px,3vw,48px);font-weight:850;letter-spacing:-2px;line-height:1}.brand-name span{color:var(--blue)}.brand small{display:block;font-size:11px;letter-spacing:2.4px;color:var(--muted)}.nav{margin-left:auto}.nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0}.nav a{display:block;text-decoration:none;color:#e2edf9;font-size:12px;font-weight:700;padding:11px 10px;text-transform:uppercase;border-radius:5px}.nav a:hover,.nav .current-menu-item>a{background:#08325b;color:#55baff}.nav-toggle{display:none;background:#102b46;border:1px solid var(--line);color:white;border-radius:6px;padding:10px}.hero{min-height:490px;display:flex;align-items:center;padding:65px 0}.hero-panel{max-width:530px;background:rgba(1,9,20,.75);border:1px solid rgba(44,132,196,.52);padding:34px;border-radius:12px;backdrop-filter:blur(8px)}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:#59baff;font-size:13px;font-weight:700}.hero h1{font-size:clamp(58px,8vw,112px);letter-spacing:-5px;line-height:1;margin:10px 0}.hero h1 span{color:var(--blue)}.hero h2{font-size:clamp(20px,2.6vw,32px);margin:0}.hero p{color:#c6d8e8}.btn{display:inline-block;padding:12px 21px;border:1px solid #2a9af1;border-radius:6px;background:#078cf1;color:#00111f;font-weight:800;text-decoration:none;margin:5px 9px 5px 0}.btn.secondary{background:rgba(0,0,0,.35);color:white}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 auto 36px}.tile{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:23px;text-decoration:none;min-height:150px;backdrop-filter:blur(8px);transition:transform .2s,border-color .2s}.tile:hover{transform:translateY(-4px);border-color:var(--blue)}.tile .symbol{font-size:28px;color:var(--blue)}.tile h3{margin:5px 0;color:#fff;font-size:18px}.tile p{margin:0;color:var(--muted);font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px;margin-bottom:26px;backdrop-filter:blur(10px)}.content-area{padding:45px 0 80px;min-height:65vh}.content-area h1{font-size:clamp(30px,4vw,50px);line-height:1.2}.content-area h2{color:#e6f5ff}.entry-meta{color:var(--muted);font-size:13px}.post-card{margin-bottom:22px}.footer{border-top:1px solid var(--line);background:rgba(1,8,18,.94);padding:25px 0;color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.wp-block-image img{border-radius:8px}input,textarea,select{max-width:100%;background:#0a2035;color:white;border:1px solid #346087;padding:10px;border-radius:5px}button,input[type=submit]{cursor:pointer}.screen-reader-text{position:absolute;left:-9999px}.pagination{margin:25px 0}.pagination a{padding:8px}body.admin-bar .site-header{top:0}@media(max-width:1050px){.header-inner{flex-wrap:wrap;padding:15px 0}.nav{width:100%;margin:0}.nav ul{justify-content:center}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.header-inner{justify-content:space-between}.nav-toggle{display:block}.nav{display:none}.nav.is-open{display:block}.nav ul{display:block}.nav a{padding:12px}.tiles{grid-template-columns:1fr 1fr;gap:9px}.tile{padding:14px;min-height:140px}.hero{min-height:420px;padding:35px 0}.hero-panel{padding:20px}.hero h1{letter-spacing:-3px}.panel{padding:19px}.brand-name{font-size:31px}.brand-icon{font-size:30px}}@media(max-width:400px){.tiles{grid-template-columns:1fr}}

/* Version 2: category archives, post cards, hierarchical categories */
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.article-tile{min-width:0;background:rgba(3,14,28,.88);border:1px solid #245477;border-radius:9px;overflow:hidden;padding-bottom:18px}.article-tile>a{text-decoration:none}.article-tile img,.image-placeholder{width:100%;height:185px;object-fit:cover;display:block}.image-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#0b345b,#05101e);color:#7cbef3;letter-spacing:2px}.article-tile h2{font-size:20px;line-height:1.35;color:#eef7ff;margin:16px 16px 7px}.article-tile p,.article-tile .entry-meta{margin:0 16px 10px}.subcategories{display:flex;flex-wrap:wrap;gap:12px}.subcategory{display:inline-block;border:1px solid #3273a2;border-radius:7px;padding:9px 16px;background:#09233c;text-decoration:none}.nav .sub-menu{display:none;position:absolute;top:100%;background:#061525;min-width:170px;z-index:10;flex-direction:column}.nav li{position:relative}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:flex}@media(max-width:900px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.article-grid{grid-template-columns:1fr}.nav .sub-menu{position:static;display:flex;padding-left:16px}}

/* V3 photo-based home cards, inspired by approved M5URR concept */
.photo-tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:-14px;position:relative;z-index:2}
.photo-tile{grid-column:span 2;padding:0;overflow:hidden;min-height:225px;display:flex;flex-direction:column;background:#061321;position:relative}
.photo-tile:nth-child(n+4){grid-column:span 1;min-height:210px}
.tile-photo{height:165px;background-size:cover;background-position:center;transition:transform .3s,filter .3s;filter:saturate(1.08)}
.photo-tile:nth-child(n+4) .tile-photo{height:125px}
.photo-tile:hover .tile-photo{transform:scale(1.045);filter:saturate(1.25)}
.tile-info{position:relative;flex:1;padding:10px 13px 13px;background:linear-gradient(180deg,rgba(3,13,26,.94),rgba(3,13,26,.98))}
.tile-info h3{display:flex;justify-content:space-between;gap:8px;margin:0 0 2px;font-size:17px;text-transform:uppercase;line-height:1.3}
.tile-info h3 span{color:#56bfff}.tile-info p{font-size:12px;line-height:1.45}
.hero{min-height:465px;background:linear-gradient(90deg,rgba(0,7,15,.75),rgba(0,7,15,.15) 75%),url('assets/hero-radios.webp') center 56%/cover no-repeat;border-bottom:1px solid #164a75;margin-bottom:25px}
.hero-panel{max-width:475px}.latest-posts{margin-top:26px}
@media(max-width:1100px){.photo-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-tile,.photo-tile:nth-child(n+4){grid-column:span 1}.photo-tile:nth-child(n+4) .tile-photo{height:165px}}
@media(max-width:620px){.photo-tiles{grid-template-columns:1fr}.photo-tile,.photo-tile:nth-child(n+4){min-height:210px}.hero{min-height:440px}.tile-photo{height:175px}}

/* V4: Nine equal-width image cards, three per row on desktop */
.photo-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.photo-tile,.photo-tile:nth-child(n+4){grid-column:span 1;min-height:238px}
.photo-tile .tile-photo,.photo-tile:nth-child(n+4) .tile-photo{height:170px}
@media(max-width:1100px){.photo-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-tile,.photo-tile:nth-child(n+4){grid-column:span 1}}
@media(max-width:620px){.photo-tiles{grid-template-columns:1fr}.photo-tile,.photo-tile:nth-child(n+4){min-height:210px}.photo-tile .tile-photo,.photo-tile:nth-child(n+4) .tile-photo{height:175px}}

/* V5: complete three-by-three homepage and contact form */
.photo-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.contact-panel{max-width:850px;margin-left:auto;margin-right:auto}
.contact-form label{display:block;font-weight:700;margin-bottom:6px}
.contact-form input:not([type=hidden]),.contact-form textarea{display:block;width:100%;margin-top:6px}
.contact-form p{margin:0 0 20px}.contact-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.form-status{border:1px solid #3e9dcd;padding:12px 16px;border-radius:6px;background:#062b41}
.contact-privacy{font-size:13px;color:var(--muted)}

/* V6 approved hero: preserve the full panoramic three-radio composition */
.v6-header{background:rgba(1,9,21,.96);border-bottom:0}
.v6-top{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}
.v6-brand{text-decoration:none;color:#edf8ff;display:flex;flex-direction:column;line-height:1.04}
.v6-brand strong{font-size:clamp(38px,4.3vw,68px);font-weight:850;letter-spacing:-2px;text-shadow:0 0 18px #1373b9}
.v6-brand strong span{color:#65baff}.v6-brand small{font-size:clamp(10px,1.1vw,16px);letter-spacing:4px;color:#a8dafa;margin-top:7px}
.v6-station{display:flex;flex-direction:column;border:1px solid #2788ca;border-radius:7px;padding:12px 18px;min-width:235px;background:rgba(1,20,40,.8);color:#65c9ff;line-height:1.5}
.v6-station strong{font-size:24px}.v6-station span{font-size:12px;letter-spacing:1px}.v6-station small{font-size:11px}
.v6-nav-wrap{background:#020e1d;border-top:1px solid #16527e;border-bottom:1px solid #2a98d9;box-shadow:0 2px 15px #0068b955}
.v6-nav-inner{display:flex;align-items:center;min-height:50px}.v6-nav{margin:0;flex:1;min-width:0}.v6-nav ul{justify-content:space-between;flex-wrap:nowrap;gap:1px}
.v6-nav a{font-size:clamp(10px,.92vw,14px);font-weight:600;padding:10px clamp(6px,.95vw,15px);border:1px solid transparent;border-radius:4px;white-space:nowrap}
.v6-nav a.active,.v6-nav a:hover{background:#063057;color:#fff;border-color:#58baff;box-shadow:0 0 13px #248fff99}
.v6-search-toggle{font-size:27px;line-height:1;color:#9bd9ff;background:none;border:0;padding:5px 8px;cursor:pointer}
.v6-search{padding:10px 0}.v6-search[hidden]{display:none}
.hero-v6{width:100%;background:#020d1c;border-bottom:1px solid #247cb4;margin:0 auto 18px;overflow:hidden}
.hero-rigs{display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:center;background:#030c18}
@media(min-width:1600px){.hero-v6{max-width:1920px}}
@media(max-width:900px){.v6-top{min-height:100px}.v6-nav-inner{flex-wrap:wrap}.v6-nav{width:100%;order:3}.v6-nav ul{flex-wrap:wrap;justify-content:center}.v6-search-toggle{margin-left:auto}}
@media(max-width:650px){.v6-station{display:none}.v6-top{min-height:85px}.v6-brand strong{font-size:38px}.v6-brand small{letter-spacing:2px}.v6-nav{display:none}.v6-nav.is-open{display:block}.v6-nav ul{display:block}.v6-nav a{font-size:14px}.hero-v6{overflow-x:auto}.hero-rigs{min-width:650px;width:100%}}

/* V7: approved panoramic composition. All visible branding/nav/radios belong to
   the single image, so the desktop version cannot drift or crop individual rigs.
   Invisible accessible hotspots provide real WordPress navigation. */
.v7-header{background:transparent;border:0;backdrop-filter:none}
.v7-composition{width:100%;max-width:1920px;margin:0 auto;aspect-ratio:1495 / 395;position:relative;background:#020b18 url('assets/header-composition.webp') center / 100% 100% no-repeat}
.v7-logo-link{position:absolute;left:4%;top:7%;width:29%;height:28%;z-index:2}
.v7-image-nav{position:absolute;left:10.4%;top:33.4%;width:81.5%;height:9.2%;z-index:3;display:flex;align-items:stretch}
.v7-image-nav .v7-link{display:block;flex:1 1 0;min-width:0;border:1px solid transparent;border-radius:3px}
.v7-image-nav .v7-link:hover,.v7-image-nav .v7-link:focus-visible{border-color:#7bd0ff;background:rgba(18,120,210,.22);outline:none;box-shadow:0 0 12px #199cff}
.v7-image-nav .v7-home{flex:0 0 7.1%}.v7-image-nav .v7-about{flex:0 0 7.3%}.v7-image-nav .v7-blog{flex:0 0 7.3%}.v7-image-nav .v7-antennas{flex:0 0 10.4%}.v7-image-nav .v7-radio{flex:0 0 8.6%}.v7-image-nav .v7-projects{flex:0 0 10.2%}.v7-image-nav .v7-shack{flex:0 0 8.7%}.v7-image-nav .v7-activities{flex:0 0 10.6%}.v7-image-nav .v7-qsl{flex:0 0 7%}.v7-image-nav .v7-gallery{flex:0 0 9.1%}.v7-image-nav .v7-software{flex:0 0 10.1%}.v7-image-nav .v7-contact{flex:1 1 auto}
.v7-image-search{position:absolute;right:-4.5%;width:4.3%;height:100%;border:0;background:transparent;cursor:pointer}
.v7-image-search:hover,.v7-image-search:focus-visible{background:rgba(30,140,220,.28);outline:1px solid #63c3ff}
.v7-search-area{background:#031324;padding:12px 0;border:1px solid #2773a3}.v7-search-area[hidden]{display:none}
.v7-mobile-head,.v7-mobile-nav{display:none}
body.home .photo-tiles{margin-top:0}
@media(max-width:760px){
.v7-composition{aspect-ratio:1495 / 395}
.v7-image-nav,.v7-logo-link{display:none}
.v7-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4%;background:#031020;border-block:1px solid #21699c}
.v7-mobile-brand{text-decoration:none;color:#eaf6ff;font-weight:850;font-size:26px;line-height:1}.v7-mobile-brand span{color:#60baff}.v7-mobile-brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;color:#a9d9ff}
.v7-mobile-toggle{color:#d5efff;background:#072440;border:1px solid #3986c4;border-radius:5px;padding:9px 12px}
.v7-mobile-nav:not([hidden]){display:block;background:#041326}.v7-mobile-nav ul{list-style:none;margin:0;padding:10px 4%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.v7-mobile-nav a{display:block;padding:10px;color:#eaf5ff;text-decoration:none;border:1px solid #1c4769;border-radius:4px}
}

/* V8: replace the incorrect locator embedded in the reference artwork
   with an accessible HTML station badge. */
.v8-station-label{position:absolute;left:80.8%;top:12.1%;width:16.4%;height:22.5%;z-index:4;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:0.4% 1%;background:#031526;border:1px solid #3983bd;border-radius:7px;color:#80d6ff;box-shadow:0 0 12px rgba(4,45,80,.35);line-height:1.18}
.v8-station-label strong{font-size:clamp(9px,1.65vw,28px);letter-spacing:.03em}
.v8-station-label span:not(.v8-flag){font-size:clamp(8px,1.05vw,17px)}
.v8-station-label small{font-size:clamp(6px,.7vw,12px);white-space:nowrap}
.v8-station-label .v8-flag{position:absolute;right:5%;top:8%;font-size:clamp(10px,1.4vw,24px)}
@media(max-width:760px){.v8-station-label{display:none}}

/* V9: real visible HTML navigation replaces misaligned invisible image hotspots.
   The opaque strip hides the baked-in photographic lettering completely. */
@media(min-width:761px){
.v7-image-nav{left:10.4%;width:81.5%;top:32.3%;height:11.8%;background:#031121;border:1px solid #21577e;box-shadow:0 0 0 2px #020d1b,0 3px 15px #000a;display:flex;align-items:stretch;border-radius:4px;z-index:6}
.v7-image-nav .v7-link{display:flex;justify-content:center;align-items:center;text-decoration:none;color:#e0f0ff;font-weight:650;font-size:clamp(9px,.86vw,14px);text-transform:uppercase;line-height:1;padding:0 2px;white-space:nowrap;border:1px solid transparent;box-sizing:border-box;transition:background .15s,border-color .15s,box-shadow .15s}
.v7-image-nav .v7-link:hover,.v7-image-nav .v7-link:focus-visible{color:#fff;background:#103c6a;border-color:#5fbaff;box-shadow:inset 0 0 12px #2d8bd777;outline-offset:-2px}
.v7-image-nav .v7-home{background:#123a6a;border:1px solid #6abaff;box-shadow:inset 0 0 8px #288df966}
.v7-image-nav .v7-home:hover{background:#1c5793}
.v7-image-search{position:relative;right:auto;flex:0 0 4.4%;width:auto;display:flex;align-items:center;justify-content:center;color:#9bdcff;font-size:clamp(18px,1.8vw,30px);padding:0;line-height:1}
.v7-image-search:hover,.v7-image-search:focus-visible{background:#103c6a;outline:1px solid #63c3ff}
.v7-image-nav .v7-home{flex:0 0 7.1%}.v7-image-nav .v7-about{flex:0 0 7.3%}.v7-image-nav .v7-blog{flex:0 0 7.3%}.v7-image-nav .v7-antennas{flex:0 0 10.4%}.v7-image-nav .v7-radio{flex:0 0 8.6%}.v7-image-nav .v7-projects{flex:0 0 10.2%}.v7-image-nav .v7-shack{flex:0 0 8.7%}.v7-image-nav .v7-activities{flex:0 0 10.6%}.v7-image-nav .v7-qsl{flex:0 0 7%}.v7-image-nav .v7-gallery{flex:0 0 9.1%}.v7-image-nav .v7-software{flex:0 0 10.1%}.v7-image-nav .v7-contact{flex:1 1 0;min-width:0}
}

/* V10: photographic navigation lettering removed from header artwork.
   The only visible desktop navigation is the real, clickable HTML menu. */
@media(min-width:761px){
.v7-image-nav{top:32.3%;height:11.8%;background:#031121}
}

/* V11: the former fixed flex percentages consumed over 100% of the
   navigation width, collapsing Contact onto Software. Distribute
   available space with intrinsic sizing and allow safe horizontal scroll
   on narrow desktop widths rather than overlapping labels. */
@media(min-width:761px){
 .v7-image-nav{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;justify-content:space-between}
 .v7-image-nav .v7-link,
 .v7-image-nav .v7-home,.v7-image-nav .v7-about,.v7-image-nav .v7-blog,
 .v7-image-nav .v7-antennas,.v7-image-nav .v7-radio,
 .v7-image-nav .v7-projects,.v7-image-nav .v7-shack,
 .v7-image-nav .v7-activities,.v7-image-nav .v7-qsl,
 .v7-image-nav .v7-gallery,.v7-image-nav .v7-software,
 .v7-image-nav .v7-contact{
   flex:1 0 auto;min-width:max-content;padding-inline:clamp(3px,.55vw,12px);
 }
 .v7-image-nav .v7-image-search{flex:0 0 34px;min-width:34px}
}

/* V12: only the actual current page receives the blue selected state. */
@media(min-width:761px){
.v7-image-nav .v7-home{background:transparent;border-color:transparent;box-shadow:none}
.v7-image-nav .v7-link.is-current{background:#123a6a;border-color:#6abaff;box-shadow:inset 0 0 8px #288df966;color:#fff}
.v7-image-nav .v7-link.is-current:hover{background:#1c5793}
}

/* V13 new artwork with navigation removed at image-source level. */
@media(min-width:761px){
.v7-composition{aspect-ratio:2172 / 724;background-size:100% 100%}
.v7-image-nav{left:6.3%;width:87.4%;top:35.2%;height:11.7%;border-radius:5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;box-sizing:border-box}
.v7-image-nav::-webkit-scrollbar{display:none}
.v7-image-nav .v7-link{flex:1 0 auto;min-width:max-content;padding:0 clamp(4px,.5vw,12px);background:transparent;border-color:transparent;box-shadow:none}
.v7-image-nav .v7-link.is-current{background:#123a6a;border-color:#6abaff;box-shadow:inset 0 0 8px #288df966}
.v7-image-nav .v7-image-search{flex:0 0 34px;min-width:34px}
.v8-station-label{display:none}
.v7-logo-link{left:4%;top:10%;width:30%;height:24%}
}
@media(max-width:760px){
.v7-composition{aspect-ratio:2172 / 724;background-size:100% 100%}
.v8-station-label{display:none}
}