/*
Theme Name: Impressum Generator Englisch
Template: legal-base
Author: Onlino
Description: Child-thema voor impressumgeneratorenglisch.de (impressum, de).
Version: 1.0.0
*/

/* === Palet: bosgroen === */
:root{
  --accent:        #15803D;
  --accent-rgb:    21,128,61;
  --accent-2:      #4ADE80;
  --accent-2-rgb:  74,222,128;
  --accent-3:      #166534;
  --accent-3-rgb:  22,101,52;
  --accent-light:  #22C55E;
  --accent-bg:     #F0FDF4;
  --accent-bg-2:   #DCFCE7;
  --accent-bg-3:   #BBF7D0;
  --accent-bg-soft:#E7FBEE;
  --accent-bg-alt: #F2FDF6;
}

/* ────────────────────────────────────────────────────────────────────────
   TABELLEN: nette header, zebra-rijen, mobiel scrollbaar (prose-content)
   ──────────────────────────────────────────────────────────────────────── */
.table-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 860px;
  margin: 32px auto;
  background: #fff;
  border: 1px solid var(--accent-bg-3);
  border-radius: 16px;
  box-shadow: 0 24px 56px -28px rgba(20,83,45,0.35), 0 2px 8px rgba(20,83,45,0.06);
}

.table-wrap table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  margin: 0;
}
.table-wrap table caption {
  text-align: left;
  font-weight: 700;
  padding: 14px 18px;
  background: var(--accent-bg-2);
  color: var(--primary,#14532D);
}
.table-wrap table th {
  background: linear-gradient(135deg, var(--accent), var(--accent-3));
  color: #fff;
  text-align: left;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .02em;
  padding: 15px 18px;
}
.table-wrap table td {
  padding: 15px 18px;
  border-bottom: 1px solid var(--accent-bg-2);
  vertical-align: top;
  color: var(--text,#1f2937);
}
.table-wrap table tr:last-child td { border-bottom: none; }
.table-wrap table tr:nth-child(even) td { background: var(--accent-bg,#F0FDF4); }
.table-wrap table tr td:first-child { font-weight: 700; color: var(--primary,#14532D); }
.table-wrap table tr td:nth-child(2) { color: var(--accent-3); font-weight: 600; }

/* ────────────────────────────────────────────────────────────────────────
   KENNISBANK: tabbed layout
   ──────────────────────────────────────────────────────────────────────── */
.kb-tabs__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 32px;
  border-bottom: 1px solid var(--border,#E7E5E4);
  padding-bottom: 16px;
}
.kb-tabs__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid var(--accent-bg-3);
  background: #fff;
  color: var(--primary,#14532D);
  font-weight: 600;
  font-size: 14.5px;
  cursor: pointer;
}
.kb-tabs__btn em { font-style: normal; opacity: .6; }
.kb-tabs__btn.is-active {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.kb-tabs__panel { display: none; }
.kb-tabs__panel.is-active { display: block; }

/* ────────────────────────────────────────────────────────────────────────
   HOMEPAGE HERO: DE + EN document-mock naast elkaar
   ──────────────────────────────────────────────────────────────────────── */
.ige-doc-pair {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.ige-doc {
  flex: 1;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 20px 40px -20px rgba(20,83,45,0.35), 0 2px 8px rgba(20,83,45,0.08);
  padding: 18px 18px 22px;
  min-width: 0;
}
.ige-doc__flag { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--accent-3); display: block; margin-bottom: 8px; }
.ige-doc__title { font-weight: 800; font-size: 15px; color: var(--primary,#14532D); margin-bottom: 12px; }
.ige-doc__line { height: 8px; border-radius: 5px; background: var(--accent-bg-2); margin-bottom: 7px; }
.ige-doc--en { transform: translateY(18px); opacity: .92; }
.ige-doc--en .ige-doc__line { background: var(--accent-bg-alt); }
@media (max-width: 720px) {
  .ige-doc-pair { flex-direction: column; }
  .ige-doc--en { transform: none; }
}