/*
Theme Name: VTVR Navid Child
Theme URI: https://onderzoek.veteranen-radio.nl
Description: Child theme voor VTVR | Onderzoeksredactie op basis van Navid Pro.
Author: IT-Connects / Veteranen TV & Radio
Template: navid
Version: 1.0.0
Text Domain: vtvr-navid-child
*/

:root{
  --vtvr-bg:#151515;
  --vtvr-bg-2:#0b0d0f;
  --vtvr-panel:#1d1d1d;
  --vtvr-border:rgba(255,255,255,.10);
  --vtvr-text:#f3f4f6;
  --vtvr-muted:#b7bdc7;
  --vtvr-orange:#d93a0a;
  --vtvr-orange-bright:#f15a24;
  --vtvr-green:#5e7330;
  --vtvr-green-dark:#33420f;
}

body{
  background:var(--vtvr-bg)!important;
  color:var(--vtvr-text)!important;
}

/* Hoofdkleuren */
a:hover,
.entry-title a:hover,
.site-title a:hover,
.navid-meta a:hover{
  color:var(--vtvr-orange-bright)!important;
}

button,
.button,
.wp-block-button__link,
input[type="submit"],
.navid-btn,
.subscribe-button,
.navid-subscribe,
.navid-button{
  background:var(--vtvr-orange)!important;
  border-color:var(--vtvr-orange)!important;
  color:#fff!important;
}

button:hover,
.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
.navid-btn:hover,
.subscribe-button:hover,
.navid-subscribe:hover,
.navid-button:hover{
  background:var(--vtvr-orange-bright)!important;
  border-color:var(--vtvr-orange-bright)!important;
}

/* Header */
.site-header,
.header,
.navid-header,
.main-header{
  background:linear-gradient(180deg,rgba(20,20,20,.98),rgba(14,14,14,.94))!important;
  border-bottom:1px solid var(--vtvr-border)!important;
}

.site-title,
.site-title a,
.logo-text,
.custom-logo-link + .site-title,
.header-logo,
.navid-logo{
  letter-spacing:.02em!important;
}

.site-title a,
.site-branding a,
.site-logo a,
.navid-logo a{
  color:#fff!important;
}

.custom-logo,
.site-logo img,
.navid-logo img{
  max-height:54px!important;
  width:auto!important;
}

.main-navigation a,
.primary-menu a,
.nav-menu a,
.menu a{
  color:#f7f7f7!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

.main-navigation a:hover,
.primary-menu a:hover,
.nav-menu a:hover,
.menu a:hover,
.current-menu-item > a{
  color:var(--vtvr-orange-bright)!important;
}

/* Hero */
.hero,
.navid-hero,
.hero-section,
.home-hero{
  background-color:#071015!important;
}

.hero .entry-title,
.navid-hero h1,
.hero-section h1,
.home-hero h1{
  color:#fff!important;
  text-shadow:0 4px 18px rgba(0,0,0,.55);
}

.category,
.cat-links a,
.post-categories a,
.navid-category,
.badge,
.entry-category,
.kicker{
  background:rgba(217,58,10,.15)!important;
  color:#ffb28f!important;
  border-color:rgba(217,58,10,.35)!important;
}

/* Sectiekoppen */
h1,h2,h3,h4,h5,h6{
  color:#fff!important;
}

.section-title,
.widget-title,
.block-title,
.navid-section-title{
  color:#fff!important;
  border-color:var(--vtvr-border)!important;
}

/* Cards en panels */
.card,
.post-card,
.navid-card,
.widget,
.sidebar .widget,
.site-footer .widget,
.wp-block-group,
.newsletter-box,
.subscribe-box{
  border-color:var(--vtvr-border)!important;
}

.sidebar .widget,
.widget-area .widget{
  background:#181818!important;
  color:var(--vtvr-text)!important;
}

.entry-summary,
.excerpt,
.post-excerpt,
p,
.widget p{
  color:var(--vtvr-muted);
}

/* Newsletter */
.newsletter,
.newsletter-box,
.subscribe-box,
.wp-block-group.is-style-newsletter{
  background:linear-gradient(135deg,#171717,#22251e)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.35)!important;
}

input[type="email"],
input[type="text"],
input[type="search"],
textarea{
  background:#2a2a2a!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
}

/* Footer */
.site-footer,
.footer,
.navid-footer{
  background:#101010!important;
  color:#d6d8dd!important;
  border-top:1px solid var(--vtvr-border)!important;
}

.site-footer a,
.footer a,
.navid-footer a{
  color:#d6d8dd!important;
}
.site-footer a:hover,
.footer a:hover,
.navid-footer a:hover{
  color:var(--vtvr-orange-bright)!important;
}

/* Kleine correcties voor demo-content */
.ad-banner,
.ad-placeholder,
[class*="advert"]{
  opacity:.35;
}

/* VTVR content blokken die door de setup-plugin worden aangemaakt */
.vtvr-page-hero{
  padding:80px 0;
  background:radial-gradient(circle at 80% 20%,rgba(217,58,10,.18),transparent 32%),linear-gradient(135deg,#111,#1b1b1b);
  border-bottom:1px solid var(--vtvr-border);
}
.vtvr-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.vtvr-eyebrow{color:#ffb28f;text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:900;margin-bottom:12px;display:block;}
.vtvr-page-hero h1{font-size:clamp(44px,7vw,92px);line-height:.92;margin:0 0 18px;}
.vtvr-page-hero p{font-size:20px;max-width:780px;color:#d5d8de;}
.vtvr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:42px 0;}
.vtvr-box{background:#1b1b1b;border:1px solid var(--vtvr-border);padding:28px;border-radius:18px;}
.vtvr-box h3{margin-top:0;color:#fff;}
.vtvr-box p{margin-bottom:0;}
@media(max-width:900px){.vtvr-grid{grid-template-columns:1fr}.custom-logo,.site-logo img,.navid-logo img{max-height:42px!important}}