/*
Theme Name: FAMİA Aile Danışmanlığı
Theme URI: https://minesomuncu.com
Author: Yusuf Turunç
Description: Mine Somuncu · FAMİA Aile Danışmanlığı için özel tema.
Version: 1.0.0
Text Domain: famia
*/
/* Düzen: sol sütunda metin, sağda FAMİA ağacı; markadaki dikey çizgi (kartvizit ve afişteki ayraç) yapısal motif olarak tekrar eder */
:root{
  --paper:#F3F5F0; --ink:#1E2A1C; --muted:#53624E; --forest:#394D34; --sage:#7D8A76;
  --mist:#E4E9DF; --line:#C6CFC0; --olive:#6F6F34;
  --btn-bg:#394D34; --btn-fg:#F3F5F0; --link:#2F4A2A; --todo-bg:#FFF1B8; --todo-fg:#5A4300;
  --head-bg:rgba(243,245,240,.92);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#111912; --ink:#E5ECE0; --muted:#A9B8A3; --forest:#B9CBAF; --sage:#7F9177;
  --mist:#1B261C; --line:#2F3E2F; --olive:#C2C27A;
  --btn-bg:#B9CBAF; --btn-fg:#10180F; --link:#C6D9BB; --todo-bg:#4A3B00; --todo-fg:#FFE48A;
  --head-bg:rgba(17,25,18,.92); color-scheme:dark;}}
:root[data-theme="dark"]{
  --paper:#111912; --ink:#E5ECE0; --muted:#A9B8A3; --forest:#B9CBAF; --sage:#7F9177;
  --mist:#1B261C; --line:#2F3E2F; --olive:#C2C27A;
  --btn-bg:#B9CBAF; --btn-fg:#10180F; --link:#C6D9BB; --todo-bg:#4A3B00; --todo-fg:#FFE48A;
  --head-bg:rgba(17,25,18,.92); color-scheme:dark;}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.68;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--paper)}
img{max-width:100%;height:auto}
a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--olive);outline-offset:3px;border-radius:2px}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.15;letter-spacing:-.01em;text-wrap:balance;margin:0}
h1{font-size:clamp(2rem,4.6vw,3.3rem)}
h2{font-size:clamp(1.55rem,3vw,2.15rem);margin-bottom:.6em}
h3{font-size:1.3rem;margin-bottom:.4em}
p{margin:0 0 1em}
.wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.narrow{max-width:760px}
.section{padding-block:clamp(2.5rem,6vw,4.5rem)}
.band{background:var(--mist)}
.muted{color:var(--muted)}
.skip{position:absolute;left:-999px}
.skip:focus{left:16px;top:16px;background:var(--btn-bg);color:var(--btn-fg);padding:.5rem 1rem;z-index:100}

/* header */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--head-bg);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.head-in{display:flex;align-items:center;gap:1.25rem;min-height:68px}
.brand{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:var(--ink);min-width:0}
.brand img{height:46px;width:auto}
.brand-name{font-family:var(--serif);font-size:1.15rem;line-height:1.1;border-left:1px solid var(--sage);padding-left:.9rem}
.brand-name small{display:block;font-family:var(--sans);font-size:.72rem;color:var(--muted);margin-top:.2rem;letter-spacing:.02em}
.logo-light{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-dark{display:none}:root:not([data-theme="light"]) .logo-light{display:inline}}
:root[data-theme="dark"] .logo-dark{display:none}
:root[data-theme="dark"] .logo-light{display:inline}
nav.primary{margin-left:auto}
nav.primary ul{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0;align-items:center}
nav.primary a{text-decoration:none;color:var(--ink);font-size:.97rem;padding:.35rem 0;border-bottom:2px solid transparent}
nav.primary a.btn{color:var(--btn-fg);border-bottom:1px solid var(--btn-bg);padding:.55rem 1.1rem}
nav.primary a:hover,nav.primary a[aria-current="page"]{border-bottom-color:var(--sage)}
.nav-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--ink);padding:.5rem .8rem;border-radius:6px;font:inherit;cursor:pointer}
@media (max-width:900px){
  .nav-toggle{display:block}
  nav.primary{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:1rem max(16px,env(safe-area-inset-left,0px))}
  nav.primary.open{display:block}
  nav.primary ul{flex-direction:column;align-items:flex-start;gap:.6rem}
  .brand-name small{display:none}
}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--btn-bg);color:var(--btn-fg);padding:.8rem 1.4rem;border-radius:999px;text-decoration:none;font-weight:600;border:1px solid var(--btn-bg);font-size:1rem}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--sage)}
.btn-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.nav-cta{font-size:.92rem;padding:.55rem 1.1rem}

