/* Lawyer3 base styles and tokens */
:root{
  --color-primary-800:#0E3B60;
  --color-primary-700:#124669;
  --color-primary-300:#6CA6D8;
  --color-accent:#1F7A8C;
  --color-bg:#FFFFFF;
  --color-bg-soft:#F6F9FC;
  --color-hero:#EAF2FA;
  --color-text:#1B2B3A;
  --color-text-muted:#5B6B7A;
  --color-border:#E3E8EE;
  --color-success:#0E7C66;

  --font-serif:"Playfair Display","Libre Baskerville",Georgia,serif;
  --font-sans:Inter,Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-title:var(--font-serif);

  --fs-h1:clamp(40px,6vw,72px);
  --fs-h2:clamp(28px,4vw,48px);
  --fs-h3:clamp(22px,3vw,32px);
  --fs-body:16px;
  --fs-body-lg:18px;
  --fs-small:14px;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;

  --radius-sm:10px; --radius-md:16px; --radius-pill:9999px;
  --shadow-card:0 10px 30px rgba(16,42,67,.08);

  --container:1200px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.65;color:var(--color-text);background:var(--color-bg)}
a{color:var(--color-primary-800);text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.centered{text-align:center}
.small{font-size:13px}
.muted{color:var(--color-text-muted)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;background:var(--color-primary-800);color:#fff;border:0;cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.05)}
.hero .btn{font-size:13px}

/* Header */
.l3-header{position:sticky;top:0;background:#fff;z-index:100;border-bottom:1px solid var(--color-border)}
.l3-header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.l3-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:20px}
.l3-nav a{color:var(--color-text);font-weight:700}
.l3-nav a:hover{color:var(--color-primary-800)}
.l3-nav .dropdown-toggle{background:transparent;border:0;margin-left:6px;cursor:pointer;font-size:14px}
.l3-mobile{display:none}
@media (max-width:900px){
  .l3-nav{display:none}
  .l3-mobile{display:inline-flex}
}

/* Hero */
.hero{background:radial-gradient(600px 600px at 70% 20%, var(--color-hero), transparent 60%);}
.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:20px 0}
.hero h1{font-family:var(--font-title);font-size:40px;line-height:1.1;margin:.1em 0}
.hero p{font-size:var(--fs-body-lg);color:var(--color-text-muted)}
.hero .badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#E0F2FE;color:#0369A1;font-weight:600;font-size:12px}
.hero .art{position:relative}
.hero .card{position:absolute;left:12px;bottom:-24px;background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:16px;padding:14px 18px;min-width:220px}

/* Logo strip */
.logo-strip{padding:18px 0;border-top:1px solid var(--color-border)}
.logo-strip .logos{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.logo-strip img{height:22px;opacity:.75;filter:grayscale(100%)}

/* Dropdown menu */
.l3-nav ul > li{position:relative}
.l3-nav .dropdown{position:absolute;left:0;top:100%;min-width:200px;background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:12px;padding:8px;display:none;z-index:200}
.l3-nav .dropdown li{display:block}
.l3-nav .dropdown a{display:block;padding:8px 10px;font-weight:600;white-space:nowrap}
.l3-nav .nav-item.has-dropdown:hover > .dropdown{display:block}
@media (max-width:900px){
  .l3-nav .dropdown{position:static;border:0;box-shadow:none;padding:6px 0;display:none}
}

/* Feature grid */
.features{background:var(--color-bg-soft);padding:20px 0}
.features .grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.feature-card{background:#fff;border:1px solid var(--color-border);border-radius:16px;padding:18px;box-shadow:var(--shadow-card)}
.feature-card h3{margin:.4em 0;font-size:18px}
.feature-card p{margin:0;color:var(--color-text-muted);font-size:14px}

/* Stats band */
.stats{background:var(--color-primary-800);color:#fff;padding:20px 0}
.stats .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}
.stats .num{font-size:36px;font-weight:700}

/* Testimonials */
.testimonials{background:#F7FAFC;padding:50px 0}
.t-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.t-card{background:#fff;border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-card);padding:16px}
.t-card .who{display:flex;gap:10px;align-items:center;margin-top:10px;font-size:13px;color:var(--color-text-muted)}

/* CTA band */
.cta{padding:20px 0}
.cta .grid{display:grid;grid-template-columns:1fr .7fr;gap:24px;align-items:center}
.cta .box{background:#fff;border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-card);padding:20px}

/* Blog list grid */
.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:992px){ .blog-grid{grid-template-columns:1fr; padding:20px} }

/* About + FA section (desktop default: 2 columns) */
.about-fa .grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}

/* Footer */
.site-footer{background:var(--color-primary-800);color:#dbeafe}
.site-footer a{color:#e0e7ff}
.site-footer .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 0}
.site-footer .footer-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.site-footer .small{color:#c7d2fe}

/* Footer bottom */
.footer-bottom{background:#004D7B;color:#e6f2f9}
.footer-bottom .fb-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.footer-bottom a{color:#e6f2f9}
.footer-bottom .socials{display:flex;gap:10px;align-items:center}
.footer-bottom .socials svg{width:18px;height:18px;fill:#e6f2f9}
.footer-bottom .powered{display:inline-flex;align-items:center;gap:8px}
@media (max-width:992px){ .footer-bottom .fb-wrap{flex-direction:column;align-items:flex-start} }

/* Post hero reusable */
.post-hero{padding:28px 0;background:var(--color-bg-soft);border-bottom:1px solid var(--color-border)}
.post-hero .post-hero-title{font-family:var(--font-title)}

/* Blog detail mobile padding */
@media (max-width:992px){
  .blog-layout{padding-left:20px;padding-right:20px}
}

@media (max-width: 992px){
  /* Genel Kırılım Kuralları */
  .hero .grid,
  .features .grid,
  .t-grid,
  .cta .grid,
  .about-fa .grid { grid-template-columns: 1fr !important; }
  .hero .grid,
  .features .grid,
  .t-grid,
  .cta .grid,
  .about-fa .grid { padding: 20px; }
  .stats .grid { grid-template-columns: 1fr 1fr; }
  .site-footer .grid-4 { grid-template-columns: 1fr 1fr; }

  /* Sidebar Kırılım Kuralları */
  .fa-layout, .blog-layout { grid-template-columns: 1fr; }
  .sticky-col { position: static; }
  .fa-main, .blog-main { order: 1; }
  .fa-aside, .blog-aside { order: 2; }

  /* Home about-fa: ikonlu grid metinden sonra gelsin */
  .about-fa .grid > :first-child { order: 1; }
  .about-fa .grid > :last-child { order: 2; }

  /* Global yatay boşluk */
  .container { padding: 20px !important; }
  .site-footer .container { padding-left: 20px; padding-right: 20px; }
  /* FAQ block specific */
  .faq .container, .faq .t-grid { padding-left:20px; padding-right:20px; }
  /* FA/Blog layout extra padding */
  .fa-layout, .blog-layout { padding-left: 20px !important; padding-right: 20px !important; }
}

/* Sticky sidebars for FA/Blog detail */
.sticky-col{position:sticky; top:80px}
.fa-layout,.blog-layout{display:grid;grid-template-columns:1fr .4fr; gap:24px}
.fa-aside .aside-card,.blog-aside .aside-card{background:#fff;border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-card);padding:16px}
.aside-title{font-weight:700;margin:.2em 0}
.fa-list .btn.block{display:block;margin:6px 0}

/* Mini FA grid (home) */
.mini-fa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;justify-items:center;align-items:center}
.mini-fa .mini-ico{font-size:28px;line-height:1}
.mini-fa .mini-label{margin-top:6px;display:block;font-weight:600;font-size:14px;line-height:1.3}
@media (max-width:992px){ .mini-fa-grid{grid-template-columns:repeat(2,1fr)} }

/* Mobile overrides (placed at end to win cascade) */
@media (max-width: 992px){
  .fa-layout, .blog-layout { grid-template-columns: 1fr; }
  .sticky-col { position: static; }
  .fa-main, .blog-main { order: 1; }
  .fa-aside, .blog-aside { order: 2; }
}

/* Contact page layout + form */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:992px){ .contact-grid{grid-template-columns:1fr} }
.contact-form label{display:block;margin-top:10px;font-weight:600}
.contact-form input,.contact-form textarea{width:100%;padding:10px;border:1px solid var(--color-border);border-radius:10px}
.contact-form .help{font-size:12px;color:var(--color-text-muted)}

/* Mobile bottom CTA */
.mobile-cta{position:fixed;left:0;right:0;bottom:0;display:none;grid-template-columns:1fr 1fr;z-index:999}
.mobile-cta .btn-half{display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;padding:12px 10px;font-size:14px;font-weight:700}
.mobile-cta .btn-half img{width:15px;height:15px}
.mobile-cta .call{background:#ef2d14}
.mobile-cta .wa{background:#087c1e}
@media (max-width:900px){ .mobile-cta{display:grid} body{padding-bottom:56px} }

/* Desktop floating WhatsApp */
.wa-float{position:fixed;left:16px;bottom:16px;display:none;z-index:998}
.wa-float img{width:60px;height:60px}
@media (min-width:901px){ .wa-float{display:block} }

/* Table of contents */
.toc{background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:12px;margin-bottom:16px}
.toc .toc-title{font-weight:700;margin-bottom:8px;color:var(--color-text)}
.toc ul{list-style:disc;margin:0 0 0 20px;padding:0}
.toc ul ul{list-style:circle;margin-left:18px;margin-top:6px}
.toc a{text-decoration:none;color:var(--color-text)}
.toc a:hover{text-decoration:underline}

/* Content table styles */
.content table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--color-border);border-radius:12px;table-layout:auto}
.content table caption{caption-side:top;text-align:left;margin-bottom:8px;font-weight:700;color:var(--color-text-muted)}
.content th,.content td{padding:12px 14px;border-bottom:1px solid var(--color-border);vertical-align:top}
.content thead th{background:var(--color-bg-soft);font-weight:700;color:var(--color-text)}
.content tbody tr:last-child td{border-bottom:0}
.content table.striped tbody tr:nth-child(odd) td{background:#fafafa}
@media (max-width:992px){
  .content th,.content td{white-space:normal;word-break:break-word;hyphens:auto}
}