/*
Theme Name: VPN Authority
Theme URI: https://example.com/vpn-authority
Author: OpenAI
Description: A fast, mobile-first block theme built specifically for VPN reviews, comparisons, deals, country/device guides, and evidence-led affiliate publishing. Designed to pair with VPN Authority Core.
Version: 1.0.1
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vpn-authority
Tags: block-patterns, full-site-editing, custom-logo, featured-images, wide-blocks, blog, news
*/

:root {
  --vpa-ink:#10243e;
  --vpa-blue:#1557ff;
  --vpa-cyan:#00a7c7;
  --vpa-green:#0a8f64;
  --vpa-surface:#ffffff;
  --vpa-soft:#f5f8fc;
  --vpa-line:#dfe7f1;
  --vpa-muted:#617086;
  --vpa-radius:18px;
  --vpa-shadow:0 14px 40px rgba(16,36,62,.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--vpa-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a{text-underline-offset:.16em}
img{max-width:100%;height:auto}

.vpa-site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--vpa-line)}
.admin-bar .vpa-site-header{top:32px}
.vpa-header-inner{min-height:74px}
.vpa-brand .wp-block-site-title{font-weight:850;letter-spacing:-.03em}
.vpa-nav .wp-block-navigation-item__content{font-weight:650}
.vpa-nav .wp-block-navigation-item__content:hover{color:var(--vpa-blue)}

.vpa-hero{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#0d2a53 0%,#1557ff 58%,#00a7c7 100%);box-shadow:var(--vpa-shadow)}
.vpa-hero:after{content:"";position:absolute;inset:auto -10% -45% 30%;height:360px;background:radial-gradient(circle,#76e6ff 0,rgba(118,230,255,0) 70%);opacity:.32;pointer-events:none}
.vpa-hero *{position:relative;z-index:1}
.vpa-kicker{display:inline-block;padding:.36rem .7rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.vpa-hero-search{max-width:670px}
.vpa-hero-search .wp-block-search__inside-wrapper{border-radius:14px;background:#fff;padding:6px;border:none;box-shadow:0 10px 26px rgba(3,14,34,.15)}
.vpa-hero-search input{border:none!important}
.vpa-hero-search button{border-radius:10px!important}

.vpa-trust-strip{margin-top:-28px;position:relative;z-index:4;background:#fff;border:1px solid var(--vpa-line);border-radius:18px;box-shadow:var(--vpa-shadow)}
.vpa-trust-item strong{display:block;font-size:1.05rem}
.vpa-trust-item span{color:var(--vpa-muted);font-size:.88rem}

.vpa-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.vpa-section-head p{margin-bottom:0;color:var(--vpa-muted)}

.vpa-card,.wp-block-post.vpa-card{background:#fff;border:1px solid var(--vpa-line);border-radius:var(--vpa-radius);overflow:hidden;box-shadow:0 8px 24px rgba(16,36,62,.05);transition:transform .2s ease,box-shadow .2s ease}
.vpa-card:hover,.wp-block-post.vpa-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(16,36,62,.10)}
.vpa-card .wp-block-post-featured-image img{aspect-ratio:16/9;object-fit:cover}
.vpa-card-body{padding:20px}
.vpa-card .wp-block-post-title{font-size:1.15rem;line-height:1.3}
.vpa-card .wp-block-post-excerpt{color:var(--vpa-muted)}

.vpa-soft-section{background:var(--vpa-soft);border:1px solid #e9eef5;border-radius:26px}
.vpa-content-shell{max-width:860px;margin-left:auto;margin-right:auto}
.vpa-content-shell>p,.vpa-content-shell>ul,.vpa-content-shell>ol{font-size:1.06rem;line-height:1.82}
.vpa-content-shell h2{margin-top:2.2em;letter-spacing:-.025em}
.vpa-content-shell h3{margin-top:1.7em;letter-spacing:-.015em}
.vpa-content-shell table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--vpa-line);border-radius:14px;overflow:hidden}
.vpa-content-shell th,.vpa-content-shell td{padding:12px 14px;border-bottom:1px solid var(--vpa-line);text-align:left}
.vpa-content-shell th{background:var(--vpa-soft)}

.vpa-breadcrumbs{font-size:.86rem;color:var(--vpa-muted)}
.vpa-breadcrumbs a{color:inherit}
.vpa-post-meta{color:var(--vpa-muted);font-size:.9rem}
.vpa-feature-image img{border-radius:20px;box-shadow:var(--vpa-shadow)}

.vpa-footer{margin-top:80px;border-top:1px solid var(--vpa-line);background:#0c1d34;color:#dce6f3}
.vpa-footer a{color:#fff}
.vpa-footer-note{color:#9eb0c6;font-size:.88rem;line-height:1.7}

.wp-block-button__link{font-weight:750;box-shadow:none!important;transition:transform .15s ease,box-shadow .15s ease}
.wp-block-button__link:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(21,87,255,.18)!important}

.vpa-deal-band{border-radius:20px;background:linear-gradient(120deg,#0d2a53,#1557ff);color:#fff}
.vpa-no-margin{margin:0!important}

@media(max-width:782px){
  .admin-bar .vpa-site-header{top:46px}
  .vpa-site-header{position:relative;top:auto}
  .vpa-header-inner{min-height:64px}
  .vpa-hero{border-radius:20px}
  .vpa-trust-strip{margin-top:18px}
  .vpa-section-head{display:block}
  .vpa-content-shell>p,.vpa-content-shell>ul,.vpa-content-shell>ol{font-size:1rem;line-height:1.72}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vpa-card,.wp-block-button__link{transition:none}}