/* hero */
.hero{position:relative;overflow:hidden;padding-block:clamp(2.5rem,7vw,5.5rem)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:2rem;align-items:center}
.lockup{display:flex;align-items:center;gap:1.4rem;margin-bottom:2rem}
.lockup img{height:clamp(96px,14vw,138px);width:auto}
.lockup .tagline{border-left:1px solid var(--sage);padding-left:1.4rem;font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.8vw,1.9rem);line-height:1.2;max-width:14ch}
.hero h1{max-width:20ch;margin-bottom:.7em}
.hero .lead{font-size:1.15rem;max-width:52ch;color:var(--muted)}
.hero-mark{width:100%;max-width:400px;height:auto;justify-self:end;opacity:.22}
@media (max-width:820px){.hero-grid{grid-template-columns:1fr}.hero-mark{position:absolute;right:-18%;top:6%;width:70%;opacity:.1;z-index:0}.hero-grid>div{position:relative;z-index:1}}

/* service rows (afişteki ücret listesi gibi satırlar) */
.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.rows li{border-bottom:1px solid var(--line)}
.row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr) 9rem;gap:1rem 2rem;padding:1.1rem 0;text-decoration:none;color:inherit;align-items:baseline}
.row:hover .row-name{text-decoration:underline;text-decoration-thickness:1px}
.row-name{font-family:var(--serif);font-size:1.35rem;line-height:1.2}
.row-desc{color:var(--muted)}
.row-end{font-family:var(--serif);font-size:1.2rem;text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:700px){.row{grid-template-columns:1fr;gap:.2rem}.row-end{text-align:left}}
.row.pack{background:var(--mist);padding-inline:1rem;border-radius:10px;margin-top:1rem}

/* two column text */
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:2rem 4rem}
@media (max-width:820px){.cols{grid-template-columns:1fr}}
.rule-left{border-left:1px solid var(--sage);padding-left:1.4rem}
.list{padding-left:1.1rem;margin:0 0 1em}
.list li{margin-bottom:.45em;padding-left:.2rem}
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:1.4rem}
.steps li{counter-increment:s;display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.2rem 1rem}
.steps li::before{content:counter(s);font-family:var(--serif);font-size:1.6rem;color:var(--olive);line-height:1.1}
.steps strong{font-family:var(--serif);font-size:1.2rem;font-weight:500;display:block}
.steps p{margin:0;color:var(--muted)}

/* faq */
.faq details{border-bottom:1px solid var(--line);padding:1rem 0}
.faq summary{cursor:pointer;font-family:var(--serif);font-size:1.2rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--sans);color:var(--sage);flex:none}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:.7rem 0 0;color:var(--muted);max-width:68ch}

/* notices */
.notice{border:1px solid var(--line);background:var(--mist);padding:1.1rem 1.3rem;border-radius:10px;font-size:.97rem}
.notice strong{font-family:var(--serif);font-weight:500;font-size:1.1rem}
.todo{background:var(--todo-bg);color:var(--todo-fg);padding:.05em .35em;border-radius:4px;font-size:.92em}
.crumbs{font-size:.88rem;color:var(--muted);padding-top:1.4rem}
.crumbs a{color:var(--muted)}
.page-head{padding-block:clamp(1.8rem,4vw,3rem) 1rem}
.page-head h1{margin-bottom:.5em;max-width:24ch}
.page-head .lead{font-size:1.15rem;color:var(--muted);max-width:60ch}

