/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/* ===========================
   FONT FAMILIES - Arboria
   =========================== */

/* basistekst */
body {
  font-family: "arboria", sans-serif;
  font-weight: 300;
}

/* koppen */
h1, h2, h3, h4, h5, h6,
.av-special-heading-tag,
.template-page .post-title {
  font-family: "arboria", sans-serif;
  font-weight: 700; 
}

/* hoofdmenu en knoppen */
#top .main_menu ul li a,
#top .avia-menu-text,
.avia-button {
  font-family: "arboria", sans-serif;
  font-weight: 500;
}

/* ===========================
   BASIS TYPOGRAFIE
   =========================== */

/* basis bodytekst */
body {
  font-size: 18px;
  line-height: 1.65;
  color: #1f2937;
  background: #fff;
}

/* inleiding */
.intro {
  font-size: 19px;
  line-height: 1.7;
  font-weight: 400;
  color: #111827;
}

/* citaten */
.quote {
  font-size: 18px;
  line-height: 1.7;
  font-style: italic;
  color: #8c774e;
  border-left: 4px solid #b8a170;
  padding-left: 0.875rem;
  margin: 1.25rem 0;
}

/* sterk */
strong { 
  color: #111827 !important; 
}

/* ===========================
   KOPPEN
   =========================== */

h1, h2, h3 {
  line-height: 1.25;
  margin: 2rem 0 1rem;
  text-transform: none;
  letter-spacing: -0.01em;
}

h1 {
  font-size: clamp(1.9rem, 2.5vw + 1rem, 2.4rem);
  color: #111827;
}

h2 {
  font-size: clamp(1.35rem, 1.4vw + 1rem, 1.8rem);
  font-weight: 600;
  color: #946d32;
}

h3 {
  font-size: clamp(1.1rem, 0.9vw + 0.9rem, 1.3rem);
  font-weight: 600;
  color: #111827;
}

/* subheader */
.subheader {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  color: #b8a170;
  text-transform: uppercase;
 }

.subheader p {
  margin-bottom: 0rem;
}

/* ===========================
   PARAGRAFEN & LIJSTEN
   =========================== */

p { 
  margin: 0 0 1.25rem; 
}

ul, ol { 
  margin: 0 0 1.25rem; 
  padding-left: 1.25rem; 
}

li { 
  margin: 0.25rem 0; 
}

/* ===========================
   LINKS
   =========================== */

a {
  color: #0a66c2;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
}

a:hover, 
a:focus-visible { 
  text-decoration-thickness: 2px; 
}

/* ===========================
   AFBEELDINGEN
   =========================== */

.afbeelding-rond {
  border-radius: 20px;
  overflow: hidden;
}

.afbeelding-rond img,
.afbeelding-rond a,
.afbeelding-rond .avia-image-overlay {
  border-radius: 20px;
}

/* ===========================
   MENU STYLING (ENFOLD)
   =========================== */

/* Basis hoofdmenu */
#top .av-main-nav > li > a {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #2D2926;
  position: relative;
  transition: color .25s ease;
}

/* Verwijder Enfold groene fx-underline */
#top .av-main-nav > li > a .avia-menu-fx,
#top .av-main-nav > li:hover > a .avia-menu-fx,
#top .av-main-nav > li.current-menu-item > a .avia-menu-fx,
#top .av-main-nav > li.current_page_item > a .avia-menu-fx,
.av_header_transparency #top .av-main-nav > li > a .avia-menu-fx,
#header_meta .av-main-nav > li > a .avia-menu-fx {
  display: none !important;
}

/* Bronzen hover/active underline */
#top .av-main-nav > li > a::after {
  content: "";
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: 8px;
  height: 2px;
  background: #BCAD8E;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .25s ease;
}

#top .av-main-nav > li:hover > a::after,
#top .av-main-nav > li.current-menu-item > a::after,
#top .av-main-nav > li.current_page_item > a::after {
  transform: scaleX(1);
}

/* Submenu-paneel */
#top .av-main-nav .sub-menu {
  background: #fff;
  border-top: none !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .08);
}

/* Submenu-items */
#top .av-main-nav .sub-menu li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  padding: 14px 22px;
  text-transform: none;
  color: #2D2926;
  transition: background .2s ease, color .2s ease, font-weight .2s ease;
}

#top .av-main-nav .sub-menu li a:hover {
  background: rgba(188, 173, 142, 0.15);
  color: #2D2926;
  font-weight: 600;
}

/* ===========================
   FOOTER / SOCKET
   =========================== */

