/*
Theme Name: Inal Law Office
Description: Inal Law Office için hafif özel tema (2026-10-24). Avada kısa kodları mu-plugins/inal-fusion-compat.php ile çevrilir.
Version: 1.0
Requires PHP: 8.0
Text Domain: inal
*/
:root{--navy:#14213D;--navy-d:#0F1A30;--ink:#1B1F27;--body:#3A404C;--muted:#5A6170;--line:#E3E1DC;--paper:#F7F5F0;--red:#A3161A;--red-d:#7A0F12;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Source Sans 3',system-ui,sans-serif;--text-serif:'Source Serif 4',Georgia,serif}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6}
img{max-width:100%;height:auto}
a{color:var(--red)}a:hover{color:var(--red-d)}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.center{text-align:center}
h1,h2,h3,h4{font-family:var(--serif);color:var(--navy);font-weight:600;line-height:1.15}

/* üst şerit + başlık */
.topbar{background:var(--navy-d);color:#C9CFDB;font-size:13px}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-top:8px;padding-bottom:8px}
.topbar a{color:#C9CFDB;text-decoration:none}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:14px;padding-bottom:14px}
.logo img{display:block;height:48px;width:auto}
.logo{font-family:var(--serif);font-size:26px;color:var(--navy);text-decoration:none}
.main-nav .menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px}
.main-nav .menu>li{position:relative}
.main-nav a{display:block;padding:10px 12px;color:var(--navy);text-decoration:none;font-size:15px;font-weight:500}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--red)}
.main-nav a.nav-cta{background:var(--red);color:#fff;padding:10px 18px;margin-left:8px}
.main-nav a.nav-cta:hover{background:var(--red-d);color:#fff}
.main-nav .sub-menu{list-style:none;margin:0;padding:8px 0;position:absolute;left:0;top:100%;min-width:280px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(20,33,61,.12);display:none}
.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:block}
.main-nav .sub-menu a{padding:8px 18px;font-size:15px}
.nav-toggle,.nav-burger{display:none}

/* butonlar */
.btn{display:inline-block;background:var(--red);color:#fff;padding:15px 28px;font-weight:600;text-decoration:none;border:1px solid var(--red)}
.btn:hover{background:var(--red-d);border-color:var(--red-d);color:#fff}
.btn-ghost{background:transparent;border-color:#8E9AB3}
.btn-ghost:hover{background:#fff;color:var(--navy);border-color:#fff}
.btn-outline{background:transparent;color:var(--navy);border-color:var(--navy);letter-spacing:.5px}
.btn-outline:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* karşılama */
.hero{background:var(--navy);color:#fff}
.hero .wrap{padding-top:112px;padding-bottom:104px}
.hero h1{color:#fff;margin:0;max-width:900px;font-size:clamp(38px,5.2vw,64px);line-height:1.08}
.hero p{margin:28px 0 0;max-width:680px;font-size:19px;color:#D5DAE4}
.hero-actions{margin-top:40px;display:flex;flex-wrap:wrap;gap:16px}

/* bölümler */
.section{padding-top:96px;padding-bottom:96px}
.section-alt{background:var(--paper)}
.section-title{font-size:clamp(34px,4vw,48px);margin:0 0 12px}
.rule{width:64px;height:3px;background:var(--red);margin:0 0 40px}
.rule.center{margin:0 auto 52px}
.lead-p{font-size:17px;line-height:1.75;color:var(--body);margin:0 0 18px}

.practice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}
.practice-card{display:block;border:1px solid var(--line);text-decoration:none;color:var(--ink);background:#fff;transition:box-shadow .2s,transform .2s}
.practice-card:hover{box-shadow:0 14px 34px rgba(20,33,61,.12);transform:translateY(-2px);color:var(--ink)}
.practice-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.practice-body{padding:22px 24px 26px}
.practice-body h3{margin:0 0 10px;font-size:24px}
.practice-body p{margin:0;font-size:15px;color:var(--muted)}

.about{display:flex;flex-wrap:wrap;gap:64px}
.about>div{flex:1 1 420px;min-width:0}
.about-lists{display:flex;flex-direction:column;gap:24px}
.box{background:#fff;border:1px solid var(--line);padding:30px}
.box-title{margin:0 0 14px;font-weight:600;color:var(--navy)}
.two-col{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;color:var(--body);font-size:16px}
.two-col li{padding-left:16px;position:relative}
.two-col li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;background:var(--red)}

.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px 28px}
.person{text-decoration:none;color:var(--ink)}
.person img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;background:#E9E6DF}
.person h3{margin:16px 0 4px;font-size:23px}
.person p{margin:0;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--red);font-weight:600}
.person:hover h3{color:var(--red)}

.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.news-card{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--line);padding:30px;text-decoration:none;color:var(--ink)}
.news-card:hover{border-color:var(--navy)}
.news-title{font-family:var(--serif);font-size:23px;font-weight:600;line-height:1.28;color:var(--navy)}
.news-ex{font-size:15px;color:var(--muted)}
.more{margin-top:auto;font-size:13px;letter-spacing:1.5px;font-weight:600;color:var(--red)}
.ext-list{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--line)}
.ext-list li{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.ext-date{font-size:13px;color:var(--muted);min-width:84px}
.ext-title{flex:1 1 420px;font-family:var(--serif);font-size:20px;font-weight:600;color:var(--navy)}
.ext-link{font-size:14px;font-weight:600;white-space:nowrap}

.career{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between}
.career>div{flex:999 1 560px}

/* iç sayfalar */
.page-hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22}
.page-hero .wrap{position:relative;padding-top:72px;padding-bottom:76px}
.page-hero h1{color:#fff;margin:0;font-size:clamp(36px,5vw,60px)}
.crumb{margin:0 0 14px;font-size:14px;color:#C9CFDB}
.page-hero .crumb a{color:#C9CFDB}
.hero-role{margin:12px 0 0;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#E3C9A0;font-weight:600}
.page-layout{padding-top:64px;padding-bottom:96px}
.page-layout.with-aside{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.page-layout.with-aside .entry{flex:999 1 600px;min-width:0}
.aside{flex:1 1 280px;position:sticky;top:100px}
.aside .box{background:var(--paper);border:0}
.aside h2{font-size:24px;margin:0 0 12px}
.aside nav a{display:block;padding:10px 0;border-top:1px solid #E3E0D8;text-decoration:none;font-size:16px}
.aside nav a.current{color:var(--navy);font-weight:600}

/* içerik (eski Avada içeriği compat ile gelir) */
.entry{font-size:17px;line-height:1.75;color:var(--body)}
.entry h2{font-size:34px}.entry h3{font-size:27px}
.entry .ifc-sec{padding:0;background:transparent!important}
.entry .ifc-boxed{border-color:var(--line)}
.entry .ifc-sep{border-color:var(--red)!important;width:64px;margin:4px 0 24px}
.entry .ifc-box{background:#fff}

.article-head{max-width:820px;margin:0 auto;padding:64px 24px 8px}
.article-head .crumb{color:var(--muted)}
.article-head h1{font-size:clamp(32px,4vw,46px);margin:0 0 8px}
.article-body{max-width:820px;margin:0 auto;padding:16px 24px 96px;font-family:var(--text-serif);font-size:19px;line-height:1.8;color:#262A33}

.pager{margin-top:40px;display:flex;gap:8px;flex-wrap:wrap}
.pager .page-numbers{padding:8px 14px;border:1px solid var(--line);text-decoration:none}
.pager .current{background:var(--navy);color:#fff;border-color:var(--navy)}

/* alt bilgi */
.site-footer{background:var(--navy-d);color:#C9CFDB;font-size:15px}
.site-footer a{color:#C9CFDB}
.footer-main{display:flex;flex-wrap:wrap;gap:48px;padding-top:72px;padding-bottom:40px;line-height:1.8}
.footer-main>div{flex:1 1 240px}
.footer-main .footer-cta{flex:2 1 320px}
.footer-cta h2{color:#fff;font-size:40px;margin:0 0 18px}
.footer-cta .btn{color:#fff}
.footer-bottom{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:22px;padding-bottom:22px;border-top:1px solid #24355C;font-size:13px;color:#9AA3B5}
.footer-links{display:flex;gap:20px}
.footer-links a{color:#9AA3B5}

/* mobil */
@media (max-width:960px){
  .nav-burger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:10px}
  .nav-burger span{display:block;width:24px;height:2px;background:var(--navy)}
  .main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);max-height:75vh;overflow:auto}
  .nav-toggle:checked~.main-nav{display:block}
  .main-nav .menu{flex-direction:column;align-items:stretch;padding:8px 16px 16px}
  .main-nav .sub-menu{position:static;display:block;border:0;box-shadow:none;padding:0 0 0 12px;min-width:0}
  .main-nav a.nav-cta{margin:8px 0 0;text-align:center}
  .site-header .wrap{position:relative}
  .section{padding-top:64px;padding-bottom:64px}
  .hero .wrap{padding-top:72px;padding-bottom:72px}
}
@media (max-width:600px){.two-col{grid-template-columns:1fr}.topbar span{display:none}}