/* =========================================================
   HIPDER - COMMON SITE STYLES
   Ortak temel + header/navigation + footer + iç sayfa hero
   Sayfa özel stilleri ilgili page.css dosyasında kalır.
   ========================================================= */

:root {
    --green-dark: #17361d;
    --green: #718348;
    --green-soft: #8b9a5d;
    --orange: #f4772d;
    --orange-dark: #dd641f;
    --cream: #fbf8f2;
    --white: #fff;
    --text: #26352a;
    --muted: #687069;
    --border: #e7e2d8;
    --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: #fff; font-family: "DM Sans", sans-serif; font-size: 16px; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea, select { font-family: inherit; }
.container { width: calc(100% - 48px); max-width: var(--container); margin-inline: auto; }

/* =========================================================
   SHARED HEADER / NAVIGATION
   Tek kaynak: tüm sayfalar aynı header CSS'ini kullanır.
   ========================================================= */
.site-header{position:sticky!important;top:0!important;z-index:10000!important;width:100%!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid transparent!important;transition:.25s ease!important}
.site-header.scrolled{border-bottom-color:var(--border)!important;box-shadow:0 5px 24px rgba(0,0,0,.07)!important}
.site-header .header-inner{width:calc(100% - 48px)!important;max-width:1180px!important;min-height:82px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:30px!important}
.site-header .brand{display:flex!important;align-items:center!important;flex-shrink:0!important;text-decoration:none!important}
.site-header .brand-logo{display:block!important;width:205px!important;height:58px!important;max-width:none!important;object-fit:contain!important;object-position:left center!important}
.site-header .main-nav{display:flex!important;align-items:center!important;gap:26px!important;margin:0!important;padding:0!important;font-family:"DM Sans",sans-serif!important;font-size:13px!important;font-weight:800!important;line-height:1!important}
.site-header .main-nav>a{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;text-decoration:none!important;transition:color .2s ease!important}
.site-header .main-nav>a:hover,.site-header .main-nav>a.active{color:#f4772d!important}
.site-header .main-nav i{margin-left:4px!important;font-size:9px!important}
.site-header .nav-dropdown{position:relative!important;display:block!important}
.site-header .nav-dropdown-toggle{display:inline-flex!important;align-items:center!important;border:0!important;padding:0!important;margin:0!important;background:transparent!important;color:inherit!important;font:inherit!important;white-space:nowrap!important;cursor:pointer!important;line-height:1!important}
.site-header .nav-dropdown-toggle i{margin-left:4px!important;font-size:9px!important;transition:transform .2s ease!important}
.site-header .nav-dropdown.open>.nav-dropdown-toggle,.site-header .nav-dropdown:hover>.nav-dropdown-toggle,.site-header .nav-dropdown:focus-within>.nav-dropdown-toggle{color:#f4772d!important}
.site-header .nav-dropdown.open>.nav-dropdown-toggle i{transform:rotate(180deg)!important}
.site-header .nav-dropdown-menu{position:absolute!important;top:calc(100% + 17px)!important;left:50%!important;z-index:10005!important;width:235px!important;min-width:235px!important;margin:0!important;padding:8px!important;display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,-6px)!important;border:1px solid #e7e2d8!important;border-radius:10px!important;background:#fff!important;box-shadow:0 15px 35px rgba(0,0,0,.12)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important}
.site-header .nav-dropdown-menu:before{content:""!important;position:absolute!important;top:-7px!important;left:50%!important;width:13px!important;height:13px!important;background:#fff!important;border-left:1px solid #e7e2d8!important;border-top:1px solid #e7e2d8!important;transform:translateX(-50%) rotate(45deg)!important}
.site-header .nav-dropdown.open>.nav-dropdown-menu,.site-header .nav-dropdown:hover>.nav-dropdown-menu,.site-header .nav-dropdown:focus-within>.nav-dropdown-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)}
.site-header .nav-dropdown-menu>a{display:block!important;width:100%!important;padding:10px 12px!important;margin:0!important;box-sizing:border-box!important;border-radius:7px!important;color:#26352a!important;background:transparent!important;font-family:"DM Sans",sans-serif!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important;white-space:nowrap!important;text-decoration:none!important;box-sizing:border-box!important}
.site-header .nav-dropdown-menu>a:hover,.site-header .nav-dropdown-menu>a:focus-visible{background:#fbf1e9!important;color:#f4772d!important}
.site-header .nav-donate{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:12px 17px!important;border-radius:6px!important;background:#f4772d!important;color:#fff!important;white-space:nowrap!important}
.site-header .nav-donate:hover{background:#dd641f!important;color:#fff!important}
.site-header .mobile-menu-toggle{display:none!important;border:0!important;padding:0!important;background:transparent!important;color:#17361d!important;font-size:25px!important;cursor:pointer!important}
@media (max-width:1150px) and (min-width:901px){
 .site-header .header-inner{gap:18px!important}.site-header .main-nav{gap:18px!important;font-size:12px!important}.site-header .brand-logo{width:190px!important;height:55px!important}
}
@media (max-width:900px){
 .site-header .header-inner{width:calc(100% - 32px)!important;min-height:70px!important}
 .site-header .brand-logo{width:185px!important;height:52px!important}
 .site-header .mobile-menu-toggle{display:block!important}
 .site-header .main-nav{position:absolute!important;top:100%!important;left:0!important;right:0!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:12px 24px 18px!important;background:#fff!important;border-top:1px solid #e7e2d8!important;box-shadow:0 12px 25px rgba(0,0,0,.08)!important}
 .site-header .main-nav.open{display:flex!important}
 .site-header .main-nav>a{width:100%!important;padding:12px 0!important;text-align:left!important}
 .site-header .nav-dropdown{width:100%!important;margin:0!important;padding:0!important}
 .site-header .nav-dropdown-toggle{display:flex!important;width:100%!important;min-height:40px!important;padding:12px 0!important;justify-content:space-between!important;text-align:left!important}
 .site-header .nav-dropdown-menu{position:static!important;inset:auto!important;display:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important;padding:0 0 6px 16px!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;overflow:visible!important;grid:none!important}
 .site-header .nav-dropdown.open>.nav-dropdown-menu{display:block!important}
 .site-header .nav-dropdown-menu>a{position:static!important;display:block!important;width:100%!important;height:auto!important;min-height:34px!important;margin:0!important;padding:8px 0!important;box-sizing:border-box!important;color:#26352a!important;background:transparent!important;font-family:"DM Sans",sans-serif!important;font-size:13px!important;font-weight:700!important;line-height:1.4!important;text-align:left!important;text-indent:0!important;white-space:normal!important;visibility:visible!important;opacity:1!important;transform:none!important;overflow:visible!important;clip:auto!important;clip-path:none!important;-webkit-text-fill-color:#26352a!important;text-decoration:none!important}
 .site-header .nav-dropdown-menu:before{display:none!important;content:none!important}
 .site-header .nav-donate{justify-content:center!important;margin-top:8px!important}
}
@media (max-width:600px){.site-header .brand-logo{width:170px!important;height:50px!important}}

/* =========================================================
   SHARED INNER PAGE HERO
   ========================================================= */
.hipder-inner-hero { position: relative; min-height: 420px; display: flex; align-items: center; overflow: hidden; background: linear-gradient(90deg,rgba(14,32,17,.95),rgba(14,32,17,.78) 48%,rgba(14,32,17,.34)), url("../images/neler-yapiyoruz/neler-yapiyoruz-1.jpg") center/cover no-repeat; }
.hipder-inner-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(14,32,17,.08),rgba(14,32,17,.18)); pointer-events: none; }
.hipder-inner-hero::after { content: ""; position: absolute; right: -105px; bottom: -145px; width: 310px; height: 310px; border-radius: 50%; background: rgba(244,119,45,.14); }
.hipder-inner-hero .container { position: relative; z-index: 2; width: min(1180px,calc(100% - 40px)); margin: 0 auto; }
.hipder-inner-hero__content { max-width: 740px; padding: 68px 0; color: #fff; }
.hipder-inner-hero__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; color: #ffd3b8; font-size: 12px; font-weight: 900; letter-spacing: .8px; }
.hipder-inner-hero__eyebrow i { color: #f4772d; }
.hipder-inner-hero h1 { margin: 0 0 16px; color: #fff; font-family: "Nunito",sans-serif; font-size: clamp(42px,5vw,62px); line-height: 1.02; letter-spacing: -1.5px; font-weight: 900; }
.hipder-inner-hero__content > p { max-width: 650px; margin: 0; color: rgba(255,255,255,.88); font-size: 17px; line-height: 1.65; }
.hipder-inner-hero__breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 27px; color: rgba(255,255,255,.70); font-size: 12px; font-weight: 800; }
.hipder-inner-hero__breadcrumb a { color: inherit; text-decoration: none; }
.hipder-inner-hero__breadcrumb a:hover { color: #fff; }
.hipder-inner-hero__breadcrumb i { color: #f4772d; font-size: 9px; }
.hipder-inner-hero__breadcrumb span { color: #fff; }
@media (max-width: 700px) {
    .hipder-inner-hero { min-height: 330px; }
    .hipder-inner-hero .container { width: min(100% - 28px,1180px); }
    .hipder-inner-hero__content { padding: 52px 0 48px; }
    .hipder-inner-hero h1 { font-size: 40px; letter-spacing: -1px; }
    .hipder-inner-hero__content > p { font-size: 15px; line-height: 1.6; }
    .hipder-inner-hero__breadcrumb { margin-top: 20px; gap: 8px; font-size: 11px; }
}

/* =========================================================
   SHARED FOOTER
   ========================================================= */
.site-footer { padding-top: 48px; background: var(--green-dark); color: rgba(255,255,255,.85); }
.footer-grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr 1.35fr; gap: 50px; padding-bottom: 38px; }
.footer-logo { display: inline-flex; align-items: center; }
.footer-logo img { display: block; width: 205px; height: 70px; object-fit: contain; object-position: left center; }
.footer-brand > p { max-width: 270px; margin: 12px 0 18px; color: rgba(255,255,255,.62); font-size: 14px; line-height: 1.55; }
.footer-socials { display: flex; gap: 16px; }
.footer-socials a { color: #fff; font-size: 17px; }
.footer-column h3 { margin: 0 0 15px; color: #fff; font-size: 16px; font-weight: 900; }
.footer-column > a { display: block; margin: 8px 0; color: rgba(255,255,255,.68); font-size: 14px; }
.footer-column > a:hover, .footer-column address a:hover { color: var(--orange); }
.footer-column address { display: grid; gap: 12px; margin: 0; font-style: normal; color: rgba(255,255,255,.68); font-size: 14px; }
.footer-column address span, .footer-column address a { display: flex; align-items: flex-start; gap: 9px; }
.footer-column address i { width: 16px; flex: 0 0 16px; margin-top: 3px; color: var(--orange); }
.footer-column address a { color: rgba(255,255,255,.68); }
.footer-bottom { min-height: 55px; display: flex; align-items: center; justify-content: center; position: relative; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.55); font-size: 12px; }
.footer-bottom > i { position: absolute; right: 0; color: rgba(255,255,255,.25); font-size: 18px; }
@media (max-width: 1100px) { .footer-grid { gap: 30px; } }
@media (max-width: 900px) { .container { width: calc(100% - 32px); } .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .footer-grid { grid-template-columns: 1fr; } }
/* =========================================================
   TÜM İÇ SAYFALAR — STANDART HERO
========================================================= */

.hipder-inner-hero,
.team-hero,
.about-hero,
.mali-hero,
.tuzuk-hero {
    min-height: 375px !important;
    height: 375px !important;
}

/* Mobil */
@media (max-width: 700px) {
    .hipder-inner-hero,
    .team-hero,
    .about-hero,
    .mali-hero,
    .tuzuk-hero {
        min-height: 375px !important;
        height: 375px !important;
    }
}