/*
Theme Name: Victory News
Theme URI: https://victorylicensing.com/news/
Author: Victory Licensing
Description: News-only theme for victorylicensing.com/news/. Reuses the static site's own stylesheets (/assets/css/ip-pages.css) so articles look identical to the rest of victorylicensing.com. Built for Polylang (EN, ID, JA, ZH).
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: Proprietary
Text Domain: victory-news
*/

/* Everything visual comes from /assets/css/ip-pages.css (loaded first). This file only adds what WordPress needs. */

/* ---------- Listing ---------- */
.vl-kicker{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.vl-updated{color:#64748B;letter-spacing:0;text-transform:none}
.vl-h1{margin-bottom:10px}
.vl-grid{gap:24px}
.vl-card{position:relative}
.vl-card:hover,.vl-card:focus-within{transform:translate(-3px,-3px);box-shadow:var(--sh-hover)}
.vl-chip-row{margin:0;padding:18px 22px 0}
.vl-chip-row .chip{position:static;display:inline-block}
.card .vl-card-body{padding:22px}
.vl-card .era{margin:0}
.card .body h3.vl-card-title{font-size:24px}
.vl-card-title a{color:inherit;text-decoration:none}
.vl-card-title a::after{content:"";position:absolute;inset:0;z-index:3}
.vl-card-title a:focus-visible{outline:none}
.vl-card:focus-within{outline:3px solid var(--ink);outline-offset:3px}
.vl-card:hover .vl-card-title a{color:var(--crimson)}
.vl-card-excerpt{margin:0}
.vl-pager{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;font-family:var(--fc);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.vl-pager a{color:var(--ink);text-decoration:none;border-bottom:3px solid var(--red);padding-bottom:2px}
.vl-pager a:hover{color:var(--crimson)}

/* ---------- Article ---------- */
.vl-chip-link{position:static;display:inline-block;text-decoration:none}
.vl-chip-link:hover{color:var(--white);background:var(--red)}
.h1.vl-h1-article{font-size:clamp(36px,5.2vw,76px);line-height:.95;max-width:24ch}
.vl-article-sec{border-top:0;padding-top:8px}
.vl-article-inner{max-width:820px}
.vl-hero-img{margin:0 0 40px;border:4px solid var(--ink);box-shadow:var(--sh-lg);background:#1E293B}
.vl-hero-img img{width:auto;max-width:100%;max-height:min(640px,75vh);margin:0 auto;object-fit:contain}

.vl-entry{font-size:clamp(17px,1.25vw,19px);line-height:1.7;color:#1E293B;overflow-wrap:break-word}
.vl-entry>*{margin-top:0;margin-bottom:1.2em}
.vl-entry h2{font-size:clamp(30px,3vw,44px);margin:1.6em 0 .55em;line-height:.95;color:var(--ink)}
.vl-entry h3{font-size:clamp(24px,2.2vw,32px);margin:1.4em 0 .5em;line-height:1;color:var(--ink)}
.vl-entry h4,.vl-entry h5,.vl-entry h6{font-family:var(--fc);text-transform:uppercase;letter-spacing:.06em;font-size:18px;margin:1.4em 0 .4em;color:var(--ink)}
.vl-entry a{color:var(--crimson);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.vl-entry a:hover{color:var(--red)}
.vl-entry strong{color:var(--ink)}
.vl-entry ul,.vl-entry ol{padding-left:1.3em}
.vl-entry li{margin:.35em 0}
.vl-entry li::marker{color:var(--red);font-weight:700}
.vl-entry blockquote,.vl-entry .wp-block-quote{margin:1.6em 0;padding:18px 24px;border-left:8px solid var(--red);background:var(--paper)}
.vl-entry blockquote p{margin:0 0 .5em}
.vl-entry blockquote cite{font-family:var(--fm);font-size:14px;font-style:normal;color:#64748B}
.vl-entry .wp-block-pullquote{border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);padding:24px 0;text-align:left}
.vl-entry figure{margin:1.8em 0}
.vl-entry img{height:auto}
.vl-entry .wp-block-image img{border:4px solid var(--ink)}
.vl-entry figcaption,.vl-entry .wp-element-caption{font-family:var(--fm);font-size:13px;color:#64748B;margin-top:8px;text-align:left}
.vl-entry hr,.vl-entry .wp-block-separator{border:0;border-top:4px solid var(--ink);margin:2.2em 0;opacity:1}
.vl-entry table{width:100%;border-collapse:collapse;font-size:16px}
.vl-entry th,.vl-entry td{border:2px solid var(--ink);padding:8px 12px;text-align:left;vertical-align:top}
.vl-entry th{background:var(--ink);color:var(--white);font-family:var(--fc);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.vl-entry .wp-block-table{overflow-x:auto}
.vl-entry code{font-family:var(--fm);background:var(--gray);padding:1px 6px}
.vl-entry .wp-block-embed iframe,.vl-entry iframe{max-width:100%}
.vl-entry .wp-block-embed{border:4px solid var(--ink);background:var(--ink)}
.vl-entry .wp-block-embed figcaption{background:var(--white);margin:0;padding:8px 12px}
.vl-entry .wp-block-button__link{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:var(--white);border:4px solid var(--ink);border-radius:0;box-shadow:var(--sh);font-family:var(--fc);text-transform:uppercase;letter-spacing:.08em;font-weight:700;text-decoration:none;padding:12px 22px}
.vl-entry .wp-block-button__link:hover{color:var(--white);transform:translate(-2px,-2px);box-shadow:var(--sh-hover)}
.vl-entry .wp-block-gallery{gap:12px}
.vl-entry .alignleft{float:left;margin:.3em 1.4em 1em 0;max-width:50%}
.vl-entry .alignright{float:right;margin:.3em 0 1em 1.4em;max-width:50%}
.vl-entry .aligncenter{margin-left:auto;margin-right:auto}
.vl-entry::after{content:"";display:table;clear:both}

.vl-post-nav{margin-top:56px;padding-top:28px;border-top:4px solid var(--ink);display:grid;gap:24px}
.vl-back{justify-self:start}
.vl-adjacent{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.vl-adjacent a{display:grid;gap:6px;padding:16px 18px;border:4px solid var(--ink);background:var(--white);color:var(--ink);text-decoration:none;box-shadow:var(--sh);transition:transform var(--t-micro),box-shadow var(--t-micro)}
.vl-adjacent a:hover{transform:translate(-2px,-2px);box-shadow:var(--sh-hover);color:var(--crimson)}
.vl-adjacent .mono{font-size:12px;color:var(--crimson);text-transform:uppercase;letter-spacing:.1em}
.vl-adjacent strong{font-family:var(--fd);font-style:italic;font-weight:900;text-transform:uppercase;line-height:1;font-size:20px}
html[lang="ja"] .vl-adjacent strong,html[lang="zh-CN"] .vl-adjacent strong{font-style:normal;text-transform:none;line-height:1.35}

/* ---------- WordPress plumbing ---------- */
.admin-bar .hdr{top:32px}
@media (max-width:782px){.admin-bar .hdr{top:46px}}
@media (max-width:600px){.admin-bar .hdr{top:0}}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:var(--yellow);clip:auto!important;clip-path:none;color:var(--ink);display:block;height:auto;left:12px;padding:8px 12px;top:12px;width:auto;z-index:100000}