/* price table */
.prices{width:100%;border-collapse:collapse}
.prices th,.prices td{text-align:left;padding:.95rem .5rem;border-bottom:1px solid var(--line);vertical-align:baseline}
.prices th{font-weight:500;font-family:var(--serif);font-size:1.2rem}
.prices td:last-child{text-align:right;font-family:var(--serif);font-size:1.25rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.table-wrap{overflow-x:auto}

/* blog */
.post-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.post-list li{border-bottom:1px solid var(--line);padding:1.3rem 0}
.post-list a{text-decoration:none;color:inherit}
.post-list h2{font-size:1.5rem;margin-bottom:.3em}
.post-list a:hover h2{text-decoration:underline;text-decoration-thickness:1px}
.meta{font-size:.9rem;color:var(--muted)}
.article h2{margin-top:1.8em}
.article p,.article li{max-width:68ch}
.sources{font-size:.92rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem;margin-top:2rem}

/* contact */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.6rem 2.5rem}
.contact-item{display:flex;gap:.8rem;align-items:flex-start;min-width:0;overflow-wrap:anywhere}
.contact-item svg{flex:none;width:22px;height:22px;margin-top:.25rem;stroke:var(--forest);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.contact-item b{display:block;font-family:var(--serif);font-weight:500;font-size:1.1rem}

/* footer */
.site-foot{background:var(--mist);border-top:1px solid var(--line);padding-block:3rem 5rem;font-size:.97rem}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:2rem 3rem}
@media (max-width:820px){.foot-grid{grid-template-columns:1fr}}
.site-foot h2{font-size:1.1rem;margin-bottom:.6em}
.site-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.site-foot img{height:84px;margin-bottom:1rem}
.legal{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.88rem;color:var(--muted)}
.wa-float{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;box-shadow:0 6px 20px rgba(0,0,0,.2)}
@media (min-width:901px){.wa-float{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* ---- WordPress blok uyumu ---- */
.wp-block-button__link{display:inline-flex;align-items:center;gap:.5rem;background:var(--btn-bg);color:var(--btn-fg);padding:.8rem 1.4rem;border-radius:999px;text-decoration:none;font-weight:600;border:1px solid var(--btn-bg);font-size:1rem;line-height:1.2}
.wp-block-button__link:hover{filter:brightness(1.08);color:var(--btn-fg)}
.wp-block-button.ghost .wp-block-button__link{background:transparent;color:var(--ink);border-color:var(--sage)}
.wp-block-buttons.btn-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.wp-block-buttons .wp-block-button{margin:0}
.wp-block-heading{margin-top:1.8em}
.wp-block-group.hero .wp-block-heading,.wp-block-group.section>.wrap>.wp-block-heading:first-child,.wp-block-group.cols .wp-block-heading{margin-top:0}
.wp-block-list{padding-left:1.1rem;margin:0 0 1em}
.wp-block-list li{margin-bottom:.45em;padding-left:.2rem}
.wp-block-group.faq details,.wp-block-details{border-bottom:1px solid var(--line);padding:1rem 0}
.wp-block-details summary{cursor:pointer;font-family:var(--serif);font-size:1.2rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::after{content:"+";font-family:var(--sans);color:var(--sage);flex:none}
.wp-block-details[open] summary::after{content:"–"}
.wp-block-details p{margin:.7rem 0 0;color:var(--muted);max-width:68ch}
.wp-block-group.notice{margin:1.4rem 0}
.wp-block-group.notice p{margin:0}
.wp-block-group.hero-text{min-width:0}
.wp-block-group.col{min-width:0}
.wp-block-group.rule-left{min-width:0}
p.muted{color:var(--muted)}
.wp-block-shortcode{margin:0}
.admin-bar .site-head{top:32px}
@media (max-width:782px){.admin-bar .site-head{top:46px}}
.pagination{margin-top:2rem}
.pagination .nav-links{display:flex;gap:1rem;flex-wrap:wrap}

.hero-grid>.wp-block-group__inner-container,.cols>.wp-block-group__inner-container{display:contents}