/* ============================================================
   MODERN.CSS — Evo Temizlik 2026 | Design Override
   ============================================================ */

:root {
  --navy:      #1a3a5c;
  --navy-dark: #122840;
  --orange:    #e8552a;
  --orange-dk: #c93f18;
  --white:     #ffffff;
  --light:     #f4f7fb;
  --text:      #2d2d2d;
  --muted:     #6b7280;
  --border:    #e8ecf0;
  --r:         10px;
  --sh-sm:     0 2px 12px rgba(0,0,0,0.07);
  --sh-md:     0 6px 28px rgba(0,0,0,0.12);
  --sh-lg:     0 12px 48px rgba(0,0,0,0.18);
  --ease:      .22s ease;
}

/* ─── RESET GLOBAL ─────────────────────────────────── */
body { font-size:15px; color:var(--text); line-height:1.7; }
p    { font-size:15px; line-height:1.85; }
h1,h2,h3,h4,h5,h6 { color:var(--navy); }
a { color:var(--orange); }
a:hover { color:var(--navy); text-decoration:none; }

/* ─── OLD HEADER: TAMAMEN GİZLE ────────────────────── */
.top-bar,
.main-header .header-top,
.main-header .header-upper,
.main-header .header-lower,
.main-header .bounce-in-header { display:none !important; }

/* ═══════════════════════════════════════════════════
   YENİ HEADER  —  evo-header
═══════════════════════════════════════════════════ */
.evo-header {
  position: sticky;
  top: 0;
  z-index: 9000;
  background: var(--white);
  border-bottom: 1px solid var(--border);
  box-shadow: 0 1px 8px rgba(0,0,0,0.06);
  transition: box-shadow var(--ease), background var(--ease);
}
.evo-header.scrolled {
  box-shadow: 0 4px 24px rgba(0,0,0,0.11);
}

.evo-header-inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 28px;
  height: 72px;
  display: flex;
  align-items: center;
  gap: 20px;
}

/* — LOGO — */
.evo-logo { flex-shrink:0; display:flex; align-items:center; }
.evo-logo img {
  height: 52px;
  width: auto;
  display: block;
  object-fit: contain;
}

/* — DESKTOP NAV — */
.evo-nav { flex:1; }
/* Sadece birinci seviye ul flex olsun */
.evo-nav > ul {
  list-style:none; margin:0; padding:0;
  display:flex; align-items:center; gap:2px;
}
.evo-nav > ul > li { position:relative; }

.evo-nav > ul > li > a {
  display:flex; align-items:center; gap:5px;
  padding: 9px 13px;
  font-size: 13px;
  font-weight: 600;
  color: var(--navy);
  border-radius: 8px;
  white-space: nowrap;
  transition: background var(--ease), color var(--ease);
}
.evo-nav > ul > li > a .fa-home { font-size:14px; }
.evo-nav > ul > li > a .fa-angle-down {
  font-size:10px; margin-left:2px; opacity:.5;
  transition: transform var(--ease);
}
.evo-nav > ul > li:hover > a .fa-angle-down { transform: rotate(180deg); }
.evo-nav > ul > li > a:hover,
.evo-nav > ul > li.active > a {
  background: rgba(232,85,42,.09);
  color: var(--orange);
}

/* Dropdown — alt alta sıralı */
.evo-drop {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 240px;
  background: var(--white);
  border-radius: 12px;
  box-shadow: var(--sh-lg);
  border: 1px solid var(--border);
  padding: 8px;
  /* Kritik: listeyi BLOCK yap, flex değil */
  display: block !important;
  list-style: none;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all .2s;
  z-index: 200;
}
.evo-nav > ul > li:hover > .evo-drop {
  opacity:1; visibility:visible; transform:translateY(0);
}
/* Her dropdown li'yi tam satır yap */
.evo-drop li {
  display: block !important;
  width: 100%;
}
.evo-drop li a {
  display: block;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text);
  border-radius: 8px;
  white-space: nowrap;
  transition: background var(--ease), color var(--ease), padding-left var(--ease);
}
.evo-drop li a:hover {
  background: rgba(232,85,42,.07);
  color: var(--orange);
  padding-left: 18px;
}

/* — ACTIONS — */
.evo-actions {
  display:flex; align-items:center; gap:10px; flex-shrink:0;
}

.evo-tel {
  display:flex; align-items:center; gap:7px;
  padding: 8px 14px;
  background: rgba(26,58,92,0.07);
  border-radius: 8px;
  color: var(--navy) !important;
  font-size: 13px; font-weight:700;
  white-space:nowrap;
  transition: background var(--ease);
}
.evo-tel:hover { background:rgba(26,58,92,0.13); color:var(--navy) !important; }
.evo-tel .fa { color:var(--orange); font-size:14px; }
.evo-tel span { font-size:13px; }

