/*
Theme Name: Rob uit Leiden
Author: Rob uit Leiden
Description: Frisse stadsgids voor evenementen, restaurants en hotels in Leiden.
Version: 1.1.0
Text Domain: rob-uit-leiden
*/
:root{--blue:#073b5c;--sky:#0b82b9;--cream:#f5f0e6;--red:#e6533f;--ink:#17242d;--white:#fff;--radius:20px;--shadow:0 14px 35px rgba(7,59,92,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fbfaf7;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid #dce6ea}.nav{min-height:76px;display:flex;align-items:center;gap:28px}.brand{font-size:1.28rem;font-weight:900;color:var(--blue);margin-right:auto}.brand span{color:var(--red)}.menu{display:flex;gap:22px;align-items:center;list-style:none;margin:0;padding:0}.menu a{font-weight:700}.button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:0;border-radius:999px;background:var(--red);color:#fff;font-weight:800;cursor:pointer}.button.alt{background:var(--blue)}.hero{padding:84px 0 72px;color:#fff;background:linear-gradient(120deg,rgba(7,59,92,.96),rgba(11,130,185,.83)),radial-gradient(circle at 80% 20%,#81cbd9,transparent 35%)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:900;font-size:.78rem;color:#ffd1c9}.hero h1{font-size:clamp(2.6rem,6vw,5.5rem);line-height:.95;margin:.15em 0}.hero p{font-size:1.22rem;max-width:700px}.hero-card{background:#fff;color:var(--ink);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card h2{color:var(--blue);margin-top:0}.section{padding:72px 0}.section.cream{background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section h2,.page-head h1{color:var(--blue);font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin:.1em 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.2s transform}.card:hover{transform:translateY(-4px)}.card-image{aspect-ratio:16/10;background:linear-gradient(135deg,#abd9e4,#0b82b9);display:grid;place-items:center;color:#fff;font-size:2.5rem}.card-image img{width:100%;height:100%;object-fit:cover}.card-body{padding:23px}.card h3{color:var(--blue);font-size:1.35rem;line-height:1.25;margin:6px 0}.meta{color:#62717a;font-size:.9rem}.tag{display:inline-block;padding:4px 10px;border-radius:999px;background:#e4f2f6;color:var(--blue);font-size:.78rem;font-weight:800}.page-head{padding:55px 0 35px;background:var(--cream)}.content{padding:48px 0;max-width:800px}.filters{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;margin:26px 0}.filters input,.filters select,.rul-form input,.rul-form textarea,.rul-form select{width:100%;padding:13px;border:1px solid #bdccd2;border-radius:12px;background:#fff;font:inherit}.rul-form{display:grid;gap:16px;background:#fff;padding:28px;border-radius:var(--radius);box-shadow:var(--shadow)}.rul-form label{font-weight:800}.rul-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice{padding:14px 18px;border-radius:12px;background:#dcf3e8;color:#165b3c}.site-footer{padding:48px 0;background:var(--blue);color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.mobile-toggle{display:none;background:none;border:0;font-size:1.5rem}@media(max-width:780px){.hero-grid,.cards,.footer-grid{grid-template-columns:1fr}.hero{padding-top:55px}.hero-card{display:none}.menu{display:none;position:absolute;left:0;right:0;top:76px;padding:22px 20px;background:#fff;flex-direction:column}.menu.open{display:flex}.mobile-toggle{display:block}.filters,.rul-form .row{grid-template-columns:1fr}.section{padding:52px 0}}
.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.lead{font-size:1.25rem}.quote{padding:28px;background:var(--blue);color:#fff;border-radius:var(--radius);font-size:1.25rem;font-weight:800}.quote small{display:block;margin-top:14px;color:#bce7ef;font-size:.9rem}@media(max-width:780px){.intro-grid{grid-template-columns:1fr}}

.brand-logo{display:block;width:88px;height:88px;object-fit:contain}.nav{min-height:104px}.menu a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #0b82b9;outline-offset:4px}.admin-bar .site-header{top:32px}.rul-form textarea{resize:vertical}.notice{margin:20px 0}.content a{text-decoration:underline}@media(max-width:780px){.menu{top:104px}.nav{gap:12px}.menu{max-height:70vh;overflow:auto}.admin-bar .site-header{top:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

.ontzet-spotlight h2{margin-top:12px;line-height:1.15}.ontzet-spotlight .button{font-size:1rem}@media(max-width:780px){.hero-card.ontzet-spotlight{display:block;margin-top:12px}}