/*
Theme Name: AVN News
Version: 1.0.0
Requires PHP: 7.4
Text Domain: avn-news
*/

*{box-sizing:border-box}body{margin:0;background:#080808;color:#fff;font-family:Arial,sans-serif}button{cursor:pointer;border:0}header{background:#090909;border-bottom:1px solid #333}.headerline{height:76px;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.logo{height:64px;width:90px;object-fit:contain}.iconbtn{background:none;color:white;font-size:27px;padding:8px}.right{display:flex;align-items:center;gap:17px}.subscribe{background:#df171e;color:white;padding:16px 18px;font-size:12px;font-weight:900;letter-spacing:1px}.promo{background:#171717;text-align:center;color:#ddd;padding:16px 10px;font-size:14px;border-bottom:1px solid #333}.promo span{color:#ab171d}.nav{display:flex;overflow-x:auto;gap:30px;white-space:nowrap;padding:20px max(22px,calc((100vw - 1160px)/2));border-bottom:1px solid #333;scrollbar-width:none}.nav a{color:#ccc;text-decoration:none;font-size:16px;font-weight:600}.banner{max-width:1160px;margin:25px auto;background:linear-gradient(110deg,#e4bd85,#fbe8ba 55%,#b25a34);color:#6a2119;min-height:110px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;font-weight:900;font-size:clamp(18px,4vw,35px)}.banner small{display:block;font-size:12px;letter-spacing:2px;margin-top:6px}.ticker{display:flex;background:#e71921;min-height:58px;align-items:center;overflow:hidden;white-space:nowrap}.ticker strong{background:#a30b11;padding:21px;font-size:12px;letter-spacing:2px}.ticker span{padding:0 18px;font-size:15px}.wrap{max-width:1160px;margin:auto;padding:0 22px}.hero{background:#000;margin-bottom:30px}.hero-image{width:100%;height:clamp(260px,48vw,540px);object-fit:cover;display:block;background:#2b2520}.hero-copy{padding:24px 26px 28px}:is(span,p).category{display:inline-block;background:#e31920;padding:9px 13px;font-size:12px;font-weight:800;letter-spacing:1px}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-size:clamp(27px,4.5vw,48px);line-height:1.05;letter-spacing:.4px;text-transform:uppercase;max-width:780px}.summary{color:#b9b9b9;line-height:1.65;font-size:17px}.meta{color:#999;font-size:13px;margin-top:18px}.section-title{border-bottom:2px solid #333;padding-bottom:15px;font-size:23px;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 50px}.card{background:#151515;cursor:pointer}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card section{padding:16px}.card h3{font-size:19px;line-height:1.2}.empty{grid-column:1/-1;padding:45px 20px;text-align:center;color:#aaa;background:#141414}.footer{border-top:1px solid #333;background:#111;padding:35px 20px;text-align:center;color:#aaa}.footer img{width:70px}.detail{display:none;max-width:950px;margin:20px auto;padding:22px;line-height:1.7}.detail img{width:100%;max-height:500px;object-fit:cover}@media(max-width:650px){.headerline{height:74px}.logo{height:58px;width:88px}.nav{gap:27px;padding:19px 22px}.banner{margin:25px 22px;min-height:100px}.wrap{padding:0 22px}.hero-copy{padding:22px 20px}.cards{grid-template-columns:1fr}.subscribe{padding:15px 13px}.right{gap:12px}}
.card,.read{color:inherit;text-decoration:none}.read{display:inline-block;background:#d71920;padding:12px;margin-top:16px}.detail .body{white-space:pre-line}.detail h1{line-height:1.12}.detail{scroll-margin-top:10px}.nav a[aria-current]{color:white;text-decoration:underline;text-decoration-color:#e31920;text-underline-offset:6px}
body{background:#0c0c0c}.headerline{position:relative}.logo{position:absolute;left:50%;transform:translateX(-50%);height:100%;width:auto}.right{margin-left:auto}.nav a[aria-current]{text-decoration:none;border-bottom:3px solid #fff}.nav a{padding:10px 4px 9px}.nav{padding-block:0;gap:clamp(6px,2vw,28px)}.banner{display:block;padding:0;min-height:0;background:none;width:calc(100% - 30px);max-width:900px;margin:16px auto 30px}.banner img{width:100%;display:block}.wrap{max-width:940px}#section-name{font:700 21px/1.2 'Arial Narrow',sans-serif;letter-spacing:.04em;margin:0 0 14px;padding:0 0 12px;border-bottom:2px solid #eee}#topics{display:flex;flex-wrap:wrap;gap:7px}#topics[hidden]{display:none}#topics a{display:block;border:1px solid #303030;color:#ccc;text-decoration:none;padding:12px;font:14px/1.25 monospace;letter-spacing:.05em}#topics a[aria-current="true"]{color:#161616;background:#f4f4f4;border-color:#f4f4f4}.searchbox{display:flex;width:min(81%,430px);margin:13px 0 22px;border:1px solid #303030;height:38px}.searchbox input{min-width:0;flex:1;background:transparent;color:#fff;padding:0 13px;border:0;font:14px Arial}.glass{position:relative;width:42px;background:#030303}.glass:before{content:'';display:block;border:1.5px solid currentColor;border-radius:50%;width:9px;height:9px;position:absolute;left:calc(50% - 6px);top:calc(50% - 6px)}.glass:after{content:'';position:absolute;background:currentColor;width:5px;height:1.5px;left:calc(50% + 3px);top:calc(50% + 4px);transform:rotate(45deg)}.glass{color:#fff}.right .glass{height:38px;background:transparent}.nav{scrollbar-width:none}.hero:empty{display:none}
@media(max-width:650px){.headerline{height:60px;padding:0 15px}.right{gap:4px}.iconbtn{font-size:17px;padding:3px}.subscribe{padding:11px 10px;font:700 11px/1 Arial;letter-spacing:.06em}.promo{padding:8px;font-size:12px}.nav{justify-content:space-between;gap:7px;padding-inline:15px}.nav a{font-size:clamp(11px,2.95vw,16px)}.wrap{padding:0 15px}#topics a{padding:clamp(9px,3.2vw,17px);font-size:clamp(11px,3vw,16px)}#section-name{font-size:17px}.banner{margin-bottom:30px}}
.card img.portrait-poster,.hero img.portrait-poster,.detail img.portrait-poster{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.hero img.portrait-poster,.detail img.portrait-poster{max-width:480px;margin:18px auto}
.wp-post-image,.article-content img{max-width:100%;height:auto}.article-content{line-height:1.8}.pagination{padding:20px}.screen-reader-text{position:absolute;left:-10000px}
/* WordPress header layout */
.headerline .logo{top:0;height:76px;max-width:110px;object-fit:contain}.headerline a{text-decoration:none}.headerline .iconbtn{color:#fff}.card h2{font-size:19px;line-height:1.25}.wrap>article>.wp-post-image{display:block;width:auto;max-width:min(100%,480px);margin:24px auto}.wrap>article{padding-bottom:36px}@media(max-width:650px){.headerline .logo{height:60px}}

/* Article: date, image, title, body */
body.single .banner{display:none}body.single main.wrap>article{display:flex;flex-direction:column;padding-top:14px}body.single main.wrap>article>.read,body.single main.wrap>article>:is(span,p).category{display:none}body.single main.wrap>article>.meta{order:0;margin:0 0 10px}body.single main.wrap>article>.wp-post-image{order:1;display:block;margin:0 auto 18px;max-width:100%;width:auto;height:auto}body.single main.wrap>article>h1{order:2;margin:0 0 16px}body.single main.wrap>article>.article-content{order:3}

/* Restore original article photo width */
body.single main.wrap>article>.wp-post-image{max-width:min(100%,480px);align-self:center;flex-shrink:0}

/* Compact full photo on article pages */
body.single main.wrap>article>.wp-post-image,body.single .article-content img{width:auto;height:auto;max-width:min(100%,480px);max-height:60vh;max-height:60svh;object-fit:contain;align-self:center;margin-left:auto;margin-right:auto;display:block}

/* Navigation and theme controls */
body>.nav{margin-bottom:24px}.headerline .right{gap:8px}.avn-menu{border:1px solid #383838;background:#111;color:#fff;padding:24px;width:min(420px,90vw);border-radius:4px;max-height:85svh}.avn-menu::backdrop{background:rgba(0,0,0,.72)}.avn-menu-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;padding-bottom:12px}.avn-menu-head form{margin:0}.avn-menu nav{display:flex;flex-direction:column}.avn-menu nav a{color:inherit;text-decoration:none;padding:17px 8px;border-bottom:1px solid #333}.avn-menu nav a:hover,.avn-menu nav a:focus{background:#d71920;color:#fff}.avn-theme-button{width:34px;font-size:23px}.headerline .logo{pointer-events:none}button:focus-visible,a:focus-visible{outline:2px solid #df171e;outline-offset:4px}
html[data-theme="light"] body{background:#fff;color:#151515}html[data-theme="light"] header{background:#fff;border-color:#ddd}html[data-theme="light"] .nav{border-color:#ddd}html[data-theme="light"] .nav a,html[data-theme="light"] .headerline .iconbtn{color:#151515}html[data-theme="light"] .card,html[data-theme="light"] .empty{background:#f2f2f2}html[data-theme="light"] .summary,html[data-theme="light"] .meta{color:#555}html[data-theme="light"] .searchbox{border-color:#ccc}html[data-theme="light"] .searchbox input{color:#111}html[data-theme="light"] .glass{background:#e31920;color:#fff}html[data-theme="light"] #section-name{border-color:#222}html[data-theme="light"] .footer{background:#f2f2f2;color:#444;border-color:#ddd}html[data-theme="light"] .avn-menu{background:#fff;color:#111;border-color:#ddd}html[data-theme="light"] .avn-menu-head,html[data-theme="light"] .avn-menu nav a{border-color:#ddd}html[data-theme="light"] .avn-menu .iconbtn{color:#111}
@media(max-width:650px){.headerline .right{gap:3px}.avn-theme-button{font-size:21px;width:30px}.headerline .logo{max-width:72px}.avn-menu{padding:18px}}

:is(span,p).category{color:#fff}.avn-subscription-form{display:grid;gap:12px}.avn-subscription-form[hidden]{display:none}.avn-subscription-form input[type=email]{width:100%;background:#171717;border:1px solid #555;color:#fff;padding:12px;font:inherit}.avn-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}.avn-consent input{margin-top:4px;flex-shrink:0}.avn-subscribe-note{font-size:12px;line-height:1.5;color:#aaa}.avn-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.avn-subscribe .subscribe{width:100%}html[data-theme="light"] :is(span,p).category{color:#fff}html[data-theme="light"] .avn-subscription-form input[type=email]{background:#fff;color:#111;border-color:#aaa}html[data-theme="light"] .avn-subscribe-note{color:#555}.headerline .right .subscribe{padding:12px;font-size:11px}@media(max-width:650px){.headerline .right .subscribe{font-size:9px;padding:10px 7px;letter-spacing:0}.headerline .right .iconbtn{font-size:20px;width:26px;padding:2px}}@media(max-width:400px){.headerline .logo{left:40%;max-width:60px}}

/* Sliding navigation drawer */
#avn-menu{position:fixed;inset:0 auto 0 0;margin:0;width:min(340px,85vw);height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border:0;border-right:1px solid #333;border-radius:0;box-shadow:16px 0 50px rgba(0,0,0,.3);transform:translateX(-100%);opacity:0;transition:transform .28s ease,opacity .28s ease,overlay .28s allow-discrete,display .28s allow-discrete}#avn-menu[open]{transform:translateX(0);opacity:1}#avn-menu::backdrop{background:rgba(0,0,0,0);transition:background .28s ease,overlay .28s allow-discrete,display .28s allow-discrete}#avn-menu[open]::backdrop{background:rgba(0,0,0,.65)}@starting-style{#avn-menu[open]{transform:translateX(-100%);opacity:0}#avn-menu[open]::backdrop{background:rgba(0,0,0,0)}}@media(prefers-reduced-motion:reduce){#avn-menu,#avn-menu::backdrop{transition-duration:.01ms}}

/* Consistent backgrounds across every page */
html:not([data-theme="light"]),html:not([data-theme="light"]) body,html:not([data-theme="light"]) header,html:not([data-theme="light"]) body>.nav,html:not([data-theme="light"]) .footer,html:not([data-theme="light"]) .avn-menu{background-color:#000}html[data-theme="light"],html[data-theme="light"] body,html[data-theme="light"] header,html[data-theme="light"] body>.nav,html[data-theme="light"] .footer,html[data-theme="light"] .avn-menu{background-color:#fff}

/* Theme-aware text on all listings and article pages */
html:not([data-theme="light"]) body{color:#fff}html[data-theme="light"] body{color:#000}html:not([data-theme="light"]) .summary,html:not([data-theme="light"]) .meta,html:not([data-theme="light"]) .nav a,html:not([data-theme="light"]) .footer,html:not([data-theme="light"]) .avn-subscribe-note{color:#fff}html[data-theme="light"] .summary,html[data-theme="light"] .meta,html[data-theme="light"] .nav a,html[data-theme="light"] .footer,html[data-theme="light"] .avn-subscribe-note{color:#000}.card h2{font-weight:700}.card .summary{font-weight:400;letter-spacing:normal}.card .meta{font-weight:400;letter-spacing:normal}

/* Logo links back to homepage */
.headerline .logo{pointer-events:auto;cursor:pointer}

/* Keep vector logo at the original visible mark size */
.headerline .logo{top:50%;height:56px;width:auto;max-width:none;transform:translate(-50%,-50%)}
@media(max-width:650px){.headerline .logo{height:44px;max-width:none}}