/*
Theme Name:   GP Zakynthos
Theme URI:    https://zakynthos.xyz/
Description:  Child-Theme für zakynthos.xyz auf Basis von GeneratePress. Farben aus der Insel, Schriften lokal (Archivo, Source Serif 4, SIL OFL 1.1).
Author:       Tom
Template:     generatepress
Version:      1.0.0
Text Domain:  gp-zakynthos
*/

/* ---------- 1 Schriften (lokal, kein Fremdabruf) ---------- */
@font-face{font-family:"Archivo";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/archivo-latin-500-normal.woff2") format("woff2");}
@font-face{font-family:"Archivo";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/archivo-latin-700-normal.woff2") format("woff2");}
@font-face{font-family:"Archivo";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/archivo-latin-800-normal.woff2") format("woff2");}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/source-serif-4-latin-400-normal.woff2") format("woff2");}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/source-serif-4-latin-400-italic.woff2") format("woff2");}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/source-serif-4-latin-600-normal.woff2") format("woff2");}

/* ---------- 2 Farben ---------- */
:root{
  --zk-tiefwasser:#0B5D7A;
  --zk-tiefwasser-dunkel:#08465C;
  --zk-navagio:#14A3B0;
  --zk-flachwasser:#EAF4F6;
  --zk-kalk:#FBFAF7;
  --zk-sand:#E3DED3;
  --zk-tinte:#1E2A32;
  --zk-grau:#45545E;
  --zk-abendrot:#D2603A;
  --zk-abendrot-text:#A3401E;
  --zk-oliv:#4D6236;
  --zk-nacht:#13232C;
  --zk-radius:10px;
  --zk-head:"Archivo",system-ui,sans-serif;
  --zk-body:"Source Serif 4",Georgia,serif;
}

/* ---------- 3 Grundtypografie ---------- */
body{background:var(--zk-kalk);color:var(--zk-tinte);font-family:var(--zk-body);font-size:18px;line-height:1.65;}
h1,h2,h3,h4,h5,h6,.main-title,.main-navigation,.site-description,.entry-meta,.widget-title,button,.button,input,select,label{font-family:var(--zk-head);}
h1,h2,h3{color:var(--zk-tiefwasser);font-weight:800;letter-spacing:-.01em;line-height:1.15;}
h1{font-size:clamp(2rem,4.5vw,3.4rem);}
h2{font-size:clamp(1.6rem,3vw,2.1rem);margin-top:1.6em;}
h3{font-size:1.3rem;font-weight:700;}
a{color:var(--zk-tiefwasser);text-underline-offset:.15em;}
a:hover,a:focus{color:var(--zk-tiefwasser-dunkel);}
.entry-content p{margin-bottom:1.2em;}

