/* ============================================================
   Eetcafé De Ooievaar — WordPress-specifieke aanvullingen
   (content-pagina's, losse berichten, weekmenu-lichaam, archief).
   Sluit aan op de tokens uit styles.css.
   ============================================================ */

/* generieke content-kop (page.php / single.php / archive) */
.page-hero{
  background:var(--ink);color:var(--paper);
  padding:calc(var(--nav-h,74px) + 4rem) 0 3.2rem;text-align:center;
}
.page-hero .wrap{max-width:820px}
.page-hero h1{color:var(--paper);font-size:clamp(2rem,4.4vw,3.1rem);margin-bottom:.7rem}
.page-hero .meta{color:var(--brass-soft);font-size:.9rem;letter-spacing:.02em}

/* prettig leesbare tekstkolom voor WP-content */
.entry-content,.weekmenu-body{
  font-size:1.02rem;line-height:1.72;color:var(--ink-soft);
}
.entry-content{max-width:760px;margin:0 auto}
.entry-content > *,.weekmenu-body > *{margin:0 0 1.15rem}
.entry-content h2,.weekmenu-body h2{font-family:var(--font-display);color:var(--ink);font-size:1.7rem;margin:2rem 0 .8rem;font-weight:500}
.entry-content h3,.weekmenu-body h3{font-family:var(--font-display);color:var(--ink);font-size:1.3rem;margin:1.6rem 0 .6rem;font-weight:500}
.entry-content h4,.weekmenu-body h4{font-family:var(--font-body);color:var(--ink);font-weight:600;margin:1.3rem 0 .4rem}
.entry-content a,.weekmenu-body a{color:var(--brass-deep);text-decoration:underline;text-underline-offset:2px}
.entry-content a:hover,.weekmenu-body a:hover{color:var(--brass)}
.entry-content img,.weekmenu-body img{max-width:100%;height:auto;border-radius:12px}
.entry-content ul,.entry-content ol,.weekmenu-body ul,.weekmenu-body ol{padding-left:1.2rem}
.entry-content li,.weekmenu-body li{margin:.3rem 0}
.entry-content blockquote,.weekmenu-body blockquote{
  border-left:3px solid var(--brass);padding-left:1.1rem;font-family:var(--font-display);
  font-size:1.15rem;color:var(--ink);font-style:italic;
}

/* weekmenu-pagina */
.weekmenu-current .menu-block-head{margin-bottom:1.2rem}
.weekmenu-current h2{font-size:clamp(1.7rem,3.2vw,2.3rem)}
.weekmenu-archive{
  margin-top:1.8rem;padding:1.4rem 1.5rem;border:1px solid var(--line);
  border-radius:14px;background:var(--cream);
}
.weekmenu-archive h4{font-family:var(--font-body);font-size:.76rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--brass-deep);margin-bottom:.8rem;font-weight:600}
.weekmenu-archive ul{list-style:none;margin:0;padding:0}
.weekmenu-archive li{margin:.35rem 0}
.weekmenu-archive a{color:var(--ink);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.weekmenu-archive a:hover{border-color:var(--brass)}

/* eenvoudige blog/archief-lijst (index.php) */
.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(20px,3vw,34px)}
.post-card{background:var(--cream);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.post-card .card-media{aspect-ratio:16/10;overflow:hidden}
.post-card .card-media img{width:100%;height:100%;object-fit:cover}
.post-card .pc-body{padding:1.3rem 1.4rem 1.5rem}
.post-card .pc-date{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:.5rem}
.post-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:500;margin-bottom:.5rem;line-height:1.15}
.post-card h3 a{color:var(--ink);text-decoration:none}
.post-card h3 a:hover{color:var(--brass-deep)}
.post-card p{color:var(--ink-soft);font-size:.95rem;line-height:1.55}

/* Google Maps embed (contactpagina) */
.map-embed{border-radius:16px;overflow:hidden;box-shadow:0 14px 34px rgba(36,28,21,.14);line-height:0;background:var(--cream)}
.map-embed iframe{display:block;width:100%;min-height:360px}

/* info-cards met icoon (contact: bereikbaarheid) */
.card .feat-ic{margin-bottom:.9rem}
.card-body .feat-ic + h3{margin-top:0;font-family:var(--font-display);font-size:1.2rem;font-weight:500}

/* klikbare eten-kaarten op de homepage (Lunch/Borrel/Diner -> naar kaart-sectie) */
a.card,
.card-link{
  display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;
  transition:transform .28s ease, box-shadow .28s ease;
}
.card-link:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(36,28,21,.17)}
.card-link:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.card-more{
  display:inline-flex;align-items:center;gap:.42rem;margin-top:1rem;
  font-family:var(--font-body);font-weight:600;font-size:.9rem;letter-spacing:.01em;color:var(--brass-deep);
}
.card-more::after{content:"\2192";transition:transform .28s ease}
.card-link:hover .card-more::after{transform:translateX(5px)}

/* paginanavigatie */
.pager{display:flex;justify-content:center;gap:1rem;margin-top:2.6rem}
.pager a,.pager .current{padding:.55rem 1rem;border:1px solid var(--line);border-radius:10px;
  color:var(--ink);text-decoration:none;font-weight:600;font-size:.9rem}
.pager .current{background:var(--brass);color:#fff;border-color:var(--brass)}

/* -------------------------------------------------------------------------
   Weekmenu-invoerformulier (privé pagina, alleen team)
   ------------------------------------------------------------------------- */
.wrap-narrow{max-width:640px;margin-inline:auto}
.wm-form-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);
  padding:clamp(1.4rem,4vw,2.4rem);box-shadow:var(--shadow-soft)}