#socket,
.site-info {
  font-size: 0.9rem;
  line-height: 1.5;
  color: #6b7280;
  text-align: center;
  padding: 1rem 0;
}

#socket a,
.site-info a {
  color: inherit;
  text-decoration: none;
}

#socket a:hover,
.site-info a:hover {
  text-decoration: underline;
}

/* Divider boven socket met doorlopende lijnen + centraal logo */
#socket {
  position: relative;
  padding-top: 72px;
  border-top: none !important;
  --ih-brons: #BCAD8E;
  --emblem-size: 64px;
  --gap: 12px;
}

#socket::before {
  content: "";
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right,
    var(--ih-brons) calc(50% - (var(--emblem-size)/2 + var(--gap))),
    transparent calc(50% - (var(--emblem-size)/2 + var(--gap))),
    transparent calc(50% + (var(--emblem-size)/2 + var(--gap))),
    var(--ih-brons) calc(50% + (var(--emblem-size)/2 + var(--gap)))
  );
  z-index: 1;
}

#socket::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
  width: var(--emblem-size);
  height: var(--emblem-size);
  background: url('/wp-content/uploads/2025/09/favicon.png') no-repeat center/contain;
  z-index: 2;
}

/* ===========================
   TESTIMONIALS - STYLE 1 (DONKER)
   =========================== */

.quote-style-1.avia-testimonial-wrapper {
  margin-left: 90px;
  margin-top: 30px;
  margin-bottom: 30px;
  max-width: 100%;
  box-sizing: border-box;
}

.quote-style-1 .avia-testimonial-row {
  width: 100% !important;
  display: block !important;
  max-width: 100%;
}

.quote-style-1 .avia-testimonial.av_one_half {
  width: calc(100% - 90px) !important;
  margin: 0 !important;
  float: none !important;
  box-sizing: border-box;
}

.quote-style-1 .avia-testimonial {
  /*background-color: #2b2b2b; */
background-color: #e8e3d8;
  color: #ffffff;
  padding: 40px 60px 40px 130px;
  border-radius: 10px;
  position: relative;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.quote-style-1 .avia-testimonial-image {
  position: absolute;
  left: -90px;
  top: 50%;
  transform: translateY(-50%);
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 6px solid #ffffff;
  z-index: 10;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}

.quote-style-1 .avia-testimonial-image img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quote-style-1 .avia-testimonial-content {
  font-style: italic;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 25px;
  color: #111827!important;
}

.quote-style-1 .avia-testimonial-content p::before {
  content: '"';
  font-size: 22px;
  /* color: #e8e3d8; */
  color: #c6b692;
  font-family: Georgia, serif;
  margin-right: 5px;
}

.quote-style-1 .avia-testimonial-content p::after {
  content: '"';
  font-size: 22px;
  color: #c6b692;
  font-family: Georgia, serif;
  margin-left: 5px;
}

.quote-style-1 .avia-testimonial-meta,
.quote-style-1 .avia-testimonial-meta-mini {
  text-align: left;
  margin-left: 0;
}

.quote-style-1 .avia-testimonial-arrow-wrap {
  display: none;
}

.quote-style-1 .avia-testimonial-name {
  color: #111827 !important;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 5px;
  font-style: normal;
}

.quote-style-1 .avia-testimonial-subtitle {
  color: #b0b0b0 !important;
  font-size: 15px;
  font-style: normal;
}

/* ===========================
   TESTIMONIALS - STYLE 2 (LICHT)
   =========================== */

.quote-style-2.avia-testimonial-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
  max-width: 100%;
  box-sizing: border-box;
}

.quote-style-2 .avia-testimonial-row {
  width: 100% !important;
  display: block !important;
  max-width: 100%;
}

.quote-style-2 .avia-testimonial.av_one_half {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  box-sizing: border-box;
}