.evo-cta {
  display:inline-flex; align-items:center; gap:7px;
  padding: 10px 20px;
  background: var(--orange);
  color: var(--white) !important;
  font-size: 13px; font-weight:700;
  border-radius: 50px;
  box-shadow: 0 4px 16px rgba(232,85,42,.30);
  white-space:nowrap;
  transition: background var(--ease), transform var(--ease), box-shadow var(--ease);
}
.evo-cta:hover {
  background: var(--navy);
  box-shadow: 0 6px 20px rgba(26,58,92,.28);
  transform: translateY(-1px);
  color: var(--white) !important;
}

/* — BURGER BUTTON — */
.evo-burger {
  display:none;
  flex-direction:column; justify-content:center; gap:5px;
  width:42px; height:42px; padding:9px;
  background: rgba(26,58,92,0.07);
  border:none; border-radius:8px;
  cursor:pointer; flex-shrink:0;
  transition: background var(--ease);
}
.evo-burger:hover { background:rgba(26,58,92,0.14); }
.evo-burger span {
  display:block; height:2px; width:100%;
  background:var(--navy); border-radius:2px;
  transition: all .3s;
}
.evo-burger.open span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.evo-burger.open span:nth-child(2) { opacity:0; transform:scaleX(0); }
.evo-burger.open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* ═══════════════════════════════════════════════════
   MOBİL OVERLAY
