/* =========================================================
   Liftoffertes Theme Layer – DEFINITIEF
   Wit canvas / GEEN blauw / ALLEEN footer groen
   Laad dit bestand ALS LAATSTE stylesheet
   ========================================================= */

/* =========================
   Brand kleuren
========================= */
:root{
  --lf-green: #3a8a7f;      /* Liftoffertes groen */
  --lf-orange: #f86923;     /* CTA oranje */
  --lf-dark: #1f2d2a;
  --lf-gray: #6b7280;
  --lf-border: rgba(0,0,0,0.1);
}

/* =========================
   HARD RESET: ALLE BLAUW WEG
========================= */
.bg-blue,
.bg-blue-50,
.bg-blue-100,
.bg-blue-200,
.bg-blue-300,
.bg-blue-400,
.bg-blue-500,
.bg-blue-600,
.bg-blue-700,
.bg-blue-800,
.bg-blue-900,
[class*="bg-blue"],
[style*="rgb(22,87,141)"],
[style*="rgb(22,88,141)"],
[style*="#16578d"],
[style*="#145a8d"]{
  background-color: #ffffff !important;
}

/* =========================
   CANVAS = WIT
========================= */
body{
  font-family: "Myriad Pro", "Segoe UI", Roboto, Arial, sans-serif !important;
  background-color: #ffffff !important;
  color: var(--lf-dark);
  margin: 0;
}

section,
.section{
  background-color: #ffffff !important;
  padding: 3.5rem 0;
}

/* =========================
   Typografie & links
========================= */
h1,h2,h3,h4,h5{
  font-weight: 700;
  color: var(--lf-dark);
}

p{
  color: #374151;
  line-height: 1.65;
}

a{
  color: var(--lf-green);
}
a:hover{
  color: var(--lf-orange);
}

/* =========================
   Buttons
========================= */
.btn,
button,
input[type="submit"],
input[type="button"]{
  border-radius: 8px;
  padding: 0.65rem 1.25rem;
  font-weight: 600;
}

/* Primary CTA = ORANJE */
.btn-primary,
.bg-primary{
  background-color: var(--lf-orange) !important;
  color: #ffffff !important;
}
.btn-primary:hover{
  background-color: #e85f1f !important;
}

/* =========================
   Forms
========================= */
input,
select,
textarea{
  background-color: #ffffff;
  border: 1px solid var(--lf-border);
  border-radius: 6px;
}

input:focus,
select:focus,
textarea:focus{
  border-color: var(--lf-green);
  outline: none;
  box-shadow: 0 0 0 3px rgba(58,138,127,0.25);
}

/* =========================
   Cards
========================= */
.card,
.footer-contents{
  background-color: #ffffff !important;
  border-radius: 14px;
  border: 1px solid var(--lf-border);
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* =========================
   Header
========================= */
header,
.site-header{
  background-color: #ffffff;
  border-bottom: 1px solid var(--lf-border);
}

/* =========================
   FOOTER = GROEN (ENKEL ONDERSTE VLAK)
========================= */
footer{
  background-color: var(--lf-green) !important;
  padding: 4rem 0;
}

/* Footer content blijft wit */
footer .footer-contents,
footer .card{
  background-color: #ffffff !important;
  color: var(--lf-dark) !important;
}

/* Footer links */
footer a{
  color: #ffffff;
}
footer a:hover{
  color: var(--lf-orange);
}

/* =========================
   Swiper
========================= */
.swiper-button-next,
.swiper-button-prev{
  color: var(--lf-green);
}
.swiper-pagination-bullet-active{
  background-color: var(--lf-orange);
}