/*
Theme Name: Kela
Theme URI: https://www.kela-kmvrij.nl/
Author: Kela
Description: Theme voor Kela autoverhuur Zoetermeer. Kilometervrij en reclamevrij bestelbussen, verhuisbussen en bakwagens huren. Met voertuigenbeheer, prijscalculator, reserveringsflow en de Miles-assistent.
Version: 1.1.4
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kela
Tags: business, custom-menu, custom-logo, translation-ready

De opmaak van het ontwerp staat in assets/css/kela.css. Dit bestand bevat
alleen de aanvullingen die WordPress zelf nodig heeft.
*/

/* ===== WordPress-standaardklassen ===== */
.alignleft   { float: left; margin: 0 1.5em 1em 0; }
.alignright  { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide   { max-width: 1100px; margin-left: auto; margin-right: auto; }
.alignfull   { width: 100%; }

.wp-caption { max-width: 100%; }
.wp-caption-text,
.wp-block-image figcaption {
  font-size: 13.5px;
  color: var(--grijs);
  margin-top: 8px;
}

.screen-reader-text {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  clip-path: none;
  height: auto;
  width: auto;
  top: 8px;
  left: 8px;
  z-index: 100;
  display: block;
  padding: 10px 16px;
  background: var(--groen);
  color: #111;
  font: 700 14px var(--display);
  border-radius: 10px;
}

.sticky { position: relative; }

/* ===== Footermenu's uit wp-admin ===== */
.foot-grid ul.menu { list-style: none; display: grid; gap: 9px; font-size: 14.5px; }
.foot-grid ul.menu li { list-style: none; }

/* ===== Adminbalk: de sticky header mag er niet onder verdwijnen ===== */
body.admin-bar header.site { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar header.site { top: 46px; }
}

/* ===== Paginering ===== */
.kela-paginering {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 48px;
}
.kela-paginering .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  border: 1.5px solid var(--lijn);
  border-radius: 99px;
  text-decoration: none;
  font: 700 14.5px var(--display);
  transition: border-color .15s, color .15s;
}
.kela-paginering .page-numbers:hover { border-color: var(--groen); color: var(--groen-donker); }
.kela-paginering .page-numbers.current { background: var(--groen); border-color: var(--groen); color: var(--zwart); }

/* ===== Artikelinhoud uit de WordPress-editor ===== */
.kela-artikel-inhoud > * + * { margin-top: 18px; }
.kela-artikel-inhoud h2 { font-size: clamp(22px, 2.6vw, 28px); font-weight: 800; margin-top: 38px; }
.kela-artikel-inhoud h3 { font-size: 19px; font-weight: 700; margin-top: 28px; }
.kela-artikel-inhoud ul,
.kela-artikel-inhoud ol { padding-left: 22px; display: grid; gap: 8px; }
.kela-artikel-inhoud img { border-radius: var(--radius); height: auto; }
.kela-artikel-inhoud blockquote {
  border-left: 4px solid var(--groen);
  padding: 4px 0 4px 18px;
  color: var(--grijs);
  font-size: 17px;
}
.kela-artikel-inhoud a { color: var(--groen-donker); font-weight: 600; }

/* ===== Zoekresultaten en 404 ===== */
.kela-zoek-formulier { display: flex; gap: 10px; max-width: 460px; margin-top: 22px; }
.kela-zoek-formulier input[type="search"] {
  flex: 1;
  font: 500 15px var(--body);
  border: 1.5px solid var(--lijn);
  border-radius: 10px;
  padding: 12px 14px;
  background: var(--papier);
  color: var(--tekst);
}
.kela-resultaat { padding: 22px 0; border-bottom: 1px solid var(--lijn); }
.kela-resultaat h2 { font-size: 20px; font-weight: 700; }
.kela-resultaat h2 a { text-decoration: none; }
.kela-resultaat h2 a:hover { color: var(--groen-donker); }
.kela-resultaat p { color: var(--grijs); margin-top: 6px; }