.quote-style-2 .avia-testimonial {
  background-color: #e8e3d8;
  color: #333333 !important;
  padding: 40px 50px;
  border-radius: 10px;
  position: relative;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.quote-style-2 .avia-testimonial-image {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid #d4af37;
  z-index: 10;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.quote-style-2 .avia-testimonial-image img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quote-style-2 .avia-testimonial-content {
  font-style: italic;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 20px;
  color: #333333 !important;
  padding-right: 100px;
}

.quote-style-2 .avia-testimonial-content p {
  color: #333333 !important;
}

.quote-style-2 .avia-testimonial-content p::before {
  content: '"';
  font-size: 28px;
  color: #d4af37;
  font-family: Georgia, serif;
  margin-right: 5px;
}

.quote-style-2 .avia-testimonial-content p::after {
  content: '"';
  font-size: 28px;
  color: #d4af37;
  font-family: Georgia, serif;
  margin-left: 5px;
}

.quote-style-2 .avia-testimonial-meta,
.quote-style-2 .avia-testimonial-meta-mini {
  text-align: left;
  margin-left: 0;
}

.quote-style-2 .avia-testimonial-arrow-wrap {
  display: none;
}

.quote-style-2 .avia-testimonial-name {
  color: #333333 !important;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
  font-style: normal;
}

.quote-style-2 .avia-testimonial-subtitle {
  color: #666666 !important;
  font-size: 14px;
  font-style: normal;
}

.quote-style-2.no-image .avia-testimonial-content {
  padding-right: 0;
}

.quote-style-2.no-image .avia-testimonial-image {
  display: none;
}

/* ===========================
   PAKKETTEN
   =========================== */

:root{
  --ih-black:#2D2926;
  --ih-bronze:#BCAD8E;
  --ih-offwhite:#F8F5F2;
  --ih-salmon:#DF7E62;
}

/* Grid */
.pakketten-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(260px,1fr));
  gap:32px;
  margin:40px auto 24px;
  max-width:1120px;
}
@media (max-width:900px){
  .pakketten-grid{ grid-template-columns:1fr; gap:18px; }
}

/* Card – minimal, met extra contrast */
.pakket-card{
  background:#ffffff;
  border:1px solid #E6DFD1;
  border-radius:16px;
  padding:28px 24px;
  text-align:left;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  transition:box-shadow .25s ease, transform .2s ease;
  cursor:pointer;
  position:relative;
  overflow:visible;
  display:flex;
}
.pakket-card::before{ display:none !important; } /* oude gradient-balk uit */

.pakket-card-inner{ display:flex; flex-direction:column; width:100%; }

.pakket-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(0,0,0,.10);
}

.pakket-card h3{
  margin:0 0 10px;
  font-size:22px;
  font-weight:700;
  color:var(--ih-black);
}

.pakket-subtitle{
  font-size:16px;
  line-height:1.6;
  color:rgba(45,41,38,.75);
  margin:0 0 14px;
}

/* Prijsblok – rustiger maar duidelijk, incl. vaste onderruimte */
.pakket-prijs{
  background:rgba(188,173,142,.08);
  border:1px solid rgba(188,173,142,.25);
  padding:14px;
  border-radius:10px;
  margin:12px 0 18px;
}
.prijs-label{
  display:block;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ih-bronze);
  margin-bottom:6px;
  font-weight:600;
}
.prijs-bedrag{
  display:block;
  font-size:15px;
  font-weight:500;
  color:var(--ih-black);
  line-height:1.5;
}

