/*
Theme Name: Taxi Asya Roermond
Theme URI:
Author: Roermedia.nl
Author URI:
Description: Eigen one-page thema voor Taxi Asya Roermond. Elke sectie is een leeg, gemarkeerd HTML-blok dat je zelf invult met je eigen HTML/CSS. Lichte CSS-basis meegeleverd (reset + container + sectie-padding + responsive helpers).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: taxiasyaroermond
*/

/* =========================================================================
   LICHTE CSS-BASIS
   Dit is bewust minimaal gehouden. Alles hieronder mag je overschrijven met
   je eigen CSS (in je secties, in dit bestand, of in een eigen stylesheet).
   Bewaar de thema-header hierboven — die is verplicht voor WordPress.
   ========================================================================= */

/* --- Reset --- */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;      /* soepel scrollen naar de secties via het menu */
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: #1a1a1a;
    background: #ffffff;
}

img,
picture,
video,
svg {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0 0 .6em;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* --- Container: centreert je content en beperkt de breedte --- */
.container {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 20px;
}

/* --- Secties: standaard verticale ruimte, makkelijk te overschrijven --- */
.sectie {
    padding-block: 80px;
    scroll-margin-top: 80px;      /* zodat de sticky nav de titel niet afdekt bij ankers */
}

/* --- Sticky navigatiebalk --- */
.site-nav {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
}

/* --- Footer --- */
.site-footer {
    background: #111111;
    color: #f5f5f5;
}

/* --- Handige helpers --- */
.tekst-midden { text-align: center; }
.verborgen    { display: none; }

/* --- Responsive: iets minder ruimte op mobiel --- */
@media (max-width: 640px) {
    .sectie { padding-block: 56px; }
    .container { padding-inline: 16px; }
}