/*
Theme Name: Janky Tavern
Theme URI: https://jankytavern.com/
Author: Janky Tavern
Description: A flexible private medieval tavern theme with a custom homepage, reusable page layouts, and a music/download library foundation.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.9
Text Domain: janky-tavern
*/
:root{--jt-blue:#4aa8ff;--jt-blue2:#1671c9;--jt-ink:#07111d;--jt-deep:#0b1724;--jt-wood:#2b180e;--jt-wood2:#4b2a17;--jt-gold:#d6a85a;--jt-text:#eef5ff;--jt-muted:#a9b9c9;--jt-border:rgba(214,168,90,.28);--jt-radius:16px;--jt-max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--jt-text);background-color:#160b06;background-image:linear-gradient(rgba(5,10,15,.40),rgba(5,10,15,.50)),url("assets/images/tavern-background.png");background-size:cover;background-position:center bottom;background-attachment:fixed;background-repeat:no-repeat;font-family:Georgia,"Times New Roman",serif;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(0,0,0,0),rgba(0,0,0,.18) 58%,rgba(0,0,0,.42));z-index:-1}.site-shell{min-height:100vh}.container{width:min(var(--jt-max),calc(100% - 32px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(5,11,18,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--jt-border);box-shadow:0 10px 35px rgba(0,0,0,.3)}.nav-wrap{min-height:74px;display:flex;align-items:center;gap:24px}.brand{font-weight:800;color:#fff;text-decoration:none;letter-spacing:.06em;font-size:1.2rem}.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--jt-border);color:#fff;padding:8px 12px;border-radius:8px}.main-nav{margin-left:auto}.main-nav ul{list-style:none;display:flex;gap:4px;margin:0;padding:0;align-items:center}.main-nav a{display:block;padding:12px 15px;color:var(--jt-text);text-decoration:none;border-radius:10px;transition:.2s}.main-nav a:hover,.main-nav .current-menu-item>a{color:#fff;background:rgba(74,168,255,.15);box-shadow:inset 0 -2px var(--jt-blue)}.hero{padding:22px 0}.hero img{width:100%;display:block;max-height:430px;object-fit:cover;border-radius:var(--jt-radius);border:1px solid var(--jt-border);box-shadow:0 18px 50px rgba(0,0,0,.4)}.welcome{text-align:center;padding:30px 20px 20px}.welcome-ornament{display:flex;align-items:center;justify-content:center;gap:14px;max-width:560px;margin:0 auto 8px;color:var(--jt-gold);opacity:.85}.welcome-ornament span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--jt-gold),transparent);box-shadow:0 0 8px rgba(214,168,90,.25)}.welcome-ornament b{font-size:1.1rem;font-weight:400;text-shadow:0 0 12px rgba(214,168,90,.35)}.welcome h1,.page-title{font-size:clamp(1.9rem,3.8vw,3.05rem);line-height:1.15;max-width:1050px;margin:.2em auto;color:#fff;text-shadow:0 3px 16px #000}.welcome p{color:var(--jt-muted);font-size:1.1rem}.portal-grid{width:min(900px,100%);margin-inline:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:12px 0 44px}.portal-card{display:block;text-decoration:none;color:#fff;background:rgba(4,10,16,.72);border:1px solid var(--jt-border);border-radius:var(--jt-radius);padding:10px;transition:transform .22s,box-shadow .22s,border-color .22s}.portal-card-disabled{cursor:default;opacity:.98}.portal-card-disabled img{filter:saturate(.96)}.portal-card:hover{transform:translateY(-5px) scale(1.018);border-color:rgba(74,168,255,.88);box-shadow:0 16px 35px rgba(0,0,0,.38),0 0 28px rgba(74,168,255,.18)}.portal-card:focus-visible{outline:2px solid var(--jt-blue);outline-offset:4px}.portal-card:not(.portal-card-disabled):hover img{filter:saturate(1.08) brightness(1.04)}.portal-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:11px;display:block}.portal-card .portal-label{display:none}.portal-card .portal-label{text-align:center;padding:10px 4px 3px;font-weight:700;letter-spacing:.05em}.content-area{padding:8px 0 54px}.content-card{background:rgba(5,12,20,.82);border:1px solid var(--jt-border);border-radius:var(--jt-radius);padding:clamp(20px,4vw,46px);box-shadow:0 18px 50px rgba(0,0,0,.28)}.content-card a{color:var(--jt-blue)}.jt-grid{display:grid;gap:22px}.jt-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.jt-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.jt-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.jt-card{background:rgba(8,17,27,.82);border:1px solid var(--jt-border);border-radius:14px;padding:20px}.jt-card img{max-width:100%;height:auto;border-radius:10px}.btn,.wp-block-button__link{display:inline-block;background:linear-gradient(#237fcf,#125b9d);color:#fff!important;text-decoration:none;border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:11px 17px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.25)}.btn:hover,.wp-block-button__link:hover{filter:brightness(1.12);transform:translateY(-1px)}.music-list{display:grid;gap:14px}.track{display:grid;grid-template-columns:80px 1fr auto;gap:16px;align-items:center;background:rgba(6,13,21,.86);border:1px solid var(--jt-border);padding:12px;border-radius:12px}.track img{width:80px;height:80px;object-fit:cover;border-radius:9px}.track h3{margin:0 0 4px}.track p{margin:0;color:var(--jt-muted)}.audio-player{width:100%;margin-top:8px}.download-box{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.footer{padding:0 0 30px}.disclaimer-footer{padding:26px 0 22px}.disclaimer-footer img{width:100%;height:auto;display:block;border-radius:var(--jt-radius);border:1px solid var(--jt-border);box-shadow:0 16px 45px rgba(0,0,0,.4)}.footer-inner{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.site-footer{border-top:1px solid var(--jt-border);padding:22px 0;color:var(--jt-muted);text-align:center;background:rgba(4,9,14,.78)}.site-footer a{color:var(--jt-blue)}.admin-note{padding:12px;border:1px dashed var(--jt-gold);background:rgba(214,168,90,.08);border-radius:10px;color:#e8d1a3}.hero-page{padding:24px 0}.hero-page .page-hero{margin-bottom:28px}.page-hero img{width:100%;max-height:400px;object-fit:cover;border-radius:var(--jt-radius);border:1px solid var(--jt-border)}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.split img{width:100%;border-radius:var(--jt-radius)}.archive-header{padding:28px 0}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Flexible content building blocks */
.jt-section{padding:clamp(18px,3vw,42px) 0}.jt-section-tight{padding:12px 0}.jt-narrow{max-width:860px;margin-inline:auto}.jt-wide{max-width:1500px;margin-inline:auto}.jt-center{text-align:center}.jt-muted{color:var(--jt-muted)}.jt-divider{border:0;border-top:1px solid var(--jt-border);margin:34px 0}.jt-hero-panel{padding:clamp(28px,6vw,70px);text-align:center;border:1px solid var(--jt-border);border-radius:var(--jt-radius);background:linear-gradient(135deg,rgba(7,17,29,.94),rgba(43,24,14,.82));box-shadow:0 20px 55px rgba(0,0,0,.32)}.jt-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.jt-media-grid img{width:100%;height:auto;display:block;border-radius:12px}.jt-feature{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:30px;align-items:center}.jt-feature.reverse{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr)}.jt-feature>img,.jt-feature figure img{width:100%;height:auto;border-radius:14px}.jt-callout{padding:22px 24px;border-left:4px solid var(--jt-blue);background:rgba(74,168,255,.08);border-radius:0 12px 12px 0}.jt-download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.jt-download-card{background:rgba(6,13,21,.88);border:1px solid var(--jt-border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}.jt-download-card .btn{align-self:flex-start}.jt-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.jt-stat{padding:18px;text-align:center;background:rgba(8,17,27,.82);border:1px solid var(--jt-border);border-radius:12px}.jt-stat strong{display:block;font-size:1.8rem;color:#fff}.jt-video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px}.jt-video iframe,.jt-video video{width:100%;height:100%;border:0}.jt-table-wrap{overflow-x:auto}.jt-table-wrap table{width:100%;border-collapse:collapse}.jt-table-wrap th,.jt-table-wrap td{padding:12px;border-bottom:1px solid var(--jt-border);text-align:left}.jt-tabs{display:grid;gap:14px}.jt-note{font-size:.92rem;color:var(--jt-muted);font-style:italic}.jt-spacer{height:clamp(20px,5vw,70px)}
@media(max-width:900px){.portal-grid{width:min(620px,100%);grid-template-columns:repeat(2,1fr)}.jt-grid-3,.jt-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.menu-toggle{display:block}.main-nav{display:none;width:100%;margin:0}.nav-wrap{flex-wrap:wrap}.main-nav.is-open{display:block}.main-nav ul{flex-direction:column;align-items:stretch;padding-bottom:12px}.main-nav a{padding:12px}.brand{margin-right:auto}}@media(max-width:600px){.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.disclaimer-footer{padding-top:18px}.portal-card{padding:7px}.portal-card .portal-label{font-size:.9rem}.jt-grid-2,.jt-grid-3,.jt-grid-4{grid-template-columns:1fr}.container{width:min(var(--jt-max),calc(100% - 20px))}.track{grid-template-columns:60px 1fr}.track img{width:60px;height:60px}.track .download-box{grid-column:1/-1}.jt-feature,.jt-feature.reverse{grid-template-columns:1fr}.hero{padding-top:10px}}