/* CTA – altijd witte tekst, onderin de kaart */
.pakket-button{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:auto;                    /* duwt knop naar onder */
  padding:12px 18px;
  border-radius:10px;
  background:var(--ih-salmon);
  color:#ffffff !important;
  font-weight:600;
  font-size:14px;
  letter-spacing:.02em;
  text-decoration:none;
  box-shadow:none;
  transition:background .2s ease, transform .2s ease;
  min-width:170px;
  justify-content:center;
}
.pakket-button:visited,
.pakket-button:hover,
.pakket-button:focus{ color:#ffffff !important; }
.pakket-button::after{ content:"→"; transition:transform .2s ease; color:inherit; }
.pakket-card:hover .pakket-button::after{ transform:translateX(2px); }
.pakket-button:hover{ background:#c56f55; transform:translateY(-1px); }

/* Featured – meer aftekening + leesbare tekst */
.pakket-card.featured{
  background:#FFFBF5;
  border:2px solid #BCAD8E;
  box-shadow:0 14px 32px rgba(0,0,0,.10);
}
.pakket-card.featured h3,
.pakket-card.featured .pakket-subtitle,
.pakket-card.featured .prijs-label,
.pakket-card.featured .prijs-bedrag{ color:#2D2926; }
.pakket-card.featured .pakket-prijs{
  background:rgba(188,173,142,.12);
  border-color:rgba(188,173,142,.35);
}
/* Badge – compact en duidelijk
.pakket-card.featured::after{
  content:'Meest gekozen';
  position:absolute;
  top:14px; right:14px;
  background:#BCAD8E; color:#fff;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  z-index:2;
  box-shadow:0 6px 12px rgba(0,0,0,.08);
}
*/

.pakket-badge{
  position:absolute;
  top:14px;
  right:14px;
  background:#BCAD8E;
  color:#fff;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  z-index:2;
  box-shadow:0 6px 12px rgba(0,0,0,.08);
}

/* Toegankelijkheid */
.pakket-button:focus,
.pakket-card:focus-within{
  outline:2px solid #DF7E62;
  outline-offset:2px;
}

/* =========================
   Modal / popup (Magnific)
   ========================= */
.pakket-modal{
  position:relative;                            /* tbv close button */
  background:#fff;
  border:1px solid rgba(45,41,38,.08);
  border-radius:14px;
  padding:32px 28px;
  max-width:760px;
  margin:32px auto;
  box-shadow:0 24px 48px rgba(0,0,0,.08);
}
.pakket-modal h2{
  font-size:26px; color:var(--ih-black);
  margin:0 0 8px; text-align:left; font-weight:700;
}
.modal-subtitle{
  text-align:left; color:rgba(45,41,38,.70);
  font-size:16px; margin:0 0 18px; font-style:normal;
}
.modal-badge{
  display:inline-block;
  background:var(--ih-bronze); color:#fff;
  padding:6px 10px; border-radius:999px;
  font-size:12px; font-weight:700; letter-spacing:.04em;
  margin:6px 0 8px;
}
.pakket-features{ list-style:none; margin:16px 0 8px; padding:0; }
.pakket-features li{
  position:relative; padding:10px 0 10px 28px;
  border-bottom:1px solid rgba(188,173,142,.25);
  font-size:16px; color:#333;
}
.pakket-features li:last-child{ border-bottom:none; }
.pakket-features li::before{
  content:'✓'; position:absolute; left:0; top:10px;
  font-weight:700; line-height:1; color:var(--ih-salmon);
}
.feature-detail{
  display:block; font-size:14px; color:#999; font-style:italic; margin-top:4px;
}
.modal-prijs{
  background:var(--ih-offwhite);
  border:1px dashed rgba(188,173,142,.55);
  padding:18px; border-radius:10px; text-align:left; margin-top:20px; font-size:16px;
}
.modal-prijs strong{
  display:block; margin-bottom:6px; font-size:12px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--ih-bronze);
}
@media (max-width:600px){
  .pakket-modal{ padding:22px 18px; }
}

/* Close button (Magnific Popup) */
.mfp-close{
  position:absolute;
  right:12px;
  top:10px;
  width:36px; height:36px; line-height:36px;
  border-radius:8px;
  font-size:28px; font-weight:700;
  text-indent:0;
  opacity:1;
  color:rgba(45,41,38,.65) !important;
  background:transparent;
  box-shadow:none;
  z-index:10;
}
.mfp-close:hover{
  color:#2D2926 !important;
  background:rgba(188,173,142,.12);
}
/* Donkerdere overlay voor contrast */
.mfp-bg{ opacity:.85; }

/* ===========================
   GRAVITY FORMS
   =========================== */

.gform_wrapper.ih-form, #gform_wrapper_1{
  --ih-black:#2D2926;
  --ih-off:#F8F5F2;
  --ih-bronze:#BCAD8E;
  --ih-salmon:#DF7E62;      /* CTA-kleur */
  --ih-radius:10px;         /* hoekronding */
  --ih-gap:16px;            /* verticale veldafstand */
  font-family:"Arboria",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ih-black);
}

/* ===== Layout & spacing (1 kolom, overal gelijke afstand) ===== */
.gform_wrapper.ih-form .gform_heading,
#gform_wrapper_1 .gform_heading{ margin-bottom:0 !important; }

.gform_wrapper.ih-form .gform_fields,
#gform_wrapper_1 .gform_fields{
  display:block !important;
  padding:0 !important;
  margin:0 !important;
}

.gform_wrapper.ih-form .gfield,
#gform_wrapper_1 .gfield{
  list-style:none;
  margin:0 0 var(--ih-gap) !important;
  padding:0 !important;
}
.gform_wrapper.ih-form .gform_fields .gfield:last-child,
#gform_wrapper_1 .gform_fields .gfield:last-child{ margin-bottom:0 !important; }

.gform_wrapper.ih-form .ginput_container,
#gform_wrapper_1 .ginput_container{ margin:0 !important; }
.gform_wrapper.ih-form .top_label .ginput_container,
#gform_wrapper_1 .top_label .ginput_container{ margin-top:0 !important; }

