/*
Theme Name:   Bahçivan
Theme URI:    https://bahcivan.de/
Author:       Familie Bahçivan
Description:  Ruhiges, lesbares Theme für die Familienseite der Seydiler-/Bahçivan-Linie.
              Auf den Stammbaum abgestimmt, mit Hell- und Dunkelmodus und Druckansicht.
Version:      1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License:      GPL-2.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  bahcivan
Tags:         one-column, custom-menu, translation-ready, full-width-template
*/

:root{
  --bg:#f6f2ea; --bg2:#fffdf8; --ink:#2c2620; --mut:#7a6f60; --line:#d9cdb8;
  --accent:#8a5a2b; --accent-ink:#fffdf8; --card:#fffdf8;
  --shadow:0 1px 2px rgba(60,45,25,.08); --warn:#b4451f;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --wrap:1180px;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#17140f; --bg2:#201c16; --ink:#ece5da; --mut:#a2978a; --line:#3b342a;
    --accent:#d9a566; --accent-ink:#17140f; --card:#201c16;
    --shadow:0 1px 2px rgba(0,0,0,.4); --warn:#f08a5f;
  }
}

*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.6 var(--serif);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
a{color:var(--accent)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;
}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}

/* Kopfbereich */
.site-header{border-bottom:2px solid var(--line);background:var(--bg)}
.site-header .wrap{
  display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;padding-top:22px;padding-bottom:22px;
}
.site-title{margin:0;font-size:22px;letter-spacing:-.01em;line-height:1.2}
.site-title a{text-decoration:none;color:var(--ink)}
.site-title small{
  display:block;font:600 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent);margin-bottom:6px;
}
.site-nav{margin-left:auto}
.site-nav ul{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0}
.site-nav a{font:500 14px/1 var(--sans);text-decoration:none;color:var(--mut)}
.site-nav a:hover,.site-nav .current-menu-item>a{color:var(--accent)}
.site-account{font:12.5px/1 var(--sans);color:var(--mut);display:flex;align-items:center;gap:11px}
.site-account a{
  color:var(--accent);text-decoration:none;border:1px solid var(--line);
  border-radius:6px;padding:6px 11px;background:var(--card);
}
.site-account a:hover{border-color:var(--accent)}

/* Inhalt */
.site-main{padding:42px 0 70px}
.entry-header{margin:0 0 26px;padding-bottom:14px;border-bottom:2px solid var(--line)}
.entry-title{font-size:clamp(27px,4.2vw,42px);line-height:1.1;margin:0;letter-spacing:-.01em}
.entry-meta{font:12.5px/1 var(--sans);color:var(--mut);margin-top:10px}

.entry-content{max-width:none}
.entry-content > *{max-width:74ch}
.entry-content > .bhcvn-tree-wrap,
.entry-content > .alignwide,
.entry-content > .alignfull,
.entry-content > figure,
.entry-content > table{max-width:none}

.entry-content h2{font-size:23px;margin:46px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.entry-content h3{font-size:17px;margin:28px 0 8px;font-family:var(--sans)}
.entry-content p{margin:0 0 16px}
.entry-content blockquote{
  margin:24px 0;padding:18px 24px;background:var(--bg2);
  border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;
}
.entry-content code{
  font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
  background:var(--bg2);border:1px solid var(--line);border-radius:4px;padding:1px 5px;
}
.entry-content table{border-collapse:collapse;width:100%;font:14px/1.5 var(--sans);margin:16px 0}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:8px 11px;text-align:left}
.entry-content th{background:var(--bg2)}

.post-list{list-style:none;margin:0;padding:0;display:grid;gap:16px;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.post-list li{
  background:var(--card);border:1px solid var(--line);border-radius:10px;
  padding:18px 20px;box-shadow:var(--shadow);
}
.post-list h2{margin:0 0 6px;font-size:18px}
.post-list a{text-decoration:none}
.post-list p{margin:0;color:var(--mut);font-size:14px}

.button{
  display:inline-block;padding:10px 18px;border-radius:7px;text-decoration:none;
  background:var(--accent);color:var(--accent-ink);font:600 14px/1 var(--sans);border:0;cursor:pointer;
}
.button:hover{filter:brightness(1.08);color:var(--accent-ink)}

.pagination{margin:36px 0 0;font:14px/1 var(--sans);display:flex;gap:10px;flex-wrap:wrap}
.pagination .page-numbers{
  padding:8px 12px;border:1px solid var(--line);border-radius:6px;
  text-decoration:none;background:var(--card);
}
.pagination .current{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}

/* Fußbereich */
.site-footer{
  border-top:1px solid var(--line);padding:26px 0 44px;
  font:13px/1.6 var(--sans);color:var(--mut);
}
.site-footer p{margin:0 0 6px}

.screen-reader-text{
  position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);
  white-space:nowrap;
}
.skip-link:focus{
  position:fixed;top:10px;left:10px;width:auto;height:auto;clip:auto;z-index:99;
  background:var(--accent);color:var(--accent-ink);padding:10px 16px;border-radius:6px;
}

@media print{
  .site-nav,.site-account,.site-footer,.skip-link{display:none}
  body{background:#fff;font-size:10.5pt}
  .site-header{border-bottom:1px solid #999}
}