/*
Theme Name: VostLine
Description: Lightweight theme for vostertv.com.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: vostline
*/
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#0B0B0F;color:#D9DEE8;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:#FFA06B;text-decoration:none}
a:hover{color:#FFC247}
img{max-width:100%;height:auto}
h1,h2,h3,h4{color:#FFFFFF;line-height:1.25;margin:0 0 .6em}
h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.02em}
h2{font-size:clamp(24px,3.4vw,34px);letter-spacing:-.01em}
h3{font-size:19px}
p{margin:0 0 1em}
.vt-wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.vt-narrow{max-width:820px;margin:0 auto;padding:0 20px}

/* header */
.vt-head{position:sticky;top:0;z-index:50;background:rgba(11,11,15,.94);backdrop-filter:blur(8px);border-bottom:1px solid #1E1E26}
.vt-head .vt-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px}
.vt-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;letter-spacing:.04em;font-size:18px}
.vt-logo:hover{color:#fff}
.vt-logo b{color:#FFC247}
.vt-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;align-items:center}
.vt-nav a{color:#C9CFDB;font-size:15px;font-weight:500}
.vt-nav a:hover,.vt-nav .current-menu-item>a{color:#fff}
.vt-nav .vt-cta>a,.vt-btn{display:inline-block;background:linear-gradient(135deg,#FF6A2B,#FF8F4D);color:#FFFFFF!important;font-weight:700;padding:11px 20px;border-radius:10px;border:0;cursor:pointer;font-size:15px;line-height:1.2}
.vt-btn:hover{filter:brightness(1.08);color:#FFFFFF}
.vt-btn.vt-ghost{background:transparent;color:#fff!important;border:1px solid #34343F}
.vt-burger{display:none;background:none;border:1px solid #34343F;color:#fff;border-radius:8px;padding:8px 11px;font-size:18px;cursor:pointer}
@media(max-width:860px){
 .vt-burger{display:block}
 .vt-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#121218;border-bottom:1px solid #1E1E26;padding:14px 20px}
 .vt-nav.open{display:block}
 .vt-nav ul{flex-direction:column;align-items:flex-start;gap:14px}
}

/* sections */
.vt-sec{padding:64px 0}
.vt-sec.alt{background:#121218;border-top:1px solid #1A1A21;border-bottom:1px solid #1A1A21}
.vt-hero{padding:72px 0 56px;background:radial-gradient(1000px 420px at 80% -10%,rgba(255,106,43,.20),transparent 60%),radial-gradient(800px 380px at 0% 0%,rgba(255,194,71,.10),transparent 60%)}
.vt-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#FFC247;background:rgba(255,194,71,.08);border:1px solid rgba(255,194,71,.25);padding:6px 12px;border-radius:999px;margin-bottom:18px}
.vt-lead{font-size:18px;color:#B9C1D1;max-width:720px}
.vt-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 10px}
.vt-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;color:#9AA4B8;font-size:14px}
.vt-trust span::before{content:"✓ ";color:#FFA06B;font-weight:700}
.vt-grid{display:grid;gap:18px}
.vt-g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.vt-g3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.vt-g4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.vt-card{background:#16161D;border:1px solid #26262F;border-radius:14px;padding:22px}
.vt-card h3{margin-bottom:.4em}
.vt-card p:last-child{margin-bottom:0}
.vt-num{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:rgba(255,106,43,.15);color:#FFA06B;font-weight:800;margin-bottom:10px}
.vt-ico{font-size:24px;margin-bottom:8px;display:block}
.vt-list{list-style:none;padding:0;margin:0 0 1em}
.vt-list li{padding:6px 0 6px 26px;position:relative}
.vt-list li::before{content:"";position:absolute;left:4px;top:15px;width:9px;height:9px;border-radius:50%;background:#FF6A2B}
.vt-center{text-align:center}
.vt-center .vt-lead{margin-left:auto;margin-right:auto}
.vt-band{background:linear-gradient(135deg,#2A1408,#16161D);border:1px solid #5A2A12;border-radius:18px;padding:36px;text-align:center}
.vt-note{font-size:14px;color:#8E98AD}
table.vt-table{width:100%;border-collapse:collapse;margin:0 0 1em}
.vt-table th,.vt-table td{border-bottom:1px solid #26262F;padding:12px 10px;text-align:left}
.vt-table th{color:#fff}

/* faq */
.vt-faq details{background:#16161D;border:1px solid #26262F;border-radius:12px;padding:0 20px;margin-bottom:12px}
.vt-faq summary{cursor:pointer;padding:17px 0;font-weight:600;color:#fff;list-style:none}
.vt-faq summary::-webkit-details-marker{display:none}
.vt-faq summary::after{content:"+";float:right;color:#FFA06B;font-weight:700}
.vt-faq details[open] summary::after{content:"–"}
.vt-faq details>div{padding:0 0 16px;color:#C2C9D6}

/* pricing */
.vt-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 26px}
.vt-tab{background:#16161D;color:#C9CFDB;border:1px solid #2E2E39;border-radius:999px;padding:9px 18px;cursor:pointer;font-weight:600;font-size:14px}
.vt-tab.on{background:#FF6A2B;border-color:#FF6A2B;color:#FFFFFF}
.vt-plans[hidden]{display:none!important}
.vt-plans{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.vt-plan{background:#16161D;border:1px solid #26262F;border-radius:16px;padding:26px 22px;display:flex;flex-direction:column;position:relative}
.vt-plan.best{border-color:#FF6A2B;box-shadow:0 0 0 1px #FF6A2B inset,0 18px 40px rgba(255,106,43,.12)}
.vt-plan .vt-badge{position:absolute;top:-12px;left:22px;background:#FFC247;color:#0B0B0F;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}
.vt-plan h3{font-size:17px;color:#C9CFDB;font-weight:600}
.vt-price{font-size:40px;font-weight:800;color:#fff;line-height:1}
.vt-price small{font-size:15px;color:#8E98AD;font-weight:500}
.vt-per{color:#FFC247;font-size:14px;margin:8px 0 16px}
.vt-plan ul{list-style:none;padding:0;margin:0 0 20px;flex:1}
.vt-plan li{padding:5px 0 5px 22px;position:relative;font-size:14px}
.vt-plan li::before{content:"✓";position:absolute;left:0;color:#FFA06B;font-weight:700}
.vt-plan .vt-btn{text-align:center}

/* page content */
.vt-page{padding:48px 0 64px}
.vt-page .entry h2{margin-top:1.4em}
.vt-page .entry ul{padding-left:20px}

/* footer */
.vt-foot{background:#08080B;border-top:1px solid #1E1E26;padding:44px 0 26px;color:#8E98AD;font-size:14px}
.vt-foot .vt-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px}
.vt-foot h4{color:#fff;font-size:15px;margin-bottom:.8em}
.vt-foot ul{list-style:none;padding:0;margin:0}
.vt-foot li{padding:4px 0}
.vt-foot a{color:#AEB6C6}
.vt-foot a:hover{color:#fff}
.vt-copy{border-top:1px solid #1E1E26;margin-top:28px;padding-top:18px;font-size:13px}

/* woocommerce */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{background:#121218;border:1px solid #2E2E39;color:#fff;border-radius:8px;padding:11px 12px}
.woocommerce form .form-row label{color:#C9CFDB}
.woocommerce table.shop_table{border-color:#26262F;color:#D9DEE8}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:#26262F}
.woocommerce-checkout #payment{background:#16161D!important;border-radius:12px}
.woocommerce-checkout #payment div.payment_box{background:#1D1D25!important;color:#D9DEE8}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#1D1D25!important}
.woocommerce #payment #place_order,.woocommerce button.button.alt,.woocommerce a.button.alt{background:linear-gradient(135deg,#FF6A2B,#FF8F4D)!important;color:#FFFFFF!important;font-weight:700;border-radius:10px}
.woocommerce-info,.woocommerce-message,.woocommerce-error{background:#16161D;color:#D9DEE8;border-top-color:#FF6A2B}
.vt-form label{display:block;font-weight:600;color:#fff;margin:14px 0 6px}
.vt-form input,.vt-form select,.vt-form textarea{width:100%;background:#121218;border:1px solid #2E2E39;color:#fff;border-radius:8px;padding:11px 12px;font:inherit}
.vt-form button{margin-top:18px}
.vt-ok{background:rgba(52,199,89,.12);border:1px solid rgba(52,199,89,.35);color:#BFF0CB;border-radius:10px;padding:14px 16px;margin-bottom:16px}
.vt-err{background:rgba(255,69,58,.12);border:1px solid rgba(255,69,58,.35);color:#FFD0CC;border-radius:10px;padding:14px 16px;margin-bottom:16px}

/* vostertv extras */
.vt-paybar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.vt-paybar span{background:#16161D;border:1px solid #2E2E39;border-radius:999px;padding:7px 14px;font-size:14px;color:#E6E6EC}
.vt-steps{counter-reset:s}
.vt-hero h1 em{font-style:normal;color:#FF6A2B}
.vt-dev{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.vt-dev span{background:#16161D;border:1px solid #26262F;border-radius:10px;padding:10px 16px;font-weight:600;color:#fff}
.woocommerce-checkout .vt-geo{background:#1D1D25;border:1px solid #5A2A12;border-radius:10px;padding:12px 14px;margin:0 0 14px;font-size:14px}