.gform_wrapper.ih-form .gform_footer,
#gform_wrapper_1 .gform_footer{
  margin-top:var(--ih-gap) !important;
  padding-top:0 !important;
}

/* ===== Labels & required verbergen ===== */
.gform_wrapper.ih-form .gfield_label,
#gform_wrapper_1 .gfield_label{ display:none !important; }
.gform_wrapper .gfield_required,
.gform_wrapper .gfield_required_message{ display:none !important; }

/* ===== Velden ===== */
.gform_wrapper.ih-form input[type="text"],
.gform_wrapper.ih-form input[type="email"],
.gform_wrapper.ih-form input[type="tel"],
.gform_wrapper.ih-form input[type="url"],
.gform_wrapper.ih-form input[type="number"],
.gform_wrapper.ih-form input[type="password"],
.gform_wrapper.ih-form select,
.gform_wrapper.ih-form textarea,
#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 input[type="url"],
#gform_wrapper_1 input[type="number"],
#gform_wrapper_1 input[type="password"],
#gform_wrapper_1 select,
#gform_wrapper_1 textarea{
  width:100%;
  background:#fff !important;
  border:1px solid rgba(45,41,38,.25);
  border-radius:var(--ih-radius);
  padding:12px 14px;
  line-height:1.4;
  transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
  -webkit-appearance:none; appearance:none;
}
.gform_wrapper.ih-form textarea, #gform_wrapper_1 textarea{ min-height:140px; }
.gform_wrapper.ih-form ::placeholder, #gform_wrapper_1 ::placeholder{ color:rgba(45,41,38,.55); }

/* Focus */
.gform_wrapper.ih-form input:focus,
.gform_wrapper.ih-form select:focus,
.gform_wrapper.ih-form textarea:focus,
#gform_wrapper_1 input:focus,
#gform_wrapper_1 select:focus,
#gform_wrapper_1 textarea:focus{
  outline:0;
  border-color:var(--ih-bronze);
  box-shadow:0 0 0 3px rgba(188,173,142,.25);
}

/* Checkboxes & radios */
.gform_wrapper.ih-form input[type="checkbox"],
.gform_wrapper.ih-form input[type="radio"],
#gform_wrapper_1 input[type="checkbox"],
#gform_wrapper_1 input[type="radio"]{ accent-color:var(--ih-bronze); }

/* ===== Hidden fields + eventuele tekst verbergen ===== */
.gform_wrapper.ih-form .gfield--type-hidden,
.gform_wrapper.ih-form .ginput_container_hidden,
#gform_wrapper_1 .gfield--type-hidden,
#gform_wrapper_1 .ginput_container_hidden{ display:none !important; }
.gform_wrapper.ih-form .ih-hide, #gform_wrapper_1 .ih-hide{ display:none !important; }

/* ===== Validatie & bevestiging ===== */
.gform_wrapper .gform_validation_errors{
  font-size:16px;
  line-height:1.5;
  padding:12px 14px;
  background:#fff;
  border:1px solid rgba(45,41,38,.25);
  border-left:4px solid var(--ih-salmon);
  border-radius:10px;
  box-shadow:none;
  margin-bottom:var(--ih-gap);
}
.gform_wrapper .gform_validation_errors h2{
  font-size:18px !important;
  line-height:1.4 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-weight:600 !important;
  margin:0 0 6px !important;
}
.gform_wrapper .gfield_validation_message{
  color:var(--ih-black);
  background:rgba(223,126,98,.08);
  border:1px solid rgba(223,126,98,.4);
  padding:8px 10px;
  border-radius:8px;
  margin-top:6px;
}
.gform_wrapper .gform_confirmation_message{
  background:var(--ih-off);
  border-left:4px solid var(--ih-bronze);
  padding:16px;
  border-radius:var(--ih-radius);
}

/* ===== Knoppen (zalmoranje, afgerond) ===== */
.gform_wrapper.ih-form .gform_footer input[type="submit"],
.gform_wrapper.ih-form .gform_page_footer .gform_next_button,
.gform_wrapper.ih-form .gform_page_footer input[type="submit"],
#gform_wrapper_1 .gform_footer input[type="submit"],
#gform_wrapper_1 .gform_page_footer .gform_next_button,
#gform_wrapper_1 .gform_page_footer input[type="submit"]{
  background:var(--ih-salmon);
  color:#fff;
  border:0;
  border-radius:9999px;
  font-size:18px;
  font-weight:500;
  line-height:1;
  padding:14px 24px;
  cursor:pointer;
  display:inline-block;
  text-decoration:none;
  box-shadow:0 2px 0 rgba(0,0,0,.05), 0 8px 18px rgba(223,126,98,.20);
  transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}
