/*
Theme Name: Zedenhulp Elementor
Theme URI: https://example.com/
Author: Sanum B.V.
Description: Elementor-first WordPress theme voor juridische hulp bij een verdenking van een zedenmisdrijf. Gebaseerd op de aangeleverde juridische designrichting met donkerblauw, wijnrood en helder rood.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: zedenhulp-elementor
License: GPL-2.0-or-later
*/

:root{
  --zh-navy:#283460;
  --zh-deep:#0e2142;
  --zh-wine:#9B1B47;
  --zh-red:#D50F3B;
  --zh-bg:#f7f7f8;
  --zh-soft:#f4eef1;
  --zh-text:#17223b;
  --zh-muted:#5b6270;
  --zh-border:#e4e6eb;
  --zh-white:#fff;
  --zh-shadow:0 12px 34px rgba(18,34,66,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--zh-text);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:inherit}
img{max-width:100%;height:auto}
.zh-site-main{min-height:55vh}
.elementor-section.elementor-section-boxed>.elementor-container{max-width:1180px}
.elementor-widget-text-editor p:last-child{margin-bottom:0}

.zh-serif .elementor-heading-title,.zh-serif{font-family:Georgia,'Times New Roman',serif!important}
.zh-accent .elementor-heading-title em,.zh-accent em{color:var(--zh-red);font-style:normal}
.zh-kicker{color:var(--zh-red);font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.zh-header-wrap{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid rgba(40,52,96,.08);box-shadow:0 4px 18px rgba(15,33,66,.04)}
.admin-bar .zh-header-wrap{top:32px}
.zh-header .elementor-container{min-height:82px;align-items:center}
.zh-header-icon .elementor-icon{width:56px;height:56px;display:flex!important;align-items:center;justify-content:center;border:2px solid var(--zh-red)!important;border-radius:18px 18px 18px 6px;color:var(--zh-navy)!important;background:#fff}
.zh-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}
.zh-nav a{text-decoration:none;font-weight:600;font-size:14px;color:#192440;position:relative;padding:9px 0}
.zh-nav a:hover,.zh-nav a.current{color:var(--zh-red)}
.zh-nav a:after{content:"";position:absolute;left:0;bottom:2px;height:2px;width:0;background:var(--zh-red);transition:.2s}
.zh-nav a:hover:after,.zh-nav a.current:after{width:100%}
.zh-header-cta .elementor-button,.zh-btn .elementor-button{background:linear-gradient(135deg,var(--zh-wine),var(--zh-red))!important;border-radius:6px!important;padding:15px 24px!important;font-weight:700!important;box-shadow:0 8px 20px rgba(213,15,59,.18)}
.zh-btn-outline .elementor-button{background:#fff!important;color:var(--zh-red)!important;border:1px solid var(--zh-red)!important;border-radius:6px!important;padding:14px 24px!important;font-weight:700!important}

.zh-hero{background:linear-gradient(135deg,#fff 0%,#fbfbfc 55%,#f5f6f8 100%);overflow:hidden}
.zh-hero>.elementor-container{min-height:520px;align-items:center}
.zh-hero-copy{padding:65px 38px 65px 0}
.zh-hero-title .elementor-heading-title em{color:var(--zh-red);font-style:normal}
.zh-hero-title .elementor-heading-title{font-family:Georgia,'Times New Roman',serif;font-size:58px;line-height:1.02;font-weight:700;color:#102344}
.zh-hero-copy .elementor-widget-text-editor{font-size:18px;color:#3f4656}
.zh-hero-image img{width:100%;height:480px;object-fit:cover;border-radius:48% 0 0 48%;box-shadow:-28px 26px 0 rgba(213,15,59,.95),-42px 40px 0 #102344}
.zh-trust-row{font-size:13px;color:#6c7280}
.zh-trust-row strong{color:var(--zh-text)}
.zh-section{padding:78px 20px}
.zh-section-sm{padding:52px 20px}
.zh-soft{background:#fafafa}
.zh-navy{background:linear-gradient(120deg,#102344,#283460);color:#fff}
.zh-redband{background:linear-gradient(120deg,#9B1B47,#D50F3B);color:#fff}
.zh-center{text-align:center}
.zh-section-title .elementor-heading-title{font-family:Georgia,'Times New Roman',serif;color:#102344;font-size:42px;line-height:1.1}
.zh-navy .zh-section-title .elementor-heading-title,.zh-redband .zh-section-title .elementor-heading-title{color:#fff}
.zh-section-title .elementor-heading-title strong{color:var(--zh-red)}
.zh-card{height:100%;background:#fff;border:1px solid var(--zh-border);border-radius:10px;padding:30px 24px;box-shadow:var(--zh-shadow);transition:transform .2s ease,box-shadow .2s ease}
.zh-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(18,34,66,.14)}
.zh-card .elementor-icon{color:var(--zh-red)!important;border-color:var(--zh-red)!important}
.zh-card .elementor-icon-box-title{font-family:Georgia,'Times New Roman',serif;color:#132340;font-size:20px}
.zh-card .elementor-icon-box-description{font-size:14px;color:#5c6370}
.zh-steps .zh-card{background:transparent;border:0;box-shadow:none;padding:10px 24px}
.zh-navy .zh-card .elementor-icon-box-title,.zh-navy .zh-card .elementor-icon-box-description{color:#fff}
.zh-navy .zh-card .elementor-icon{color:#fff!important;border-color:rgba(255,255,255,.45)!important}
.zh-image-panel img{border-radius:10px;min-height:330px;object-fit:cover;box-shadow:var(--zh-shadow)}
.zh-quote{background:#102344;color:#fff;padding:36px;border-radius:10px}
.zh-quote .elementor-heading-title{color:#fff;font-family:Georgia,'Times New Roman',serif}
.zh-checks .elementor-icon-list-icon i{color:var(--zh-red)!important}
.zh-checks .elementor-icon-list-text{font-size:15px}
.zh-faq .elementor-accordion-item{border:1px solid var(--zh-border)!important;margin-bottom:10px;border-radius:7px;overflow:hidden}
.zh-faq .elementor-tab-title{font-weight:700;color:#17223b;background:#fff}
.zh-faq .elementor-tab-content{background:#fafafa;color:#535c6b}
.zh-cta .elementor-container{align-items:center}
.zh-cta .elementor-heading-title{font-family:Georgia,'Times New Roman',serif;color:#fff}
.zh-shortcode-card{background:#fff;border:1px solid var(--zh-border);border-radius:12px;padding:32px;box-shadow:var(--zh-shadow)}

.zh-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.zh-contact-item{background:#fff;border:1px solid var(--zh-border);border-radius:10px;padding:24px;box-shadow:var(--zh-shadow)}
.zh-contact-item strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:21px;color:#132340}
.zh-contact-item span{color:var(--zh-red);font-weight:700}
.zh-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.zh-form .full{grid-column:1/-1}
.zh-form label{display:block;font-size:13px;font-weight:700;color:#30394c;margin-bottom:5px}
.zh-form input,.zh-form textarea,.zh-form select{width:100%;border:1px solid #dfe2e8;border-radius:6px;padding:13px 14px;font:inherit;background:#fff}
.zh-form textarea{min-height:130px;resize:vertical}
.zh-form button{width:100%;border:0;border-radius:6px;background:linear-gradient(135deg,var(--zh-wine),var(--zh-red));color:#fff;padding:15px;font-weight:700;cursor:pointer}
.zh-form-note{font-size:12px;color:#6a7180}
.zh-alert{padding:14px 16px;border-radius:7px;margin-bottom:18px}
.zh-alert-success{background:#edf8f0;color:#1f6d35}
.zh-alert-error{background:#fff1f2;color:#9f1239}

.zh-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.zh-blog-card{background:#fff;border:1px solid var(--zh-border);border-radius:10px;overflow:hidden;box-shadow:var(--zh-shadow)}
.zh-blog-card img{width:100%;height:190px;object-fit:cover;display:block}
.zh-blog-card-body{padding:22px}
.zh-blog-card .meta{font-size:12px;color:#7a8190;margin-bottom:8px}
.zh-blog-card h3{font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1.2;margin:0 0 12px;color:#12233f}
.zh-blog-card p{font-size:14px;color:#5c6370}
.zh-blog-card a.more{color:var(--zh-red);font-weight:700;text-decoration:none}
.zh-article{max-width:820px;margin:0 auto}
.zh-article .elementor-widget-text-editor{font-size:17px}
.zh-article .elementor-heading-title{font-family:Georgia,'Times New Roman',serif}
.zh-article-tip{background:#fff1f4;border-left:4px solid var(--zh-red);padding:22px;border-radius:5px}

.zh-footer-wrap{background:#0e2142;color:#d9dfeb}
.zh-footer{padding:58px 20px 28px}
.zh-footer .elementor-heading-title{color:#fff;font-size:17px}
.zh-footer a{color:#d9dfeb;text-decoration:none}
.zh-footer a:hover{color:#fff}
.zh-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;font-size:12px;color:#aeb9cd}

@media(max-width:900px){
  .zh-nav{gap:14px}
  .zh-hero-title .elementor-heading-title{font-size:44px}
  .zh-hero-image img{height:380px}
  .zh-blog-grid{grid-template-columns:repeat(2,1fr)}
  .zh-contact-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
  .admin-bar .zh-header-wrap{top:46px}
  .zh-header .elementor-container{min-height:auto;padding:14px}
  .zh-nav{justify-content:flex-start;gap:10px 18px}
  .zh-nav a{font-size:13px}
  .zh-header-cta{display:none}
  .zh-hero>.elementor-container{min-height:auto}
  .zh-hero-copy{padding:48px 16px 28px}
  .zh-hero-title .elementor-heading-title{font-size:40px}
  .zh-hero-image img{height:300px;border-radius:0;box-shadow:none}
  .zh-section{padding:56px 16px}
  .zh-section-title .elementor-heading-title{font-size:34px}
  .zh-blog-grid{grid-template-columns:1fr}
  .zh-form{grid-template-columns:1fr}
  .zh-form .full{grid-column:auto}
}