/*
Theme Name: Czeranski
Theme URI: https://www.maler-czeranski.de
Author: Malerbetrieb Czeranski
Description: Pixelgenaues WordPress-Theme für Malerbetrieb Czeranski (Berlin). Lokale SEO-Landingpages (Start, 12 Bezirke × 2 Keyword-Varianten, 6 Leistungen, 12 Glossar-Begriffe, FAQ, Ablauf, Referenzen, Standorte, Preisrechner), zweisprachig DE/EN. Teilt sich die Datenbasis mit dem Plugin „Czeranski Backend".
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: czeranski
*/

/* ==========================================================================
   Design-Tokens — exakt aus den DC-Prototypen (helmet :root)
   ========================================================================== */
:root{
  --paper:#F4F0E8;   /* Seitenhintergrund   */
  --paper2:#ECE5D6;  /* Karten/Streifen     */
  --surface:#FFFFFF;
  --ink:#1C1813;     /* Primärtext          */
  --ink2:#46402F;    /* Sekundärtext        */
  --muted:#857B68;
  --line:#E6DDCB;    /* Rahmen              */
  --line2:#D7CCB5;   /* Rahmen kräftiger    */
  --navy:#152234;    /* Sidebar (Backend)   */
  --accent:#F2A900;  /* Gold (Primäraktion) */
  --accent-d:#D38E00;/* Gold dunkel (Hover) */
  --tint:#FBF2DD;    /* Gold-Tönung         */
  --green:#2E7D5B;   /* Erfolg/bezahlt      */
  --sans:'Hanken Grotesk',system-ui,sans-serif;
  --display:'Archivo','Hanken Grotesk',sans-serif;
}

/* ==========================================================================
   Basis-Reset — exakt aus dem helmet der Startseite
   ========================================================================== */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,p,figure{margin:0}
a{color:inherit;text-decoration:none}
button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none;padding:0}
img{max-width:100%;display:block}
::selection{background:var(--accent);color:#1B1813}
details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}

/* Entry-Animation (Hero & Sektionen) */
@keyframes pwrise{from{transform:translateY(14px)}to{transform:none}}
@keyframes czrise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ==========================================================================
   Header-Responsivverhalten (Breakpoint 920px) — aus SiteHeader.dc.html
   ========================================================================== */
.czh-burger{display:none}
.czh-mob{display:none}
@media(max-width:920px){
  .czh-desk{display:none !important}
  .czh-burger{display:inline-flex !important}
  /* Mobiles Panel nur sichtbar, wenn per Toggle geöffnet (Klasse czh-open). */
  .czh-mob.czh-open{display:block}
}