.wm-form-card h2{font-family:var(--font-display);margin:0 0 .4rem;font-size:1.5rem}
.wm-field{display:flex;flex-direction:column;margin:0 0 1.5rem}
.wm-field label{font-weight:700;color:var(--ink);margin-bottom:.15rem;font-size:1.02rem}
.wm-field .wm-hint{color:var(--ink-soft);font-size:.86rem;margin-bottom:.5rem;line-height:1.4}
.wm-optional{font-weight:400;color:var(--ink-soft);font-size:.85em}
.wm-field input[type=text],
.wm-field textarea{width:100%;font:inherit;color:var(--ink);background:#fff;
  border:1px solid var(--line);border-radius:var(--radius);padding:.75rem .85rem;
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}
.wm-field input[type=text]:focus,
.wm-field textarea:focus{outline:none;border-color:var(--brass);
  box-shadow:0 0 0 3px rgba(176,128,59,.18)}
.wm-field textarea{resize:vertical;min-height:5.5rem}
.wm-field input[type=file]{font:inherit;color:var(--ink-soft);width:100%}
.wm-field input[type=file]::file-selector-button{font:inherit;font-weight:600;cursor:pointer;
  margin-right:.8rem;padding:.55rem .9rem;border:1px solid var(--brass);border-radius:var(--radius);
  background:var(--paper);color:var(--brass-deep)}
.wm-actions{margin-top:.5rem}
.wm-actions .btn{width:100%;justify-content:center;font-size:1.05rem;padding:.9rem 1.2rem}
.wm-fineprint{color:var(--ink-soft);font-size:.85rem;margin:1rem 0 0;text-align:center}
.wm-note{border-radius:var(--radius);padding:.85rem 1.1rem;margin:0 0 1.4rem;font-weight:600;line-height:1.45}
.wm-note-good{background:#EAF2E5;color:#2C3D30;border:1px solid rgba(44,61,48,.3)}
.wm-note-bad{background:#F6E7E2;color:#6E2B2B;border:1px solid rgba(110,43,43,.28)}
/* WordPress' eigen wachtwoordformulier in onze stijl */
.wm-form-card .post-password-form input[type=password]{width:100%;font:inherit;color:var(--ink);
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:.75rem .85rem;margin:.5rem 0}
.wm-form-card .post-password-form input[type=submit]{font:inherit;font-weight:700;cursor:pointer;
  background:var(--brass);color:#fff;border:0;border-radius:var(--radius);padding:.8rem 1.4rem}
.wm-form-card .post-password-form input[type=submit]:hover{background:var(--brass-deep)}

/* ---------------------------------------------------------------------------
   Evenementen: invoerformulier-aanvullingen + kaarten op de agendapagina
   --------------------------------------------------------------------------- */

/* extra veldtypes in het evenementenformulier */
.wm-field input[type=date],
.wm-field input[type=time],
.wm-field input[type=url],
.wm-fieldset input[type=url],
.wm-fieldset input[type=text]{width:100%;font:inherit;color:var(--ink);background:#fff;
  border:1px solid var(--line);border-radius:10px;padding:.75rem .85rem}
.wm-field input[type=date]:focus,
.wm-field input[type=time]:focus,
.wm-field input[type=url]:focus,
.wm-fieldset input[type=url]:focus,
.wm-fieldset input[type=text]:focus{outline:none;border-color:var(--brass);
  box-shadow:0 0 0 3px rgba(176,128,59,.18)}

.wm-fieldset{border:1px solid var(--line);border-radius:12px;padding:1rem 1rem .9rem;
  background:rgba(176,128,59,.05)}
.wm-fieldset legend{font-weight:700;color:var(--ink);padding:0 .4rem;font-size:1.02rem}
.wm-radio{display:flex;align-items:flex-start;gap:.6rem;margin:.15rem 0 .5rem;
  font-size:.98rem;color:var(--ink);cursor:pointer;line-height:1.45}
.wm-radio input{margin-top:.25rem;flex-shrink:0;width:1.1rem;height:1.1rem;accent-color:var(--green)}
.wm-radio em{color:var(--ink-soft);font-style:italic}

/* beheerlijstje onder het formulier */
.ev-beheer{list-style:none;margin:.6rem 0 0;padding:0}
.ev-beheer li{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding:.6rem 0;border-top:1px solid var(--line)}
.ev-beheer li:first-child{border-top:0}
.ev-beheer span{color:var(--ink-soft);font-size:.92rem}

/* kaarten op de agendapagina */
.ev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));
  gap:1.4rem;margin-top:2.2rem}
.ev-card{display:flex;flex-direction:column;background:var(--cream);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:0 14px 34px -26px rgba(36,28,21,.55);
  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s}
.ev-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px -26px rgba(36,28,21,.6)}
.ev-card-media{aspect-ratio:16/10;overflow:hidden;background:var(--paper)}
.ev-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.ev-card-body{padding:1.3rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}
.ev-card-when{font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;
  font-weight:700;color:var(--brass-deep);margin:0 0 .45rem}
.ev-card h3{font-family:var(--font-display);font-size:1.4rem;margin:0 0 .5rem;
  color:var(--ink);line-height:1.2}
.ev-card p{color:var(--ink-soft);margin:0 0 1.2rem;font-size:.97rem;line-height:1.55}
.ev-card-cta{margin-top:auto;align-self:flex-start}

@media(max-width:560px){
  .ev-card-body{padding:1.1rem 1.15rem 1.3rem}
  .ev-card h3{font-size:1.25rem}
  .ev-card-cta{align-self:stretch;text-align:center}
}