/*
Theme Name:  Zalenplanner
Theme URI:   https://pijnack.nl/zalenplanner
Description: Minimaal thema met volle breedte voor tabellen en shortcode-pagina's, met 20px zijmarges.
Version:     1.0.0
Author:      Pijnack
Text Domain: zalenplanner
*/

/* ── Reset & basis ────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 13px; }

body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    color: #333;
    background: #fff;
    line-height: 1.5;
}

a { color: #333; }
a:hover { color: #000; }

/* ── Layout: geen maximale breedte ───────────────────────── */
.site          { display: flex; flex-direction: column; min-height: 100vh; }
.site-header   { padding: 14px 20px; }
.site-footer   { border-top: 1px solid #ddd; padding: 14px 20px; font-size: 11px; color: #999; }

/* Content: volle breedte, 20px zijpadding */
.site-content  { flex: 1; width: 100%; }
.entry-content {
    width: 100%;
    padding: 20px 20px;
    box-sizing: border-box;
}

/* Verwijder standaard WordPress max-width beperkingen */
.wp-block-group,
.wp-block-group__inner-container,
.wp-block-post-content,
.wp-block-post-content > *,
.entry-content > *,
.page-content > * {
    max-width: 100% !important;
    width: 100% !important;
}

/* ── Titels ──────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    margin-bottom: 12px;
    color: #111;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
h4 { font-size: 1.4em; }

/* ── Tabellen: volle breedte ─────────────────────────────── */
table {
    width: 100%;
    border-collapse: collapse;
    font-family: Verdana, sans-serif;
    font-size: 13px;
}
th, td {
    padding: 5px 6px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    vertical-align: middle;
}
th {
    font-weight: bold;
    background: #fff;
}
tbody tr:nth-child(odd) { background: #f9f9f9; }
tbody tr:hover          { background: #f0f0f0; }

/* ── Formulieren ─────────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
select,
textarea {
    font-family: Verdana, sans-serif;
    font-size: 13px;
    border: 1px solid #ccc;
    padding: 5px 8px;
    background: #fff;
    color: #333;
}

input[type="submit"],
button {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    cursor: pointer;
}

/* ── Admin bar correctie ──────────────────────────────────── */
.admin-bar .site-header { margin-top: 32px; }
@media screen and (max-width: 782px) {
    .admin-bar .site-header { margin-top: 46px; }
}