═══════════════════════════════════════════════════ */
.evo-overlay {
  display:none;
  position:fixed; inset:0;
  background:rgba(0,0,0,0.50);
  z-index:9900;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.evo-overlay.open { display:block; }

/* ═══════════════════════════════════════════════════
   MOBİL DRAWER
═══════════════════════════════════════════════════ */
.evo-drawer {
  position:fixed; top:0; right:0;
  width: min(320px, 88vw);
  height:100%;
  background:var(--white);
  z-index:9950;
  display:flex; flex-direction:column;
  transform:translateX(100%);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.evo-drawer.open { transform:translateX(0); }

/* Drawer head */
.evo-drawer-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px;
  background:var(--navy);
  flex-shrink:0;
}
.evo-drawer-head img { height:42px; }
.evo-drawer-close {
  width:38px; height:38px;
  background:rgba(255,255,255,0.12);
  border:none; border-radius:50%;
  color:#fff; font-size:16px;
  cursor:pointer; display:flex;
  align-items:center; justify-content:center;
  transition:background var(--ease);
}
.evo-drawer-close:hover { background:rgba(255,255,255,0.22); }

/* Drawer body */
.evo-drawer-body { flex:1; overflow-y:auto; padding:8px 0; }

.d-link {
  display:flex; align-items:center; gap:12px;
  padding:13px 22px;
  font-size:14px; font-weight:600;
  color:var(--navy);
  border-bottom:1px solid rgba(0,0,0,0.04);
  transition:background var(--ease), color var(--ease);
}
.d-link:hover { background:rgba(232,85,42,.07); color:var(--orange); }
.d-link .fa { width:18px; text-align:center; color:var(--orange); font-size:13px; }

.d-group {}
.d-group-title {
  display:flex; align-items:center; gap:10px;
  padding:12px 22px 8px;
  font-size:12px; font-weight:700;
  color:var(--muted);
  text-transform:uppercase; letter-spacing:.6px;
  background:var(--light);
  border-bottom:1px solid var(--border);
}
.d-group-title .fa { color:var(--orange); }
.d-sub {
  padding-left:38px !important;
  font-size:13px !important;
  font-weight:500 !important;
  color:#444 !important;
}
.d-sub .fa { color:#bbb !important; }
.d-sub:hover { color:var(--orange) !important; }

/* Drawer footer */
.evo-drawer-foot {
  flex-shrink:0;
  padding:16px 16px 24px;
  border-top:1px solid var(--border);
  display:flex; flex-direction:column; gap:10px;
  background:var(--light);
}
.d-foot-tel {
  display:flex; align-items:center; gap:10px;
  padding:13px 16px;
  background:#fff; border-radius:10px;
  border:1px solid var(--border);
  color:var(--navy); font-weight:700; font-size:14px;
  transition:border-color var(--ease);
}
.d-foot-tel .fa { color:var(--orange); font-size:16px; }
.d-foot-tel:hover { border-color:var(--orange); color:var(--navy); }
.d-foot-wp {
  display:flex; align-items:center; gap:10px;
  padding:13px 16px;
  background:#25D366; border-radius:10px;
  color:#fff; font-weight:700; font-size:14px;
}
.d-foot-wp .fa { font-size:18px; }
.d-foot-wp:hover { background:#1da851; color:#fff; }
.d-foot-cta {
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 16px;
  background:var(--orange); border-radius:10px;
  color:#fff; font-weight:700; font-size:14px;
  box-shadow:0 4px 14px rgba(232,85,42,.30);
  transition:background var(--ease);
}
.d-foot-cta:hover { background:var(--navy); color:#fff; }
.d-foot-cta .fa { font-size:14px; }

/* ═══════════════════════════════════════════════════
   RESPONSIVE — HEADER BREAKPOINTS
═══════════════════════════════════════════════════ */
@media (max-width: 1100px) {
  .evo-nav > ul > li > a { padding:9px 10px; font-size:12px; }
}
@media (max-width: 960px) {
  .evo-nav, .evo-tel { display:none; }
  .evo-burger { display:flex; }
  /* Sağdaki CTA'yı da gizle mobilde (bottom nav var) */
  .evo-cta { display:none; }
}
@media (max-width: 480px) {
  .evo-header-inner { padding:0 14px; height:62px; }
  .evo-logo img { height:44px; }
}

/* ─── MOBİL BOTTOM NAV PADDING ─── */
@media (max-width:768px) {
  body { padding-bottom:62px !important; }
}

/* ═══════════════════════════════════════════════════
   MOBİL BOTTOM NAV BAR (5 buton)
═══════════════════════════════════════════════════ */
.mobil-bottom-nav {
  display:none;
  position:fixed; bottom:0; left:0;
  width:100%; height:60px;
  background:#fff;
  box-shadow:0 -3px 16px rgba(0,0,0,0.10);
  z-index:8999;
  border-top:1px solid var(--border);
}
@media (max-width:768px) { .mobil-bottom-nav { display:flex; } }
.mobil-bottom-nav a {
  flex:1; display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  gap:3px; text-decoration:none;
  color:#888; font-size:10px; font-weight:600;
  transition:color var(--ease), background var(--ease);
  -webkit-tap-highlight-color:transparent;
}
.mobil-bottom-nav a .fa { font-size:20px; line-height:1; }
.mobil-bottom-nav a:hover { color:var(--orange); background:rgba(232,85,42,.05); }
.mobil-bottom-nav a.mn-whatsapp { color:#25D366; }
.mobil-bottom-nav a.mn-whatsapp:hover { background:#f0fff4; }
.mobil-bottom-nav a.mn-tel { color:var(--orange); }
.mobil-bottom-nav a.mn-menu-btn.active { color:var(--orange); }

/* Drawer from bottom nav — overlay/drawer aynı sistemi paylaşıyor */
.mobil-menu-overlay {
  display:none; position:fixed;
  top:0; left:0; right:0; bottom:60px;
  background:rgba(0,0,0,0.45);
  z-index:8997;
}
.mobil-menu-overlay.open { display:block; }
.mobil-menu-drawer {
  display:none; position:fixed;
  bottom:60px; left:0; width:100%;
  background:var(--navy); z-index:8998;
  padding:6px 0 8px;
  max-height:72vh; overflow-y:auto;
  border-radius:16px 16px 0 0;
  -webkit-overflow-scrolling:touch;
}
.mobil-menu-drawer.open { display:block; }
.mobil-menu-drawer .drawer-title {
  color:rgba(255,255,255,.45); font-size:11px; font-weight:700;
  text-transform:uppercase; letter-spacing:1px; padding:8px 18px 4px;
}
.mobil-menu-drawer a {
  display:flex; align-items:center; gap:12px;
  color:#fff; padding:12px 20px;
  border-bottom:1px solid rgba(255,255,255,0.07);
  font-size:14px; font-weight:500; text-decoration:none;
}
.mobil-menu-drawer a:last-child { border-bottom:none; }
.mobil-menu-drawer a:active { background:rgba(255,255,255,0.08); }
.mobil-menu-drawer a .fa { width:22px; text-align:center; font-size:15px; color:rgba(255,255,255,.55); }

/* ═══════════════════════════════════════════════════
   GLOBAL STYLES — BUTTONS / CARDS / SECTIONS
═══════════════════════════════════════════════════ */

/* Buttons */
.theme-btn,
.theme-btn.btn-style-one,
.theme-btn.btn-style-five,
.theme-btn.btn-style-six {
  border-radius:50px !important;
  font-weight:700 !important; font-size:13px !important;
  padding:11px 26px !important; letter-spacing:.4px !important;
  transition:all var(--ease) !important;
  box-shadow:0 4px 16px rgba(232,85,42,.22) !important;
}
.theme-btn.btn-style-one { background:var(--orange) !important; border-color:var(--orange) !important; color:#fff !important; }
.theme-btn.btn-style-one:hover { background:var(--navy) !important; border-color:var(--navy) !important; }
.theme-btn.btn-style-five,
.theme-btn.btn-style-six { background:var(--orange) !important; color:#fff !important; }
.theme-btn.btn-style-five:hover,
.theme-btn.btn-style-six:hover { background:#fff !important; color:var(--navy) !important; }

/* Section titles */
.sec-title h2 {
  font-size:28px; font-weight:800; color:var(--navy);
}
.sec-title h2::after {
  content:''; display:block;
  width:48px; height:4px;
  background:var(--orange); border-radius:2px;
  margin:12px auto 0;
}
.sec-title.text-left h2::after { margin-left:0; }
.theme-text-blue { color:var(--orange) !important; font-weight:700; font-size:12px; letter-spacing:1.2px; text-transform:uppercase; }

/* Service cards */
.featured-column { height:auto !important; margin-bottom:24px !important; }
.featured-column .inner-box {
  border-radius:12px; box-shadow:var(--sh-sm); overflow:hidden;
  background:#fff; height:100%;
  transition:transform var(--ease), box-shadow var(--ease);
}
.featured-column .inner-box:hover { transform:translateY(-6px); box-shadow:var(--sh-md); }
.featured-column .inner-box .image-box {
  border-radius:12px 12px 0 0 !important; overflow:hidden;
  background:#eee !important; padding:0 !important; height:200px;
}
.featured-column .inner-box .image-box img {
  width:100%; height:200px; object-fit:cover;
  transition:transform .4s;
}
.featured-column .inner-box:hover .image-box img { transform:scale(1.06); }
.featured-column .inner-box .content { padding:18px 20px 22px; }
.featured-column .inner-box .content h3 { font-size:16px; font-weight:700; margin-bottom:8px; }
.featured-column .inner-box .content h3 a { color:var(--navy); }
.featured-column .inner-box .content h3 a:hover { color:var(--orange); }
.featured-column .inner-box .content .text p { font-size:13px; color:var(--muted); margin-bottom:14px; }

/* Blog section */
.blog-section .inner-box {
  border-radius:12px; box-shadow:var(--sh-sm); overflow:hidden;
  background:#fff; transition:transform var(--ease), box-shadow var(--ease);
}
.blog-section .inner-box:hover { transform:translateY(-5px); box-shadow:var(--sh-md); }
.blog-section .inner-box .image-box { overflow:hidden; height:200px; }
.blog-section .inner-box .image-box img { width:100%; height:200px; object-fit:cover; transition:transform .4s; }
.blog-section .inner-box:hover .image-box img { transform:scale(1.05); }
.blog-section .inner-box .content { padding:18px 20px; }
.blog-section .inner-box .content h3 { font-size:16px; font-weight:700; margin-bottom:6px; }
.blog-section .inner-box .content h3 a { color:var(--navy); }
.blog-section .inner-box .content h3 a:hover { color:var(--orange); }
.blog-section .inner-box .content .post-info { font-size:12px; color:var(--muted); margin-bottom:10px; }

/* ═══════════════════════════════════════════════════
   HERO SLIDER — 2026 Modern Override
═══════════════════════════════════════════════════ */
.main-slider { position:relative; overflow:hidden; }

/* Slide item — tam ekran yükseklik */
.main-bxslider .slide-item {
  min-height: 580px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative;
  display: flex !important;
  align-items: center;
}

/* Karanlık overlay — resim üstüne */
.main-bxslider .slide-item::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(
    135deg,
    rgba(26,58,92,0.82) 0%,
    rgba(26,58,92,0.55) 60%,
    rgba(0,0,0,0.20) 100%
  );
  z-index: 1;
}

.main-bxslider .slide-item .auto-container {
  position: relative;
  z-index: 2;
  width: 100%;
}

/* Eski yuvarlak büyük kutu → şeffaf modern kart */
.main-bxslider .big-circle {
  background: rgba(255,255,255,0.08) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  border-radius: 20px !important;
  padding: 44px 48px !important;
  max-width: 580px !important;
  width: auto !important;
  height: auto !important;
  min-height: unset !important;
  margin: 0 !important;
  text-align: left !important;
  display: inline-block !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.25) !important;
}

/* Slide başlıklar */
.main-bxslider .big-circle h2 {
  font-size: 36px !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.25 !important;
  margin-bottom: 12px !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}
.main-bxslider .big-circle h2 .color-default {
  color: var(--orange) !important;
}
.main-bxslider .big-circle h3 {
  font-size: 17px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.88) !important;
  margin-bottom: 10px !important;
  line-height: 1.5 !important;
}
.main-bxslider .big-circle .text p {
  color: rgba(255,255,255,0.72) !important;
  font-size: 14px !important;
  margin-bottom: 28px !important;
}

/* Slide CTA butonu */
.main-bxslider .big-circle .theme-btn {
  background: var(--orange) !important;
  color: #fff !important;
  border-radius: 50px !important;
  padding: 13px 30px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 24px rgba(232,85,42,0.45) !important;
  transition: all .25s !important;
  border: none !important;
}
.main-bxslider .big-circle .theme-btn:hover {
  background: #fff !important;
  color: var(--orange) !important;
  transform: translateY(-2px) !important;
}

/* BxSlider navigasyon okları */
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
  width: 46px; height: 46px;
  background: rgba(255,255,255,0.15) !important;
  border-radius: 50% !important;
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.25) !important;
  display: flex; align-items: center; justify-content: center;
  transition: background .2s;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover { background: var(--orange) !important; }

/* ═══════════════════════════════════════════════════
   SLIDER MOBİL
═══════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .main-bxslider .slide-item { min-height: 420px !important; align-items: flex-end; padding-bottom: 32px; }
  .main-bxslider .big-circle {
    max-width: 100% !important;
    width: 100% !important;
    padding: 26px 22px !important;
    border-radius: 16px !important;
    text-align: center !important;
  }
  .main-bxslider .big-circle h2 { font-size: 24px !important; }
  .main-bxslider .big-circle h3 { font-size: 14px !important; }
  .main-bxslider .big-circle .text p { font-size: 13px !important; margin-bottom: 18px !important; }
  .main-bxslider .big-circle .theme-btn { font-size: 13px !important; padding: 11px 22px !important; }
}
@media (max-width: 480px) {
  .main-bxslider .slide-item { min-height: 360px !important; }
  .main-bxslider .big-circle h2 { font-size: 20px !important; }
}

/* Parallax */
.parallax-section h4.subtitle { color:rgba(255,255,255,.75); font-size:12px; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; }
.parallax-section h2 { color:#fff; font-size:30px; font-weight:800; margin-bottom:22px; }

/* Footer */
.main-footer { background:var(--navy); }
.main-footer .footer-upper { background:var(--navy); padding-top:48px; padding-bottom:28px; }
.main-footer h2 { font-size:15px; color:#fff; font-weight:700; margin-bottom:18px; padding-bottom:10px; border-bottom:2px solid var(--orange); display:inline-block; }
.main-footer .footer-widget .text p,
.main-footer .footer-widget p { color:rgba(255,255,255,.70); font-size:13px; }
.main-footer .footer-widget.links-widget ul li a,
.main-footer .footer-widget .list li a { color:rgba(255,255,255,.70) !important; font-size:13px; display:block; padding:4px 0; transition:color var(--ease), padding-left var(--ease); }
.main-footer .footer-widget.links-widget ul li a:hover { color:var(--orange) !important; padding-left:5px; }
.main-footer .popular-tags a { background:rgba(255,255,255,.08); color:rgba(255,255,255,.75) !important; border-radius:4px; padding:3px 9px; font-size:12px; margin:3px 2px; display:inline-block; transition:background var(--ease); }
.main-footer .popular-tags a:hover { background:var(--orange); color:#fff !important; }
.main-footer .footer-bottom { background:rgba(0,0,0,.18); border-top:1px solid rgba(255,255,255,.07); padding:14px 0; }
.main-footer .footer-bottom .copyright,
.main-footer .footer-bottom .copyright a { color:rgba(255,255,255,.50); font-size:12px; }
.main-footer .footer-bottom .social-links a {
  width:32px; height:32px; line-height:32px; text-align:center;
  background:rgba(255,255,255,.08); border-radius:50%;
  color:rgba(255,255,255,.70) !important; font-size:13px;
  display:inline-block; margin-left:4px;
  transition:background var(--ease);
}
.main-footer .footer-bottom .social-links a:hover { background:var(--orange); color:#fff !important; }

/* Page title */
.page-title { padding:56px 0; }
.page-title h1 { color:#fff; font-size:28px; font-weight:800; }
.page-title .bread-crumb,
.page-title .bread-crumb a { color:rgba(255,255,255,.80); font-size:13px; }

/* Forms */
input[type="text"],input[type="email"],textarea,select { border-radius:8px !important; border:1.5px solid #e0e0e0 !important; font-size:14px !important; transition:border-color var(--ease) !important; }
input:focus,textarea:focus { border-color:var(--orange) !important; box-shadow:0 0 0 3px rgba(232,85,42,.10) !important; }

/* Scroll to top */
.scroll-to-top { background:var(--orange); border-radius:50%; width:42px; height:42px; line-height:42px; box-shadow:var(--sh-sm); transition:background var(--ease); }
.scroll-to-top:hover { background:var(--navy); }

/* ═══════════════════════════════════════════════════
   PAGE BANNER (page-title)
═══════════════════════════════════════════════════ */
.page-title {
  position: relative;
  padding: 70px 0 50px;
  background-size: cover !important;
  background-position: center !important;
  overflow: hidden;
}
.page-title::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(26,58,92,0.88) 0%, rgba(26,58,92,0.65) 100%);
}
.page-title .auto-container,
.page-title .sec-title { position: relative; z-index: 2; }
.page-title h1 { color: #fff; font-size: 30px; font-weight: 800; margin: 0 0 10px; }
.page-title .bread-crumb { color: rgba(255,255,255,0.75); font-size: 13px; }
.page-title .bread-crumb a { color: rgba(255,255,255,0.85); }
.page-title .bread-crumb a:hover { color: var(--orange); }
.page-title .down-arrow { display: none; }
/* Eski header paralaks override */
.ct-mediaSection.ct-section#header { display: none !important; }

/* ═══════════════════════════════════════════════════
   SAYFA LAYOUT — içerik + sidebar
═══════════════════════════════════════════════════ */
.evo-page-wrap {
  max-width: 1320px;
  margin: 0 auto;
  padding: 48px 20px;
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 36px;
  align-items: start;
}
@media (max-width: 992px) {
  .evo-page-wrap { grid-template-columns: 1fr; padding: 28px 14px; gap: 28px; }
}

/* ─── SAYFA İÇERİK ALANI ─── */
.evo-content {
  min-width: 0;
  background: #fff;
  border-radius: 14px;
  box-shadow: var(--sh-sm);
  overflow: hidden;
}
.evo-content-inner { padding: 32px 36px; }
@media (max-width: 600px) { .evo-content-inner { padding: 20px 18px; } }

/* İçerik resimleri */
.evo-content img { max-width: 100%; height: auto; border-radius: 10px; margin-bottom: 18px; }
.evo-content .image-box img { width: 100%; height: 380px; object-fit: cover; border-radius: 10px; }
.evo-content h2 { font-size: 24px; font-weight: 800; color: var(--navy); margin: 0 0 12px; line-height: 1.35; }
.evo-content h3 { font-size: 18px; font-weight: 700; color: var(--navy); margin: 20px 0 8px; }
.evo-content p  { font-size: 15px; color: #444; line-height: 1.85; margin-bottom: 14px; }
.evo-content blockquote {
  background: var(--light);
  border-left: 4px solid var(--orange);
  border-radius: 0 10px 10px 0;
  padding: 14px 20px; margin: 18px 0;
  font-size: 15px; color: var(--navy); font-style: italic;
}
/* Post meta bar */
.evo-post-meta {
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  padding: 12px 0 20px;
  border-bottom: 1px solid var(--border);
  margin-bottom: 24px;
  font-size: 13px; color: var(--muted);
}
.evo-post-meta span { display: flex; align-items: center; gap: 5px; }
.evo-post-meta .fa { color: var(--orange); }
/* Tags */
.evo-tags { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--border); }
.evo-tags a { display: inline-block; background: var(--light); color: var(--navy); border-radius: 20px; padding: 4px 12px; font-size: 12px; font-weight: 600; margin: 3px 3px 3px 0; transition: background var(--ease), color var(--ease); }
.evo-tags a:hover { background: var(--orange); color: #fff; }

/* Yorum formu */
.evo-comment-form { margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--border); }
.evo-comment-form h3 { font-size: 18px; font-weight: 800; color: var(--navy); margin-bottom: 20px; }
.evo-comment-form .form-group { margin-bottom: 14px; }
.evo-comment-form input,
.evo-comment-form textarea { width: 100%; padding: 11px 14px; border: 1.5px solid var(--border) !important; border-radius: 8px !important; font-size: 14px; transition: border-color var(--ease); }
.evo-comment-form input:focus,
.evo-comment-form textarea:focus { border-color: var(--orange) !important; outline: none; box-shadow: 0 0 0 3px rgba(232,85,42,0.10); }
.evo-comment-form textarea { min-height: 120px; resize: vertical; }
.evo-comment-form .btn-submit { background: var(--orange); color: #fff; border: none; padding: 12px 28px; border-radius: 50px; font-weight: 700; font-size: 14px; cursor: pointer; transition: background var(--ease); }
.evo-comment-form .btn-submit:hover { background: var(--navy); }

/* Yorumlar listesi */
.evo-comments { margin-top: 28px; }
.evo-comments h3 { font-size: 17px; font-weight: 700; color: var(--navy); margin-bottom: 18px; }
.evo-comment-item { display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--border); }
.evo-comment-avatar { width: 44px; height: 44px; background: var(--light); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.evo-comment-avatar .fa { color: var(--muted); font-size: 18px; }
.evo-comment-body strong { font-size: 14px; color: var(--navy); display: block; margin-bottom: 4px; }
.evo-comment-body p { font-size: 14px; color: #555; margin: 0; line-height: 1.6; }
.evo-comment-date { font-size: 11px; color: var(--muted); margin-top: 4px; }

/* ─── KART LİSTELEME (galeri, referanslar vb.) ─── */
.evo-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; padding: 24px; }
.evo-card {
  border-radius: 12px; overflow: hidden;
  box-shadow: var(--sh-sm); background: #fff;
  transition: transform var(--ease), box-shadow var(--ease);
}
.evo-card:hover { transform: translateY(-5px); box-shadow: var(--sh-md); }
.evo-card img { width: 100%; height: 180px; object-fit: cover; display: block; }
.evo-card-body { padding: 14px 16px; }
.evo-card-body h4 { font-size: 14px; font-weight: 700; color: var(--navy); margin: 0 0 6px; }
.evo-card-body p { font-size: 13px; color: var(--muted); margin: 0; }
.evo-card-body a.more { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; color: var(--orange); margin-top: 8px; }

/* Galeri grid */
.evo-gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; padding: 24px; }
.evo-gallery-item { border-radius: 10px; overflow: hidden; cursor: pointer; position: relative; }
.evo-gallery-item img { width: 100%; height: 160px; object-fit: cover; display: block; transition: transform .4s; }
.evo-gallery-item:hover img { transform: scale(1.07); }
.evo-gallery-item::after { content: '\f00e'; font-family: FontAwesome; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 28px; color: #fff; background: rgba(232,85,42,.0); transition: background .3s; }
.evo-gallery-item:hover::after { background: rgba(26,58,92,.55); }

/* İletişim / Form sayfası */
.evo-contact-grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: 28px; padding: 28px; }
@media (max-width: 700px) { .evo-contact-grid { grid-template-columns: 1fr; } }
.evo-contact-info-card { background: var(--navy); border-radius: 14px; padding: 28px 24px; color: #fff; }
.evo-contact-info-card h3 { color: #fff; font-size: 18px; margin-bottom: 20px; }
.evo-contact-row { display: flex; gap: 12px; margin-bottom: 16px; }
.evo-contact-row .icon { width: 38px; height: 38px; background: var(--orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 15px; color: #fff; }
.evo-contact-row .info strong { display: block; font-size: 12px; color: rgba(255,255,255,.6); text-transform: uppercase; letter-spacing: .5px; }
.evo-contact-row .info span,
.evo-contact-row .info a { font-size: 14px; color: rgba(255,255,255,.9); }
.evo-form-card { background: #fff; border-radius: 14px; padding: 28px 24px; box-shadow: var(--sh-sm); }
.evo-form-card h3 { font-size: 18px; font-weight: 800; color: var(--navy); margin-bottom: 20px; }
.evo-form-group { margin-bottom: 14px; }
.evo-form-group label { display: block; font-size: 12px; font-weight: 700; color: var(--muted); margin-bottom: 5px; text-transform: uppercase; letter-spacing: .4px; }
.evo-form-group input,
.evo-form-group textarea,
.evo-form-group select { width: 100%; padding: 11px 14px; border: 1.5px solid var(--border) !important; border-radius: 8px !important; font-size: 14px; transition: border-color var(--ease); background: #fff; }
.evo-form-group input:focus,
.evo-form-group textarea:focus { border-color: var(--orange) !important; box-shadow: 0 0 0 3px rgba(232,85,42,.10); outline: none; }
.evo-form-group textarea { min-height: 110px; resize: vertical; }
.evo-form-submit { background: var(--orange); color: #fff; border: none; padding: 13px 32px; border-radius: 50px; font-weight: 700; font-size: 14px; cursor: pointer; box-shadow: 0 4px 14px rgba(232,85,42,.30); transition: all var(--ease); width: 100%; margin-top: 4px; }
.evo-form-submit:hover { background: var(--navy); }
/* Map iframe */
.evo-map-wrap { border-radius: 12px; overflow: hidden; margin-top: 20px; }
.evo-map-wrap iframe { width: 100%; height: 280px; border: none; display: block; }

/* FAQ */
.evo-faq-item { border: 1px solid var(--border); border-radius: 12px; margin-bottom: 12px; overflow: hidden; }
.evo-faq-question { display: flex; align-items: center; gap: 14px; padding: 16px 20px; font-size: 15px; font-weight: 700; color: var(--navy); cursor: pointer; background: #fff; }
.evo-faq-question .fa { color: var(--orange); font-size: 14px; transition: transform var(--ease); flex-shrink: 0; }
.evo-faq-item.open .evo-faq-question .fa { transform: rotate(90deg); }
.evo-faq-answer { padding: 0 20px 18px 48px; font-size: 14px; color: #555; line-height: 1.75; display: none; }
.evo-faq-item.open .evo-faq-answer { display: block; }

/* Sayfalama */
.evo-pagination { padding: 20px 24px; display: flex; gap: 6px; flex-wrap: wrap; }
.evo-pagination .pagination > li > a,
.evo-pagination .pagination > li > span { border-radius: 8px !important; color: var(--navy); border-color: var(--border); font-size: 13px; font-weight: 600; }
.evo-pagination .pagination > .active > a { background: var(--orange) !important; border-color: var(--orange) !important; color: #fff !important; }

/* ═══════════════════════════════════════════════════
   MODERN SIDEBAR — .evo-sidebar
═══════════════════════════════════════════════════ */
.evo-sidebar { display: flex; flex-direction: column; gap: 20px; }

/* CTA Kartı */
.sb-cta-card {
  background: linear-gradient(135deg, var(--navy) 0%, #1e5080 100%);
  border-radius: 14px; padding: 24px 20px;
  text-align: center; color: #fff;
}
.sb-cta-icon { width: 52px; height: 52px; background: var(--orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; font-size: 20px; color: #fff; }
.sb-cta-card h4 { font-size: 17px; font-weight: 800; color: #fff; margin-bottom: 8px; }
.sb-cta-card p { font-size: 13px; color: rgba(255,255,255,.75); margin-bottom: 18px; line-height: 1.6; }
.sb-cta-btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; background: var(--orange); color: #fff !important; border-radius: 10px; font-weight: 700; font-size: 14px; margin-bottom: 8px; transition: background var(--ease); }
.sb-cta-btn:hover { background: #c93f18; color: #fff !important; }
.sb-tel-btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px; background: rgba(255,255,255,.12); color: #fff !important; border-radius: 10px; font-weight: 700; font-size: 14px; margin-bottom: 8px; transition: background var(--ease); border: 1px solid rgba(255,255,255,.2); }
.sb-tel-btn:hover { background: rgba(255,255,255,.22); color: #fff !important; }
.sb-wp-btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px; background: #25D366; color: #fff !important; border-radius: 10px; font-weight: 700; font-size: 14px; transition: background var(--ease); }
.sb-wp-btn:hover { background: #1da851; color: #fff !important; }
.sb-cta-btn .fa, .sb-tel-btn .fa, .sb-wp-btn .fa { font-size: 15px; }

/* Widget */
.sb-widget { background: #fff; border-radius: 14px; box-shadow: var(--sh-sm); overflow: hidden; }
.sb-widget-title { background: var(--navy); color: #fff; padding: 12px 18px; font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 9px; text-transform: uppercase; letter-spacing: .5px; }
.sb-widget-title .fa { color: var(--orange); font-size: 14px; }

/* Hizmet listesi */
.sb-menu-list { list-style: none; margin: 0; padding: 8px 0; }
.sb-menu-list li a { display: flex; align-items: center; gap: 9px; padding: 10px 16px; font-size: 13px; font-weight: 500; color: var(--text); border-bottom: 1px solid rgba(0,0,0,0.04); transition: background var(--ease), color var(--ease), padding-left var(--ease); }
.sb-menu-list li:last-child a { border-bottom: none; }
.sb-menu-list li a .fa { color: var(--orange); font-size: 11px; transition: transform var(--ease); }
.sb-menu-list li a:hover { background: rgba(232,85,42,.06); color: var(--orange); padding-left: 22px; }
.sb-menu-list li a:hover .fa { transform: translateX(3px); }

/* Son yazılar */
.sb-post-list { padding: 10px; display: flex; flex-direction: column; gap: 8px; }
.sb-post-item { display: flex; gap: 10px; align-items: center; padding: 8px 8px; border-radius: 8px; transition: background var(--ease); text-decoration: none; }
.sb-post-item:hover { background: var(--light); }
.sb-post-item img { width: 60px; height: 50px; object-fit: cover; border-radius: 7px; flex-shrink: 0; }
.sb-post-info { flex: 1; min-width: 0; }
.sb-post-title { display: block; font-size: 12px; font-weight: 600; color: var(--navy); line-height: 1.4; margin-bottom: 4px; }
.sb-post-date { font-size: 11px; color: var(--muted); display: flex; align-items: center; gap: 4px; }
.sb-post-date .fa { color: var(--orange); font-size: 10px; }

/* Etiketler */
.sb-tags { padding: 12px 14px; display: flex; flex-wrap: wrap; gap: 6px; }
.sb-tags a { background: var(--light); color: var(--navy); border-radius: 20px; padding: 4px 11px; font-size: 11px; font-weight: 600; transition: background var(--ease), color var(--ease); }
.sb-tags a:hover { background: var(--orange); color: #fff; }

/* Mobilde CTA kartı gizle (bottom nav var) */
@media (max-width: 768px) {
  .sb-cta-card { display: none; }
}

/* SEO about block */
.main-about-section .about-main-content { border-radius:14px !important; box-shadow:0 4px 24px rgba(0,0,0,0.06) !important; border-left:4px solid var(--orange) !important; }
.main-about-section .about-main-content p { color:#444; font-size:15px; line-height:1.85; }
.main-about-section .about-main-content strong { color:var(--navy); }

/* ═══════════════════════════════════════════════════
   MOBİL OVERRIDES
═══════════════════════════════════════════════════ */
@media (max-width:768px) {
  body { font-size:14px; }
  .sec-title h2 { font-size:22px; }
  .parallax-section h2 { font-size:22px; }
  .auto-container { padding-left:14px !important; padding-right:14px !important; }

  .featured-column { width:100% !important; max-width:100% !important; height:auto !important; margin-bottom:14px !important; }
  .featured-column .inner-box .image-box,
  .featured-column .inner-box .image-box img { height:180px !important; }

  .blog-section .inner-box .image-box,
  .blog-section .inner-box .image-box img { height:175px; }

  .page-title { padding:36px 0; }
  .page-title h1 { font-size:22px; }

  .main-footer .footer-bottom .social-links,
  .main-footer .footer-bottom .copyright { width:100%; text-align:center; float:none !important; margin-bottom:6px; }
}
@media (max-width:480px) {
  .sec-title h2 { font-size:19px; }
  .theme-btn { padding:10px 20px !important; font-size:12px !important; }
  .featured-column .inner-box .image-box,
  .featured-column .inner-box .image-box img { height:155px !important; }
}

/* ═══════════════════════════════════════════════════
   LIGHTHOUSE / CORE WEB VITALS OPTİMİZASYONLAR
═══════════════════════════════════════════════════ */

/* CLS Önleme: Boyutsuz görseller için aspect-ratio kilitle */
img { height: auto; }
.evo-card img     { width:100%; height:180px; aspect-ratio:4/3; }
.evo-etk-card img { width:100%; height:160px; aspect-ratio:4/3; }
.evo-etk-row img  { width:100px; height:80px;  aspect-ratio:5/4; flex-shrink:0; }
.sb-post-item img { width:60px;  height:50px;  aspect-ratio:6/5; }
.evo-logo img     { height:52px; width:auto; }

/* Erişilebilirlik: focus görünürlüğü */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--orange);
  outline-offset: 2px;
  border-radius: 3px;
}

/* Erişilebilirlik: buton minimum boyutu (44x44px WCAG 2.5.5) */
.evo-cta, .sb-cta-btn, .sb-tel-btn, .sb-wp-btn,
.mobil-bottom-nav a, .btn-submit {
  min-height: 44px;
}

/* Renk kontrast iyileştirme — muted text */
.evo-muted, .sb-post-date, .evo-etk-meta span { color: #5a6270; }