/*
Theme Name: Filiz Sen Kanzlei
Theme URI: https://example.com/filiz-sen-theme
Author: ChatGPT
Author URI: https://openai.com/
Description: Maßgeschneidertes, leichtgewichtiges One-Page-Theme für eine Anwaltskanzlei. Enthält statisches Frontpage-Template im Stil des gelieferten Designs (Hero mit Portrait, Sektionen für Fachbereiche, Werdegang und Kontakt).
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: filiz-sen
Tags: one-column, custom-colors, custom-logo, custom-menu, responsive-layout, accessibility-ready
*/

/* CSS Reset (minimal) */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family: 'Georgia', serif; color:#1c1c1c; line-height:1.5; background:#f8f1e6;}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

/* Color tokens */
:root{
  --cream:#f8f1e6;
  --burgundy:#702a2a;
  --navy:#1f2a3a;
  --gold:#c69a3a;
  --gold-dark:#a6812f;
}

html{
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

body{
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Layout */
.container{width:min(1120px, 92%); margin:0 auto;}
.header{background:var(--cream); position:sticky; top:0; z-index:50; border-bottom:1px solid rgba(0,0,0,.06)}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:.9rem 0;}
.brand{font-family:'Georgia', serif; font-weight:700; letter-spacing:.04em; font-size:1.6rem; color:#1d2230}
.nav ul{list-style:none; display:flex; gap:2rem; align-items:center}
.nav a{font-weight:600; opacity:.9}
.btn{display:inline-block; padding:.85rem 1.15rem; border-radius:.75rem; background:var(--navy); color:#fff; font-weight:700; letter-spacing:.02em}
.btn.gold{background:var(--gold); color:#1b1b1b}
.btn.gold:hover{background:var(--gold-dark)}
.btn:focus{outline:3px solid rgba(0,0,0,.15); outline-offset:2px}

/* Hero */
.hero{background:var(--burgundy); color:#fff; padding:4rem 0 2rem; position:relative; overflow:hidden}
.hero-inner{display:grid; grid-template-columns: 1.3fr .9fr; gap:2rem; align-items:end}
.hero h1{font-size:3.2rem; line-height:1.1; margin:.5rem 0 1rem; font-weight:700}
.hero .kicker{letter-spacing:.15em; font-weight:600; opacity:.9}
.hero .sub{font-size:1.4rem; letter-spacing:.04em; margin-bottom:2rem}
.hero .cta{margin-top:.75rem}
.hero .portrait{justify-self:end; background:#f3e9d4; padding:.4rem; border-radius:.5rem}
.hero .portrait img{border-radius:.25rem}

/* Cards section */
.cards{background:var(--cream); padding:2.5rem 0 2rem}
.card-grid{display:grid; grid-template-columns: repeat(3, 1fr); gap:1.25rem}
.card{position:relative; border-radius:.35rem; overflow:hidden; min-height:280px}
.card .overlay{position:absolute; inset:0; display:flex; align-items:flex-end; background:linear-gradient(to top, rgba(0,0,0,.45), rgba(0,0,0,.05) 60%); padding:1.2rem}
.card h3{color:#fff; letter-spacing:.12em; text-transform:none; font-size:1.15rem}

/* Section CTA */
.section-cta{display:flex; justify-content:center; padding:2rem 0}
.section-cta .btn{background:var(--gold); color:#1b1b1b}

/* Footer */
.footer{background:#111826; color:#e8e8e8; padding:2.2rem 0; margin-top:2rem; font-size:.95rem}
.footer a{color:#e8e8e8; text-decoration:underline; text-underline-offset:3px}

/* Responsive */
@media (max-width: 980px){
 .hero-inner{grid-template-columns:1fr; align-items:center}
 .hero .portrait{order:-1; justify-self:center; max-width:380px}
 .hero h1{font-size:2.4rem}
 .card-grid{grid-template-columns:1fr}
 .nav ul{gap:1rem}
}