/*
Theme Name: Camperscaravansnieuws
Theme URI: https://camperscaravansnieuws.nl/
Template: twentytwentyfive
Author: Arimpex
Author URI: https://arimpex.nl/
Description: Huisstijl-child bovenop Twenty Twenty-Five voor de kampeer-nieuwsredactie (Dennengroen + Kampvuur op Kampeerdoek, Fraunces + Inter). Kampeer-tegenhanger van watersportnieuws. Palet en typografie via theme.json.
Version: 0.3.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: camperscaravansnieuws
Tags: news, editorial, blog, clean
*/

/* ============================================================
   Huisstijl-tokens (1:1 met HUISSTIJL.md). theme.json levert
   het palet + fonts aan de blokken; dit vult de details.
   ============================================================ */
:root{
  --ccn-navy:#1E3A2B; --ccn-koraal:#D2622A; --ccn-schuim:#F3EEE1; --ccn-dek:#FCFAF4;
  --ccn-mist:#5E6B60; --ccn-touw:#D8CFBE; --ccn-teal:#3A7D5C; --ccn-amber:#C7902E; --ccn-inkt:#10241A;
}

/* Links: koraal accent, net als de styleguide */
a{ color:var(--ccn-koraal); }
a:hover{ text-decoration:underline; }

/* Koppen: Fraunces-gezag, strak kerning */
h1,h2,h3,h4,.wp-block-heading{
  font-family:"Fraunces","Playfair Display",Georgia,serif;
  letter-spacing:-.01em;
  color:var(--ccn-navy);
}

/* Nieuwslabel-hulpklasse (koraal vlakje, witte kapitalen) */
.wn-label{
  display:inline-block;background:var(--ccn-koraal);color:#fff;font-size:11px;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:4px 8px;border-radius:4px;font-family:"Inter","Segoe UI",system-ui,sans-serif;
}

/* Rubriektag (getijteal) */
.wn-tag{
  display:inline-block;background:rgba(28,110,126,.12);color:var(--ccn-teal);
  font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;
}

/* Citaat met koraal-streep */
blockquote,.wp-block-quote{
  border-left:3px solid var(--ccn-koraal);
  font-family:"Fraunces","Playfair Display",Georgia,serif;
}

/* Knop-hover naar koraal (huisstijl) */
.wp-block-button__link:hover{
  background:var(--ccn-koraal)!important;border-color:var(--ccn-koraal)!important;
}

/* Artikelkaart-gevoel op query-loop posts */
.wp-block-post-template li{
  background:var(--ccn-dek);border:1px solid var(--ccn-touw);border-radius:12px;
  overflow:hidden;
}

/* Comfortabele leesbreedte voor artikeltekst */
.wp-block-post-content{ --wp--style--global--content-size:68ch; }

/* --- Logo in navy header (v0.3) --- */
.wn-header { border-bottom: 3px solid var(--wp--preset--color--accent, #D2622A); }
.wn-logo { display: inline-flex; align-items: center; text-decoration: none; line-height: 0; }
.wn-logo__svg { height: 46px; width: auto; display: block; }
@media (max-width: 600px) { .wn-logo__svg { height: 38px; } }
.wn-header .wp-block-navigation { --wp--preset--color--contrast: #FCFAF4; }