:root{
  --brand:#1fb56a;
  --brand2:#0f8f52;
  --dark:#0b0b0c;
}

/* Global */
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;
  background:#f6f7fb;
  font-size:12.75px;
  line-height:1.45;
  overflow-x:hidden;
}
a{ text-decoration:none; transition:.3s; }
.text-muted{ color:#64748b !important; }

/* Header-content boşluk fix */
main{ padding-top:12px !important; padding-bottom:2.25rem; }
main .container[style*="padding-top"],
main .container-fluid[style*="padding-top"],
main div[style*="padding-top"]{ padding-top:0 !important; }

/* TOOLBAR */
.toolbar{background:var(--dark); color:#e5e7eb; font-size:.82rem}
.toolbar a{color:#e5e7eb; opacity:.9}
.toolbar a:hover{opacity:1; color: var(--brand);}

.work-link{
  color:#ff0000;
  font-size:1rem;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:.25rem;
}
.work-link:hover{ color:#dc2626; text-decoration:none; }

/* HEADER */
.brand-header{
  background:linear-gradient(90deg,var(--brand2),var(--brand));
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  transition:220ms ease;
  will-change: transform;
}
.brand-header .nav-link{color:#ecfff5!important; font-weight:600; opacity:.95; font-size:.92rem}
.logo-badge{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,0.18);display:grid;place-items:center}
.logo-text{color:#f0fff7; font-weight:800; font-size:.98rem}

.brand-header.is-scrolled{
  box-shadow: 0 14px 34px rgba(0,0,0,.22);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.brand-header .navbar{ transition: padding 220ms ease; }
.brand-header.is-scrolled .navbar{
  padding-top: .55rem !important;
  padding-bottom: .55rem !important;
}

.main-nav .nav-link{
  position: relative;
  padding: .55rem .65rem;
  border-radius: 10px;
  transition: 180ms ease;
}
.main-nav .nav-link:hover{
  background: rgba(255,255,255,.12);
  opacity: 1;
}
.main-nav .nav-link::after{
  content:"";
  position:absolute;
  left: 10px;
  right: 10px;
  bottom: 6px;
  height: 2px;
  border-radius: 99px;
  background: rgba(255,255,255,.95);
  transform: scaleX(0);
  transform-origin: left;
  transition: 180ms ease;
  opacity: .9;
}
.main-nav .nav-link:hover::after{ transform: scaleX(1); }
.main-nav .nav-link.active{
  background: rgba(255,255,255,.18);
  opacity: 1;
}
.main-nav .nav-link.active::after{ transform: scaleX(1); }

/* offcanvas */
.offcanvas-header.bg-success{
  background: linear-gradient(90deg,var(--brand2),var(--brand)) !important;
}
.offcanvas .menu-link{
  display:flex;
  align-items:center;
  gap:.55rem;
  padding:.75rem .85rem;
  border-radius: 12px;
  color:#0f172a;
  font-weight: 800;
  transition: 160ms ease;
}
.offcanvas .menu-link:hover{
  background: rgba(31,181,106,.10);
  color:#0f172a;
}
.offcanvas .menu-link.active{
  background: rgba(31,181,106,.16);
  border: 1px solid rgba(31,181,106,.25);
}

/* HERO */
.hero{background:#0b0b0c; border-bottom:1px solid rgba(15,23,42,0.06); padding: 25px 0;}
@media (max-width: 991.98px) {
  .hero-row { flex-direction: column; }
  .hero-left-bg { margin-top: 15px; min-height: 250px !important; }
}
.hero-left-bg{
  position:relative;
  border-radius:16px;
  padding:20px;
  overflow:hidden;
  background:linear-gradient(120deg,rgba(2,6,23,0.8),rgba(2,6,23,0.4)),
    url('https://images.unsplash.com/photo-1574629810360-7efbbe195018?q=80&w=1500&auto=format&fit=crop') center/cover no-repeat;
  min-height: 320px;
  display:flex;
  flex-direction: column;
  justify-content:center;
}

/* REZERVASYON KARTI */
.quick-card{border:0; border-radius:16px; background:#fff; box-shadow:0 14px 44px rgba(0,0,0,0.4)}
.fieldrow{display:flex; align-items:center; gap:8px; margin-bottom:8px}
.fieldrow .lbl{min-width:52px; font-weight:900; color:#0f172a; font-size:.88rem}
.btn-brand{background:var(--brand); border:0; font-weight:900; color:#fff; padding: 12px; border-radius: 12px;}
.btn-brand:hover{background:var(--brand2); color: #fff;}
.btn-disabled-look{opacity:.55; pointer-events:none}
.chip{
  display:inline-flex; align-items:center; gap:5px;
  padding:6px 12px; border-radius:99px;
  background: rgba(31, 181, 106, 0.9);
  color:#fff; font-weight:700; font-size:0.8rem;
}

/* ÖZELLİKLER */
.feature-item{border-radius:16px; padding:20px; height:100%; transition: 0.3s;}
.bg-soft-green{background: #f0fdf4; border: 1px solid #dcfce7; color: #166534;}
.bg-soft-blue{background: #f0f9ff; border: 1px solid #e0f2fe; color: #075985;}
.bg-soft-purple{background: #faf5ff; border: 1px solid #f3e8ff; color: #6b21a8;}
.bg-soft-orange{background: #fffaf0; border: 1px solid #feebc8; color: #9a3412;}

/* İSTATİSTİKLER */
.stats-bar{background: var(--dark); color: #fff; padding: 40px 0;}
.stat-val{font-size: 2.2rem; font-weight: 900; color: var(--brand); display: block;}
.stat-lbl{font-size: 0.85rem; opacity: 0.8; text-transform: uppercase; letter-spacing: 1px;}

/* TESİSLER */
.facilities-section { background-color: #f1f5f9; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; padding: 60px 0; }
.nav-arrow-btn { width: 35px; height: 35px; border-radius: 50%; background: #fff; border: 1px solid #ddd; display: inline-grid; place-items: center; cursor: pointer; color: #555; transition: 0.2s; }
.nav-arrow-btn:hover { background: var(--brand); color: #fff; border-color: var(--brand); }

.facilities-container-box { background: rgb(6 139 42 / 9%); padding: 10px; border-radius: 20px; border: 1px solid rgba(0,0,0,0.05); }

.latest-card{background:#fff; border:1px solid rgba(15,23,42,0.1); border-radius:12px; overflow:hidden; transition: 0.3s; height: 100%; position: relative;}
.latest-card:hover{transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1);}
.latest-card img{width:100%; height:140px; object-fit:cover}

.facility-icons { display: flex; gap: 8px; margin-bottom: 10px; color: #64748b; font-size: 0.8rem; }
.facility-icons i { color: var(--brand); }

.rating-badge { position: absolute; top: 10px; right: 10px; background: rgba(255,255,255,0.95); padding: 2px 8px; border-radius: 8px; font-weight: 800; color: #1e293b; font-size: 0.75rem; box-shadow: 0 4px 6px rgba(0,0,0,0.1); display: flex; align-items: center; gap: 3px; z-index: 2; }
.rating-badge i { color: #f59e0b; }

/* REKLAM */
.ad-box{border:1px dashed #cbd5e1; background:#fff; border-radius:12px; text-align:center; color:#94a3b8; font-weight:bold; display:flex; align-items:center; justify-content:center}
.ad-vertical{height:600px}
.sticky-ad{position:sticky; top:80px}

/* FOOTER */
.pro-footer{background:#071017; color:#d1d5db}
.pro-footer a{color:#d1d5db; opacity:.8}
.pro-footer a:hover{opacity:1; color: var(--brand)}
.footer-top{border-bottom:1px solid rgba(255,255,255,.08)}
.newsletter .btn-brand{padding: 8px 15px; border-radius: 0 12px 12px 0;}
.newsletter input{background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); color:#fff; border-radius: 12px 0 0 12px;}

/* Diğer sayfalar için temel kart/form uyumu */
.page-hero{
  border-radius:16px;
  background:linear-gradient(135deg, rgba(31,181,106,.18), rgba(240,249,255,.85));
  border:1px solid rgba(31,181,106,.18);
  padding:1.25rem;
}
.facility-card{
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  transition:.25s;
  box-shadow:0 10px 22px rgba(0,0,0,.06);
}
.facility-card:hover{ transform:translateY(-6px); box-shadow:0 16px 40px rgba(0,0,0,.10); }
.facility-image{ width:100%; height:180px; object-fit:cover; }
.facility-info{ padding:1.05rem; }
/* =========================================================
   SYSTEM-HABOUT + LEGACY SECTIONS SUPPORT (public pages)
   - sistem-hakkinda.php içindeki feature-card/icon ve cta stilleri
   - container inline padding-top:7rem boşluğunu kırar (yeni header ile)
========================================================= */

/* header + main boşluk kontrolü */
main{ padding-top:12px !important; padding-bottom:2.5rem; }
main .container[style*="padding-top:7rem"],
main .container-fluid[style*="padding-top:7rem"],
main div[style*="padding-top:7rem"]{ padding-top:0 !important; }

/* page hero zaten var ama burada garantiye alalım */
.page-hero{
  border-radius:16px;
  background:linear-gradient(135deg, rgba(31,181,106,.18), rgba(240,249,255,.85));
  border:1px solid rgba(31,181,106,.18);
  padding:1.25rem;
}

/* feature card/icon (sistem-hakkinda.php kullanıyor) */
.feature-card{
  background:#fff;
  border-radius:16px;
  padding:20px;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 10px 22px rgba(0,0,0,.06);
  height:100%;
  transition:.25s;
}
.feature-card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 40px rgba(0,0,0,.10);
}

.feature-icon{
  width:64px;
  height:64px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(31,181,106,.12);
  color:var(--brand);
  font-size:1.6rem;
  margin-bottom:14px;
}

/* cta section/card */
.cta-section{
  background:linear-gradient(135deg, rgba(31,181,106,.12), rgba(240,249,255,.70));
  border:1px solid rgba(31,181,106,.16);
  border-radius:20px;
  padding:28px;
}
.cta-card{
  background:#fff;
  border-radius:16px;
  padding:24px;
  text-align:center;
  box-shadow:0 16px 44px rgba(0,0,0,.08);
}