/* Vega Hukuk ve Danışmanlık · site stilleri
   Tasarımlar .site[data-v="..."] ile seçilir (Services/ThemeCatalog.cs). */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:has(.site[data-v="gece"]){background:#1f1a1d}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--acc,#9e6576);outline-offset:3px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}

.preview-bar{position:sticky;top:0;z-index:30;background:#2b2629;color:#fff;font:14px/1.4 system-ui,sans-serif;padding:.6rem 1rem;text-align:center}
.preview-bar a{color:#f2c9d4;margin-left:.6rem}

/* ---------- Tasarım değişkenleri ---------- */
.site{--bg:#fff;--alt:#f8f0f1;--ink:#3a2c34;--soft:#76646d;--acc:#9e6576;--line:#ecdfe2;--hf:"Marcellus",serif;--bf:"Figtree",sans-serif;--shape:999px 999px 18px 18px;--btn:999px;--card:22px}
.site[data-v="adacayi"]{--alt:#f1f5f1;--ink:#2e3a33;--soft:#66736b;--acc:#5f8570;--line:#dfe8e1;--hf:"Cormorant Garamond",serif;--bf:"Karla",sans-serif;--shape:24px;--btn:6px}
.site[data-v="lavanta"]{--alt:#f4f1f9;--ink:#352f45;--soft:#6d6780;--acc:#7f6aa8;--line:#e6e0f0;--hf:"Gilda Display",serif;--bf:"Nunito Sans",sans-serif;--shape:36px 36px 36px 140px;--btn:14px}
.site[data-v="sampanya"]{--alt:#faf6ee;--ink:#3b3328;--soft:#7a6f60;--acc:#a0823f;--line:#eee5d3;--hf:"Bodoni Moda",serif;--bf:"Jost",sans-serif;--shape:0;--btn:0;--card:0}
.site[data-v="pudra"]{--alt:#eff4f9;--ink:#26344a;--soft:#5e6b7d;--acc:#5a7fa8;--line:#dde6f0;--hf:"Fraunces",serif;--bf:"DM Sans",sans-serif;--shape:4px;--btn:4px;--card:6px}
.site[data-v="seftali"]{--alt:#fdf1f0;--ink:#45302f;--soft:#80686a;--acc:#c27a82;--line:#f3dfe0;--hf:"Italiana",serif;--bf:"Raleway",sans-serif;--shape:50%;--btn:999px}
.site[data-v="inci"]{--alt:#f5f4f4;--ink:#2f2c2e;--soft:#6e696c;--acc:#8c6d7d;--line:#e7e4e5;--hf:"Tenor Sans",sans-serif;--bf:"Lato",sans-serif;--shape:999px;--btn:999px}
.site[data-v="nane"]{--alt:#eef7f5;--ink:#22403b;--soft:#5d7470;--acc:#3f8f82;--line:#d9ebe7;--hf:"Yeseva One",serif;--bf:"Mulish",sans-serif;--shape:62% 38% 46% 54% / 48% 44% 56% 52%;--btn:999px}

.site[data-v="gece"]{--bg:#1f1a1d;--alt:#2a2327;--ink:#f3eaee;--soft:#bfaeb6;--acc:#d6a3b2;--line:#3b3237}
.site[data-v="gece"] .b.fill{color:#1f1a1d}
.site[data-v="gece"] .b.fill:hover{color:#1f1a1d;background:#f3eaee;border-color:#f3eaee}
.site[data-v="gece"] .b.line:hover{color:#1f1a1d}
.site[data-v="gece"] .dot{background:#8fc2a6}
.site{background:var(--bg);color:var(--ink);font-family:var(--bf);line-height:1.65;font-size:1.0625rem}
.s-in{width:min(1120px,100% - 3rem);margin:auto}
.site h1,.site h2,.site h3{font-family:var(--hf);font-weight:400}
.site a{color:inherit}

/* Logo */
.logo{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink)}
.logo .mark{width:40px;height:40px;color:var(--acc);flex:none}
.logo .wm{display:flex;flex-direction:column;line-height:1.05}
.logo .wm b{font-family:var(--hf);font-weight:400;font-size:1.45rem;letter-spacing:.06em}
.logo .wm span{font-size:.72rem;letter-spacing:.14em;color:var(--soft);margin-top:.2rem}

header.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top-in{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0}
.menu{display:flex;gap:1.6rem;font-size:.93rem;list-style:none}
.menu a{text-decoration:none;color:var(--soft)}
.menu a:hover{color:var(--acc)}
.b{display:inline-block;white-space:nowrap;padding:.75rem 1.35rem;border-radius:var(--btn);font-size:.95rem;font-weight:500;text-decoration:none;border:1px solid var(--acc);transition:background .2s,color .2s}
.site .b.fill{background:var(--acc);color:#fff}
.site .b.fill:hover{background:var(--ink);border-color:var(--ink)}
.site .b.line{color:var(--acc)}
.site .b.line:hover{background:var(--acc);color:#fff}
@media (max-width:860px){.menu{display:none}.top .b{padding:.55rem .9rem;font-size:.88rem}}

/* Hero */
.hero{padding:clamp(2.5rem,6vw,5rem) 0;display:grid;gap:clamp(2rem,5vw,4.5rem);align-items:center;grid-template-columns:1.1fr .9fr;grid-template-areas:"t m"}
.hero .t{grid-area:t}.hero .m{grid-area:m}
.hero .who{font-size:1rem;color:var(--acc);font-weight:500}
.hero h1{font-size:clamp(2.3rem,5vw,3.9rem);line-height:1.1;max-width:14ch;margin-top:.6rem}
.hero p.lead{color:var(--soft);font-size:1.1rem;margin-top:1.2rem;max-width:44ch;font-weight:300}
.acts{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.hero small{display:block;margin-top:1.4rem;color:var(--soft);font-size:.92rem}
.portrait{aspect-ratio:4/5;border-radius:var(--shape);max-width:400px;margin-left:auto;overflow:hidden;background:var(--alt)}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.mini{display:none}
.wide{display:none}

[data-layout="rev"] .hero{grid-template-columns:.9fr 1.1fr;grid-template-areas:"m t"}
[data-layout="rev"] .portrait{margin-left:0}
[data-layout="center"] .hero{grid-template-columns:1fr;grid-template-areas:"t" "m";text-align:center}
[data-layout="center"] .hero h1,[data-layout="center"] .hero p.lead{margin-inline:auto}
[data-layout="center"] .acts{justify-content:center}
[data-layout="center"] .portrait{display:none}
[data-layout="center"] .wide{display:block;border-radius:var(--shape);overflow:hidden;aspect-ratio:16/7}
[data-layout="center"] .wide img{width:100%;height:100%;object-fit:cover}
[data-layout="circle"] .hero{grid-template-columns:auto 1fr;grid-template-areas:"m t"}
[data-layout="circle"] .portrait{aspect-ratio:1;width:clamp(220px,28vw,340px);margin:0}
[data-layout="circle"] .portrait img{object-position:50% 18%}
[data-layout="banner"] .hero{grid-template-columns:1fr;grid-template-areas:"x";padding:0;position:relative;width:100%;max-width:none;align-items:stretch}
[data-layout="banner"] .hero .m{display:flex}
[data-layout="banner"] .hero .m,[data-layout="banner"] .hero .t{grid-area:x}
[data-layout="banner"] .portrait{display:none}
[data-layout="banner"] .wide{display:block;flex:1;min-height:560px}
[data-layout="banner"] .wide img{width:100%;height:100%;object-fit:cover;object-position:60% 40%}
[data-layout="banner"] .hero .t{background:var(--bg);padding:clamp(1.8rem,4vw,2.8rem);max-width:540px;margin:3.5rem 0 3.5rem max(1.5rem,calc((100% - 1120px)/2));z-index:1;border-top:2px solid var(--acc);align-self:center;box-shadow:0 20px 50px rgba(40,30,20,.12)}
[data-layout="banner"] .mini{display:flex;align-items:center;gap:.8rem}
[data-layout="banner"] .mini img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 18%}
[data-layout="banner"] .who{display:none}
.site[data-v="pudra"] .portrait{box-shadow:16px 16px 0 -1px var(--bg),16px 16px 0 0 var(--acc);overflow:visible}
.site[data-v="pudra"] .portrait img{border-radius:var(--shape)}
@media (max-width:860px){
  .hero,[data-layout="rev"] .hero,[data-layout="circle"] .hero{grid-template-columns:1fr;grid-template-areas:"m" "t"}
  .portrait{margin:0 auto;max-width:320px}
  [data-layout="circle"] .portrait{margin:0 auto}
  [data-layout="center"] .hero{grid-template-areas:"t" "m"}
  [data-layout="center"] .wide{aspect-ratio:4/3}
  [data-layout="banner"] .wide{min-height:300px;height:300px;flex:none;width:100%}
  [data-layout="banner"] .hero{grid-template-areas:"m" "t"}
  [data-layout="banner"] .hero .m{grid-area:m}
  [data-layout="banner"] .hero .t{grid-area:t}
  [data-layout="banner"] .hero .t{margin:-2.5rem 1rem 1rem}
}

/* Bölümler */
section{scroll-margin-top:80px}
.sec{padding:clamp(3.5rem,8vw,6rem) 0}
.sec.alt{background:var(--alt)}
.sec h2{font-size:clamp(1.9rem,3.6vw,2.6rem);line-height:1.15}
.lede{color:var(--soft);margin-top:.7rem;max-width:56ch}
.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,5vw,4.5rem)}
.about p{max-width:62ch}
.about p+p{margin-top:1rem}
.about .sig{margin-top:1.8rem;font-family:var(--hf);font-size:1.3rem;color:var(--acc)}
.about .sig small{display:block;font-family:var(--bf);font-size:.88rem;color:var(--soft)}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.2rem;padding-top:1.8rem;border-top:1px solid var(--line)}
.vals h3{font-size:1.2rem;color:var(--acc)}
.vals p{font-size:.94rem;color:var(--soft);margin-top:.3rem}
@media (max-width:860px){.about{grid-template-columns:1fr;gap:1rem}.vals{grid-template-columns:1fr}}

.areas-head{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end}
.flag{padding:1.1rem 1.3rem;border-left:3px solid var(--acc);background:var(--alt);border-radius:0 var(--card) var(--card) 0}
.flag b{font-family:var(--hf);font-weight:400;font-size:1.3rem;color:var(--acc);display:block}
.flag span{color:var(--soft);font-size:.94rem}
.areas{list-style:none;margin-top:2.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 2.5rem}
.areas li{padding:1rem 0;border-bottom:1px solid var(--line)}
.areas b{font-weight:500;display:block}
.areas small{color:var(--soft);font-size:.88rem}
.site[data-chips] .areas{display:flex;flex-wrap:wrap;gap:.6rem}
.site[data-chips] .areas li{border:1px solid var(--line);border-radius:var(--btn);padding:.55rem 1.05rem;background:var(--bg)}
.site[data-chips] .areas b{font-weight:400}
.site[data-chips] .areas small{display:none}
.site[data-v="sampanya"] .areas li{border-color:color-mix(in srgb,var(--acc) 45%,transparent)}
@media (max-width:860px){.areas-head{grid-template-columns:1fr}}

.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;gap:.9rem;margin-top:2.4rem}
.gallery figure{overflow:hidden;border-radius:calc(var(--card) * .7);background:var(--alt)}
.gallery figure:first-child{grid-column:span 2;grid-row:span 2}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gallery figure:hover img{transform:scale(1.03)}
@media (max-width:860px){.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.gallery figure:first-child{grid-column:span 2;grid-row:span 1}}

.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4.5rem)}
.info{list-style:none;margin-top:1.6rem}
.info li{display:grid;grid-template-columns:26px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.info svg{width:22px;height:22px;color:var(--acc);margin-top:3px}
.info .k{display:block;font-size:.84rem;color:var(--soft)}
.info a{text-decoration:none}
.info a:hover{color:var(--acc)}
.info .map{display:inline-block;margin-top:.3rem;font-size:.9rem;color:var(--acc);text-decoration:underline}
.hours{border:1px solid var(--line);background:var(--bg);padding:clamp(1.8rem,4vw,2.6rem);border-radius:var(--card);align-self:start}
.hours .clock{font-family:var(--hf);font-size:clamp(2.3rem,4.6vw,3.2rem);color:var(--acc);margin-top:.6rem;line-height:1.1}
.hours p{color:var(--soft);margin-top:.4rem}
.status{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.3rem;font-size:.9rem;padding:.4rem .9rem;border-radius:999px;background:var(--alt)}
.dot{width:8px;height:8px;border-radius:50%;background:#6fa287}
.dot.off{background:var(--soft)}
.hours .acts{margin-top:1.6rem}
@media (max-width:860px){.contact{grid-template-columns:1fr}}


/* Makaleler */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.4rem}
.post{display:flex;flex-direction:column;text-align:left;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:var(--card);padding:1.6rem;cursor:pointer;transition:border-color .2s,transform .2s}
.post:hover{border-color:var(--acc);transform:translateY(-2px)}
.post .meta{font-size:.8rem;color:var(--acc);letter-spacing:.03em}
.post h3{font-size:1.35rem;line-height:1.25;margin-top:.7rem}
.post p{font-size:.94rem;color:var(--soft);margin-top:.7rem;flex:1}
.post .more{margin-top:1.2rem;font-size:.9rem;font-weight:500;color:var(--acc)}
.posts-foot{margin-top:1.8rem;font-size:.85rem;color:var(--soft)}
@media (max-width:860px){.posts{grid-template-columns:1fr}}
footer.foot{border-top:1px solid var(--line);padding:2rem 0;font-size:.86rem;color:var(--soft)}
.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}
.credit{font-size:.9rem;color:var(--soft);white-space:nowrap}
.foot .logo .mark{width:30px;height:30px}
.foot .logo .wm b{font-size:1.1rem}

/* Makale kartları: bağlantı olarak */
a.post{text-decoration:none}
.post .cover{display:block;margin:-1.6rem -1.6rem 1.2rem;aspect-ratio:16/9;overflow:hidden;border-radius:var(--card) var(--card) 0 0}
.post .cover img{width:100%;height:100%;object-fit:cover}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem}

/* Makale sayfaları */
.sec.tight{padding-top:0}
.page-head h1{font-size:clamp(2.1rem,4.6vw,3.2rem);line-height:1.12}
.narrow{max-width:760px}
.center{text-align:center;margin-inline:auto}
.acts.center{justify-content:center}
.back{display:inline-block;margin-bottom:1.6rem;color:var(--soft);text-decoration:none;font-size:.92rem}
.back:hover{color:var(--acc)}
.page-head .meta{font-size:.9rem;color:var(--acc);margin-bottom:.6rem}
.page-head .meta a{text-decoration:none}
.lede.big{font-size:1.18rem;margin-top:1rem}
.article-cover{margin-top:2rem;border-radius:var(--card);width:100%;aspect-ratio:16/9;object-fit:cover}
.prose{margin-top:2rem;font-size:1.08rem;line-height:1.8}
.prose > * + *{margin-top:1.1rem}
.prose h2,.prose h3{font-family:var(--hf);font-weight:400;color:var(--acc);margin-top:2rem;line-height:1.25}
.prose h2{font-size:1.6rem}
.prose h3{font-size:1.3rem}
.prose ul,.prose ol{padding-left:1.4rem}
.prose li + li{margin-top:.4rem}
.prose blockquote{border-left:3px solid var(--acc);padding:.3rem 0 .3rem 1.2rem;color:var(--soft);font-style:italic}
.prose a{color:var(--acc)}
.prose img{border-radius:calc(var(--card) * .6);margin-inline:auto}
.prose .ql-align-center{text-align:center}
.prose .ql-align-right{text-align:right}
.prose .ql-align-justify{text-align:justify}
.disclaimer{margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.9rem;color:var(--soft)}
.disclaimer a{color:var(--acc)}
.draft-note{background:var(--alt);border-left:3px solid var(--acc);padding:.7rem 1rem;margin-bottom:1.4rem;font-size:.92rem}
.cats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.8rem}
.cats a{text-decoration:none;font-size:.92rem;padding:.45rem 1rem;border:1px solid var(--line);border-radius:var(--btn);color:var(--soft)}
.cats a:hover{border-color:var(--acc);color:var(--acc)}
.cats a.on{background:var(--acc);border-color:var(--acc);color:#fff}
.site[data-v="gece"] .cats a.on{color:#1f1a1d}
.pager{display:flex;gap:.4rem;justify-content:center;margin-top:2.5rem}
.pager a,.pager span{min-width:2.4rem;text-align:center;padding:.45rem .7rem;border:1px solid var(--line);border-radius:var(--btn);text-decoration:none}
.pager .on{background:var(--acc);border-color:var(--acc);color:#fff}
.big-code{font-family:var(--hf);font-size:clamp(4rem,12vw,7rem);color:var(--acc);line-height:1}

/* Dil seçici */
.top-right{display:flex;align-items:center;gap:.9rem}
.langs{display:flex;gap:.15rem;align-items:center}
.langs a{text-decoration:none;font-size:.78rem;letter-spacing:.06em;color:var(--soft);padding:.3rem .45rem;border-radius:var(--btn)}
.langs a:hover{color:var(--acc)}
.langs a.on{color:var(--acc);font-weight:600;background:var(--alt)}
@media (max-width:520px){.top-right .b{padding:.5rem .8rem;font-size:.85rem}.langs a{padding:.25rem .3rem}}