*{box-sizing:border-box}html,body{margin:0;background:#170906;color:#f5d59f;overflow-x:hidden}body{font-family:Georgia,serif}a{color:inherit}.saloon-header{height:64px;position:absolute;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(15px,4vw,55px);background:linear-gradient(180deg,rgba(18,6,3,.22),rgba(14,5,3,.67)),url('../assets/saloon-wood-header.jpg') center center/auto 100%;border-bottom:3px solid #4e2010;box-shadow:0 5px 18px #080201c9}.brand{text-decoration:none;color:#f9d99b;font:bold clamp(17px,2.4vw,31px) Georgia,serif;white-space:nowrap;text-shadow:0 2px 2px #160701,0 0 11px #b36825}.brand span{color:#e6a64b}.nav-links{display:flex;gap:9px;align-items:center}.nav-links a{text-decoration:none;white-space:nowrap;font:800 clamp(10px,1vw,13px) Arial,sans-serif;letter-spacing:.3px;padding:12px 14px;border:1px solid transparent;border-radius:5px;color:#ffe4b1;text-shadow:0 1px 3px #000}.nav-links a:hover,.nav-links a:focus-visible,.nav-links a[aria-current=page]{background:#551007;border-color:#ff4e28;box-shadow:0 0 12px #f32417, inset 0 0 10px #b72918;outline:none}.menu-toggle{display:none;border:1px solid #d59b57;border-radius:6px;background:#34150b;color:#ffd89a;padding:8px 11px;font-size:22px;cursor:pointer}.saloon-frame{position:relative;max-width:1672px;margin:0 auto}.saloon-footer{max-width:1000px;margin:0 auto;padding:20px 16px 32px;text-align:center;color:#d9aa73;font:13px/1.6 Arial,sans-serif}.saloon-footer a{color:#ffce8b}.saloon-footer .footlinks{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:12px}.saloon-footer .footlinks a{text-decoration:none;border-bottom:1px solid #a26c35;padding-bottom:3px}@media(max-width:790px){.saloon-header{height:56px;padding:0 12px}.brand{font-size:clamp(16px,4vw,23px)}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:56px;left:8px;right:8px;flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:linear-gradient(#482010,#180905);border:2px solid #ae6835;border-radius:8px;box-shadow:0 12px 35px #000e}.saloon-header.open .nav-links{display:flex}.nav-links a{font-size:14px;padding:15px;text-align:center}.nav-links a:hover,.nav-links a:focus-visible{outline:2px solid #ffca79}}

/* v2: The header is the ORIGINAL illuminated saloon photograph, not a generic wood bar. */
.saloon-header{height:61px;max-width:1672px;margin:auto;padding:0;display:block;border:0;box-shadow:none;background:#180907 url('../assets/original-saloon-header.webp') center top/1672px 70px no-repeat}
.brand{position:absolute;left:18%;top:0;width:25%;height:56px;display:block;font-size:0;overflow:hidden;text-shadow:none}
.brand span{display:none}
.nav-links{position:absolute;right:11.5%;top:7px;height:44px;display:flex;gap:2px;align-items:center;padding:0 3px;background:#21100b url('../assets/saloon-nav-wood.webp') center center/auto 100% repeat-x;box-shadow:0 0 5px #1b0808}
.nav-links a{font:800 12px Arial,sans-serif;letter-spacing:.25px;color:#ffddb0;padding:11px 15px;border-radius:4px;text-shadow:0 2px 3px #000}
.nav-links a[aria-current=page],.nav-links a:hover,.nav-links a:focus-visible{background:#5c0e08;border-color:#ff4e28;box-shadow:0 0 12px #f32417,inset 0 0 10px #b72918}
.menu-toggle{position:absolute;right:12px;top:9px;z-index:3}
@media(max-width:1150px){.nav-links{right:3%}.nav-links a{padding:11px 9px}}
@media(max-width:790px){.saloon-header{height:58px;background-position:32% top;background-size:1672px 70px}.brand{left:12px;top:7px;width:auto;height:42px;font:bold clamp(17px,4.7vw,26px) Georgia,serif;color:#fbd89c;text-shadow:0 2px 3px #000,0 0 10px #e7924d;white-space:nowrap}.brand span{display:inline;color:#f4ae57}.nav-links{display:none;position:absolute;top:57px;left:8px;right:8px;height:auto;padding:12px;gap:5px;background:linear-gradient(140deg,#3a170c,#120704);border:2px solid #a96334;box-shadow:0 15px 35px #000e}.saloon-header.open .nav-links{display:flex}.nav-links a{font-size:15px;padding:14px}}

/* v3: Old printed navigation has been retouched out of the photograph itself.
   Links are laid directly on the original neon-lit wood, without a covering plank. */
.saloon-header{background-image:url('../assets/saloon-header-clean.webp')}
.nav-links{right:9%;background:transparent;box-shadow:none;gap:10px}
.nav-links a{background:transparent;border:1px solid transparent}
@media(max-width:1150px){.nav-links{right:2%;gap:2px}}
@media(max-width:790px){.saloon-header{background-image:url('../assets/saloon-header-clean.webp')}.nav-links{background:linear-gradient(140deg,#3a170c,#120704);box-shadow:0 15px 35px #000e}}

/* v4: original photographic beam with locally retouched lettering, no tiled plank.
   The active/hover neon is an overlay, not a wood texture. */
.saloon-header {background-image:url('../assets/saloon-header-restored.webp');}
.nav-links {background:none!important;box-shadow:none!important;right:9%;gap:8px;}
.nav-links a {background:transparent!important;box-shadow:none;border:1px solid transparent;transition:box-shadow .18s ease,border-color .18s ease,background-color .18s ease;}
.nav-links a:hover,.nav-links a:focus-visible,.nav-links a[aria-current=page] {
  background:rgba(91,12,6,.45)!important;border-color:#ff5332;
  box-shadow:0 0 7px #f22,0 0 18px #f22a,inset 0 0 10px #f22a;
}
@media(max-width:790px) {
 .saloon-header {background-image:url('../assets/saloon-header-restored.webp');}
 .nav-links {background:linear-gradient(140deg,#3a170c,#120704)!important;}
}

/* v5: fine wood-grain restoration in retouched beam, clean transparent neon links */
.nav-links a{background:transparent!important;border:1px solid transparent!important;}
.nav-links a:hover,.nav-links a:focus-visible,.nav-links a[aria-current=page]{background:rgba(92,10,4,.36)!important;border-color:#ff5534!important;box-shadow:0 0 9px #fa351c,0 0 19px #fa351c66,inset 0 0 9px #ff553466;}

/* v10: unified full-width shell; backgrounds scale proportionally, never stretched. */
.saloon-frame{width:100%;max-width:1672px;margin-inline:auto}
.saloon-header{width:100%;max-width:1672px;background-size:100% 100%}
@media(max-width:790px){.saloon-header{background-size:1672px 70px}}

/* v39: mobile header already contains photographic COUNTRY STATION logo.
   Keep the brand link clickable, without overlaying a second text logo. */
@media(max-width:790px){
 .saloon-header .brand{font-size:0!important;text-shadow:none!important;left:12px;top:0;width:min(65%,310px);height:56px;}
 .saloon-header .brand span{display:none!important;}
}
/* v39: horizontal saloon panorama on small screens, like Reading Corner. */
@media(max-width:850px){
 .saloon-panorama-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;background:#170907;}
}

/* v39.1: mobile navigation has one stable, readable logo, no photo lettering underneath. */
@media(max-width:790px){
 .saloon-header{background:#21100b url('../assets/saloon-wood-header.jpg') center/auto 100% repeat-x!important;}
 .saloon-header .brand{font:bold clamp(17px,4.7vw,25px) Georgia,serif!important;color:#fbd89c!important;text-shadow:0 2px 3px #000,0 0 10px #e7924d!important;left:12px;top:7px;width:auto;max-width:calc(100% - 90px);height:42px;line-height:42px;overflow:visible;}
 .saloon-header .brand span{display:inline!important;}
}

/* v39.2: one compact desktop-style navigation on mobile; no old wooden logo strip.
   Navigation only: panoramas, players, embeds, and chat remain untouched. */
@media(max-width:790px){
 .saloon-header{height:58px!important;background:linear-gradient(180deg,rgba(24,8,5,.94),rgba(24,8,5,.83))!important;border-bottom:2px solid #71361b!important;box-shadow:0 3px 12px #12060388!important;}
 .saloon-header .brand{font:bold clamp(16px,4.6vw,24px) Georgia,serif!important;left:12px!important;top:7px!important;height:42px!important;line-height:42px!important;max-width:calc(100% - 92px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;}
 .saloon-header .brand span{display:inline!important;}
 .saloon-header .menu-toggle{top:8px!important;right:12px!important;}
}