/* ---------- 4 Kopf und Navigation ---------- */
.site-header{background:#fff;border-bottom:1px solid var(--zk-sand);}
.main-title a{color:var(--zk-tiefwasser);font-weight:800;font-size:1.35rem;}
.main-navigation,.main-navigation ul ul{background:#fff;}
.main-navigation .main-nav ul li a{color:var(--zk-tinte);font-weight:500;font-size:15px;}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li.current-menu-item>a,.main-navigation .main-nav ul li.current-menu-ancestor>a{color:var(--zk-tiefwasser);}

/* ---------- 5 Knöpfe ---------- */
.wp-block-button__link,.button,button,input[type=submit]{background:var(--zk-tiefwasser);color:#fff;border-radius:6px;font-weight:700;padding:.8em 1.3em;}
.wp-block-button.is-style-aktion .wp-block-button__link,.zk-aktion{background:var(--zk-abendrot);color:#fff;}
.wp-block-button.is-style-outline .wp-block-button__link{background:#fff;color:var(--zk-tiefwasser);border:2px solid var(--zk-tiefwasser);}

/* ---------- 6 Hero (GP Elements Seitenkopf) ---------- */
.zk-hero{position:relative;color:#fff;}
.zk-hero::before{content:"";position:absolute;inset:0;background:rgba(6,34,46,.38);}
.zk-hero>*{position:relative;}
.zk-hero h1{color:#fff;}
.zk-kicker{font-family:var(--zk-head);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#D7F1F3;}

/* ---------- 7 Bausteine ---------- */
/* Auf einen Blick (Kurzantwort-Box) */
.zk-blick{background:var(--zk-flachwasser);border-radius:var(--zk-radius);padding:22px 24px;margin:0 0 2em;}
.zk-blick h2{margin:0 0 .5em;font-size:1.35rem;}
.zk-blick ul{margin:0 0 0 1.2em;}

/* Aktuell-Hinweis mit Prüfdatum */
.zk-aktuell{background:#FFF6EF;border:1px solid #F0D3C3;border-radius:var(--zk-radius);padding:18px 20px;margin:0 0 2em;}
.zk-aktuell .zk-aktuell-titel{font-family:var(--zk-head);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--zk-abendrot-text);}

/* Steckbrief (Strände, Orte) */
.zk-steckbrief{background:#fff;border:1px solid var(--zk-sand);border-radius:var(--zk-radius);overflow:hidden;margin:0 0 2em;}
.zk-steckbrief .zk-steckbrief-kopf{background:var(--zk-tiefwasser);color:#fff;padding:12px 18px;font-family:var(--zk-head);font-weight:800;font-size:15px;letter-spacing:.08em;text-transform:uppercase;}
.zk-steckbrief dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px 14px;margin:0;padding:14px 18px;font-size:16px;}
.zk-steckbrief dt{font-family:var(--zk-head);font-weight:700;color:var(--zk-grau);}
.zk-steckbrief dd{margin:0;}

/* Etiketten */
.zk-tag{display:inline-block;font-family:var(--zk-head);font-size:13px;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--zk-flachwasser);color:var(--zk-tiefwasser);margin:0 6px 6px 0;}
.zk-tag.is-natur{background:#EEF2E6;color:var(--zk-oliv);}
.zk-tag.is-hinweis{background:#FFF6EF;color:var(--zk-abendrot-text);}

/* Vergleichstabellen: scrollen auf dem Handy im eigenen Rahmen */
.entry-content figure.wp-block-table{overflow-x:auto;border:1px solid var(--zk-sand);border-radius:var(--zk-radius);background:#fff;}
.entry-content .wp-block-table table{border-collapse:collapse;min-width:560px;font-size:16px;}
.entry-content .wp-block-table thead th{background:var(--zk-flachwasser);color:var(--zk-tiefwasser);font-family:var(--zk-head);font-size:13px;text-transform:uppercase;letter-spacing:.06em;text-align:left;}
.entry-content .wp-block-table td,.entry-content .wp-block-table th{padding:10px 14px;border:0;border-top:1px solid #EEE9DF;}

/* FAQ (core/details) */
.entry-content details{background:#fff;border:1px solid var(--zk-sand);border-radius:8px;padding:14px 18px;margin:0 0 10px;}
.entry-content details summary{font-family:var(--zk-head);font-weight:700;cursor:pointer;}
.entry-content details[open] summary{margin-bottom:8px;}

/* Zitat mit Quelle */
.entry-content blockquote{background:#fff;border:1px solid var(--zk-sand);border-left:0;border-radius:var(--zk-radius);padding:18px 22px;font-style:italic;}
.entry-content blockquote cite{display:block;font-family:var(--zk-head);font-style:normal;font-size:14px;color:#5B6870;margin-top:8px;}

/* Quellenblock */
.zk-quellen{border-top:2px solid var(--zk-tiefwasser);padding-top:14px;margin-top:2.5em;font-size:15px;color:var(--zk-grau);}
.zk-quellen h2{font-size:1.1rem;margin:0 0 .4em;}

/* Bilder und Bildunterschriften */
.entry-content img{border-radius:var(--zk-radius);}
.entry-content figcaption,.wp-caption-text{font-family:var(--zk-head);font-size:13px;color:#5B6870;text-align:left;}

/* Kachelraster für Hub-Seiten */
.zk-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.zk-kachel{background:#fff;border:1px solid var(--zk-sand);border-radius:var(--zk-radius);overflow:hidden;text-decoration:none;color:var(--zk-tinte);display:flex;flex-direction:column;}
.zk-kachel img{width:100%;height:200px;object-fit:cover;border-radius:0;}
.zk-kachel .zk-kachel-text{padding:16px 18px 18px;}
.zk-kachel strong{display:block;font-family:var(--zk-head);font-weight:800;font-size:1.2rem;color:var(--zk-tiefwasser);}

/* ---------- 8 Seitenleiste, Archive ---------- */
.sidebar .widget{background:#fff;border:1px solid var(--zk-sand);border-radius:var(--zk-radius);}
.widget-title{color:var(--zk-tiefwasser);font-weight:800;}
.post-image img{border-radius:var(--zk-radius);}
.entry-meta,.entry-meta a{font-family:var(--zk-head);font-size:14px;color:#5B6870;}

/* ---------- 9 Fußzeile ---------- */
.site-footer,.site-info{background:var(--zk-nacht);color:#C7D2D8;}
.site-info a,.footer-widgets a{color:#C7D2D8;}
.footer-widgets{background:var(--zk-nacht);color:#C7D2D8;}
.footer-widgets .widget-title{color:#fff;}

/* ---------- 10 Schmal ---------- */
@media (max-width:768px){
  body{font-size:17px;}
  .zk-steckbrief dl{grid-template-columns:1fr 1.3fr;}
}