.gform_wrapper.ih-form .gform_footer input[type="submit"]:hover,
.gform_wrapper.ih-form .gform_page_footer .gform_next_button:hover,
#gform_wrapper_1 .gform_footer input[type="submit"]:hover,
#gform_wrapper_1 .gform_page_footer .gform_next_button:hover{
  background:#cf7359;
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(223,126,98,.26);
}
.gform_wrapper.ih-form .gform_footer input[type="submit"]:focus,
.gform_wrapper.ih-form .gform_page_footer .gform_next_button:focus,
#gform_wrapper_1 .gform_footer input[type="submit"]:focus,
#gform_wrapper_1 .gform_page_footer .gform_next_button:focus{
  outline:0;
  box-shadow:0 0 0 3px rgba(223,126,98,.30);
}

/* Vorige-knop (ghost) – optioneel */
.gform_wrapper.ih-form .gform_page_footer .gform_previous_button,
#gform_wrapper_1 .gform_page_footer .gform_previous_button{
  background:transparent;
  color:var(--ih-black);
  border:1px solid rgba(45,41,38,.22);
  border-radius:9999px;
  padding:12px 22px;
  box-shadow:none;
}

/* reCAPTCHA/anti-spam marge */
.gform_wrapper .ginput_recaptcha, .gform_wrapper .grecaptcha-badge{ margin-top:8px; }
/* ========== Einde ========== */



/* ===========================
   RESPONSIVE
   =========================== */

@media only screen and (max-width: 989px) {
  .pakketten-grid {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 768px) {
  /* Body */
  body { 
    font-size: 17px; 
  }
  
  p { 
    margin-bottom: 1rem; 
  }
  
  /* H1 mobiel optimalisatie */
  h1 {
    font-size: 32px !important;
    line-height: 1.3 !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
  }
  
  /* Socket */
  #socket {
    padding-top: 56px;
    --emblem-size: 48px;
    --gap: 8px;
  }
  
  #socket::before { 
    top: 28px; 
  }
  
  /* Testimonial Style 1 */
  .quote-style-1.avia-testimonial-wrapper {
    margin-left: 0;
    margin-top: 100px;
  }
  
  .quote-style-1 .avia-testimonial.av_one_half {
    width: 100% !important;
  }
  
  .quote-style-1 .avia-testimonial {
    padding: 100px 20px 30px 20px;
    text-align: center;
  }
  
  .quote-style-1 .avia-testimonial-content {
    font-size: 18px;
  }
  
  .quote-style-1 .avia-testimonial-content p::before,
  .quote-style-1 .avia-testimonial-content p::after {
    font-size: 28px;
  }
  
  .quote-style-1 .avia-testimonial-meta,
  .quote-style-1 .avia-testimonial-meta-mini {
    text-align: center;
  }
  
  .quote-style-1 .avia-testimonial-image {
    left: 50%;
    top: -80px;
    transform: translateX(-50%);
    width: 140px;
    height: 140px;
  }
  
  /* Testimonial Style 2 */
  .quote-style-2 .avia-testimonial {
    padding: 100px 20px 30px 20px;
    text-align: center;
  }
  
  .quote-style-2 .avia-testimonial-content {
    padding-right: 0;
  }
  
  .quote-style-2 .avia-testimonial-image {
    right: 50%;
    top: 20px;
    transform: translateX(50%);
  }
  
  .quote-style-2 .avia-testimonial-content p::before,
  .quote-style-2 .avia-testimonial-content p::after {
    font-size: 24px;
  }
  
  .quote-style-2 .avia-testimonial-meta,
  .quote-style-2 .avia-testimonial-meta-mini {
    text-align: center;
  } 


@media only screen and (max-width: 480px) {
  h1 {
    font-size: 26px !important;
  }
}

/* Enfold video hero - GEFORCEERDE achtergrond */
.avia-section {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Zorg dat de sectie de achtergrond toont */
.avia-section[style*="background-image"] {
    position: relative;
}

/* Video wrapper boven achtergrond */
.avia-section-video-bg,
.av-section-video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: transparent !important;
}

/* Video element zelf */
.avia-section-video-bg video,
.av-section-video-bg video {
    transition: opacity 0.8s ease;
}

/* Content boven video */
.avia-section .container {
    position: relative;
    z-index: 10;
}