/* distCustom/css/theme.css */
/* Antalya Evolt - Premium Green-Tech Theme | Bootstrap 5.3.8 compatible */

:root{
  --ae-bg: #05060a;
  --ae-surface: rgba(15, 23, 42, 0.72);
  --ae-surface-2: rgba(15, 23, 42, 0.52);
  --ae-border: rgba(148, 163, 184, 0.28);
  --ae-text: #f8fafc;
  --ae-muted: #a7b0bf;

  --ae-accent: #00e0a8;
  --ae-accent2: #38bdf8;

  --ae-shadow: 0 24px 60px rgba(15, 23, 42, 0.75);
  --ae-radius: 20px;
  --ae-radius-lg: 28px;
  --ae-pill: 999px;

  --ae-ring: rgba(0,224,168,.35);
  --ae-ring2: rgba(56,189,248,.30);

  --ae-band-pad: 14px;

  /* Body background (NO seam) */
  --ae-body-bg:
    radial-gradient(circle at 10% 0%, rgba(56,189,248,.16) 0, transparent 42%),
    radial-gradient(circle at 90% 100%, rgba(0,224,168,.14) 0, transparent 45%),
    radial-gradient(circle at 55% 30%, rgba(34,197,94,.10) 0, transparent 46%),
    linear-gradient(180deg, rgba(2,6,23,1) 0%, rgba(3,7,18,1) 40%, rgba(2,6,23,1) 100%),
    var(--ae-bg);
}

/* Light theme overrides */
html[data-theme="light"]{
  --ae-bg: #f6f8fb;
  --ae-surface: rgba(255, 255, 255, 0.86);
  --ae-surface-2: rgba(255, 255, 255, 0.64);
  --ae-border: rgba(15, 23, 42, 0.12);
  --ae-text: #0b1220;
  --ae-muted: #4b5563;

  --ae-shadow: 0 24px 60px rgba(2, 6, 23, 0.12);

  --ae-ring: rgba(0,224,168,.26);
  --ae-ring2: rgba(56,189,248,.20);

  /* Light mode background fix (NO dark blocks / NO seam) */
  --ae-body-bg:
    radial-gradient(circle at 8% 0%, rgba(56,189,248,.22) 0, transparent 48%),
    radial-gradient(circle at 92% 100%, rgba(0,224,168,.18) 0, transparent 52%),
    linear-gradient(180deg, rgba(246,248,251,1) 0%, rgba(238,244,250,1) 45%, rgba(246,248,251,1) 100%),
    var(--ae-bg);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }

body{
  min-height: 100svh;
  margin: 0;
  color: var(--ae-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;

  /* tek akış: sayfa uzadıkça devam (kesit yok) */
  background: var(--ae-body-bg);
  background-repeat: no-repeat;
  background-size: cover;
}

.ae-container{ max-width: 1200px; }

/* Arka “glow” katmanı */
.ae-glow-layer{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 0% 0%, rgba(56,189,248,.12) 0, transparent 48%),
    radial-gradient(circle at 100% 100%, rgba(0,224,168,.10) 0, transparent 58%),
    radial-gradient(circle at 50% 0%, rgba(0,224,168,.12) 0, transparent 55%);
  filter: blur(26px);
  opacity: .95;
}

/* Premium surface */
.ae-surface{
  background: linear-gradient(135deg, var(--ae-surface), var(--ae-surface-2));
  border: 1px solid var(--ae-border);
  border-radius: var(--ae-radius);
  box-shadow: var(--ae-shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* TOPBAR padding fix (desktop+mobile) */
.ae-topbar{
  border-radius: var(--ae-radius-lg);
  padding: 12px 16px;
}
@media (max-width: 991.98px){
  .ae-topbar{ padding: 10px 12px; }
}

/* Brand + Logo rules */
.ae-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color: var(--ae-text);
}

/* Desktop: left aligned, height 120 */
.ae-logoimg{
  height: 120px;
  width: auto;
  max-width: 520px;
  display:block;
  object-fit: contain;
}

/* Responsive: center and width 320 */
@media (max-width: 991.98px){
  .ae-brand{
    width: 100%;
    justify-content: center;
  }
  .ae-logoimg{
    height: auto;
    width: 320px;
    max-width: 320px;
  }
}

/* Topbar tools alignment + padding fixes */
.ae-topbar-tools{
  justify-content: flex-end;
}
@media (max-width: 991.98px){
  .ae-topbar-tools{
    width: 100%;
    justify-content: space-between; /* phone left, switch right */
    gap: 10px !important;
  }
}

/* Pills */
.ae-pill-primary{
  border: 1px solid rgba(0,224,168,.35);
  background: linear-gradient(135deg, rgba(0,224,168,.46), rgba(56,189,248,.34));
  color: #020617;
  font-weight: 900;
  border-radius: var(--ae-pill);
  padding: 12px 16px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
/* ===== Contact secondary pills (mail / WhatsApp) ===== */
.ae-pill-btn{
  border: 1px solid rgba(148,163,184,.24);
  background: rgba(15,23,42,.14);
  color: var(--ae-text);
  font-weight: 900;
  border-radius: var(--ae-pill);
  padding: 12px 16px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(0,0,0,.22);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition:
    transform 220ms cubic-bezier(.2,.9,.2,1),
    box-shadow 220ms cubic-bezier(.2,.9,.2,1),
    border-color 220ms ease,
    background 220ms ease,
    color 220ms ease;
}

.ae-pill-btn:hover,
.ae-pill-btn:focus-visible{
  transform: translateY(-3px);
  border-color: rgba(0,224,168,.22);
  background: rgba(15,23,42,.20);
  box-shadow:
    0 22px 52px rgba(0,0,0,.34),
    0 0 0 1px rgba(0,224,168,.10);
  text-decoration: none;
  outline: none;
}

/* make them feel “button-like” even inside d-grid */
.ae-contact-card .ae-pill-btn{
  width: 100%;
  justify-content: center;
}

/* Light mode: clean Apple-like glass */
html[data-theme="light"] .ae-pill-btn{
  background: rgba(255,255,255,.72);
  border-color: rgba(15,23,42,.14);
  color: #0b1220;
  box-shadow: 0 14px 34px rgba(2,6,23,.10);
}
html[data-theme="light"] .ae-pill-btn:hover,
html[data-theme="light"] .ae-pill-btn:focus-visible{
  border-color: rgba(56,189,248,.22);
  background: rgba(255,255,255,.86);
  box-shadow:
    0 22px 52px rgba(2,6,23,.14),
    0 0 0 1px rgba(56,189,248,.10);
}

/* Optional: subtle tone differences by link type */
.ae-contact-card a.ae-pill-btn[href^="mailto:"]{
  border-color: rgba(56,189,248,.22);
}
.ae-contact-card a.ae-pill-btn[href^="https://wa.me"]{
  border-color: rgba(0,224,168,.24);
}


html[data-theme="light"] .ae-pill-primary{ color:#0b1220; }

/* phone pill sizing (more modern) */
.ae-phone-pill{
  box-shadow: 0 14px 36px rgba(0,0,0,.22);
}
.ae-phone-number{
  font-weight: 950;
  letter-spacing: .06em;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

/* Icon base */
.ae-ic{
  width: 18px;
  height: 18px;
  display: inline-block;
  color: var(--ae-text);
}
.ae-ic-md{ width: 18px; height: 18px; }
.ae-ic-lg{ width: 22px; height: 22px; }

html[data-theme="light"] .ae-ic{ color: var(--ae-text); }

/* Phone icon vibrate on hover */
@keyframes aeVibrate {
  0% { transform: rotate(0deg) translate(0,0); }
  20%{ transform: rotate(-8deg) translate(-1px, 0); }
  40%{ transform: rotate(8deg) translate(1px, 0); }
  60%{ transform: rotate(-6deg) translate(-1px, 0); }
  80%{ transform: rotate(6deg) translate(1px, 0); }
  100%{ transform: rotate(0deg) translate(0,0); }
}
.ae-phone-hover:hover .ae-ic{
  animation: aeVibrate .55s ease-in-out;
}

/* Theme toggle (borderless outside, correct spacing) */
.ae-theme-switch{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--ae-pill);
  border: 0;                 /* border kaldır */
  outline: none;
  background: rgba(15, 23, 42, 0.22);
  width: 112px;
  height: 42px;
  padding: 0 12px;
}
html[data-theme="light"] .ae-theme-switch{
  background: rgba(255,255,255,.72);
}

.ae-theme-switch .ae-switch-track{
  width: 34px;
  height: 18px;
  border-radius: 999px;
  background: rgba(148,163,184,.22);
  border: 1px solid var(--ae-border);
  position: relative;
  flex: 0 0 auto;
}
.ae-theme-switch .ae-switch-knob{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(0,224,168,.95), rgba(56,189,248,.75));
  box-shadow: 0 10px 24px rgba(0,0,0,.28);
  transition: left .18s ease-out;
}
html[data-theme="light"] .ae-theme-switch .ae-switch-knob{
  left: 18px;
}

/* NAV WRAP + mobile collapse fix (no overlapping lines) */
.ae-navwrap{
  border-radius: var(--ae-radius-lg);
  padding: 10px 14px;
  position: relative;
  z-index: 3000;
}

/* toggler visuals */
.ae-nav-toggler{
  border: 1px solid var(--ae-border);
  border-radius: 14px;
  padding: 10px 12px;
}

/* Mobile collapse becomes its own surface panel */
.ae-nav-collapse{
  margin-top: 10px;
}
@media (max-width: 991.98px){
  .ae-nav-collapse{
    padding: 10px;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--ae-surface), var(--ae-surface-2));
    border: 1px solid var(--ae-border);
    box-shadow: var(--ae-shadow);
  }
}

/* navbar links */
.navbar .nav-link{
  color: var(--ae-muted);
  font-weight: 800;
  border-radius: 999px;
  padding: 10px 14px;
  position: relative;
  transition: color .15s ease-out, background .15s ease-out;
}
.navbar .nav-link.active{
  color: var(--ae-text);
  background: rgba(0,224,168,.10);
  border: 1px solid rgba(0,224,168,.20);
}

/* Electric hover effect */
@keyframes aeElectric {
  0% { background-position: 220% 0; opacity: 0; }
  20%{ opacity: .95; }
  100%{ background-position: 0% 0; opacity: .9; }
}
@keyframes aeRingSpin { to { transform: rotate(360deg); } }

.navbar .nav-link:hover{
  color: var(--ae-text);
  background: rgba(15,23,42,.10);
}
.navbar .nav-link::after{
  content:"";
  position:absolute;
  left: 14px;
  right: 14px;
  bottom: 7px;
  height: 2px;
  border-radius: 999px;
  opacity: 0;
  background: linear-gradient(90deg,
    transparent,
    rgba(0,224,168,.0),
    rgba(0,224,168,.95),
    rgba(56,189,248,.9),
    rgba(0,224,168,.0),
    transparent
  );
  background-size: 220% 100%;
  pointer-events:none;
}
.navbar .nav-link:hover::after{
  opacity: .95;
  animation: aeElectric .85s linear infinite;
}
.navbar .nav-link::before{
  content:"";
  position:absolute;
  inset: -6px;
  border-radius: 999px;
  padding: 1px;
  background: conic-gradient(
    from 0deg,
    transparent,
    rgba(0,224,168,.55),
    rgba(56,189,248,.45),
    transparent,
    rgba(0,224,168,.40),
    transparent
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  filter: blur(.25px);
  pointer-events:none;
}
.navbar .nav-link:hover::before{
  opacity: .50;
  animation: aeRingSpin 1.25s linear infinite;
}

/* Dropdown */
.navbar .dropdown-menu{
  border-radius: 16px;
  border: 1px solid var(--ae-border);
  background: rgba(15, 23, 42, 0.94);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: var(--ae-shadow);
  z-index: 4000;
}
html[data-theme="light"] .navbar .dropdown-menu{
  background: rgba(255,255,255,0.94);
}
.navbar .dropdown-item{
  color: var(--ae-text);
  font-weight: 700;
}
.navbar .dropdown-item:hover{
  background: rgba(0,224,168,.12);
}

/* HERO */
.ae-hero{ margin-top: 14px; position: relative; z-index: 1; }
.ae-carousel{
  width: 100%;
  height: 500px;
  border-radius: var(--ae-radius-lg);
  overflow: hidden;
  border: 1px solid var(--ae-border);
  box-shadow: var(--ae-shadow);
  position: relative;
  z-index: 1;
}
@media (max-width: 768px){ .ae-carousel{ height: 360px; } }
@media (max-width: 420px){ .ae-carousel{ height: 300px; } }
.ae-carousel .carousel-item,
.ae-carousel .carousel-inner{ height: 100%; }
.ae-carousel .carousel-item img{
  width:100%;
  height:100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.06) contrast(1.05);
}

/* Sections */
.ae-section{ margin-top: 34px; }
.ae-section-title{
  font-weight: 950;
  letter-spacing: -0.03em;
  font-size: clamp(22px, 2.4vw, 34px);
  margin-bottom: 10px;
}
.ae-section-sub{ color: var(--ae-muted); max-width: 70ch; }

/* Split intro */
.ae-split{
  display:grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);
  gap: 18px;
  align-items: stretch;
}
@media (max-width: 992px){ .ae-split{ grid-template-columns: minmax(0,1fr); } }

.ae-photo{
  border-radius: var(--ae-radius-lg);
  overflow: hidden;
  border: 1px solid var(--ae-border);
  box-shadow: var(--ae-shadow);
  min-height: 320px;
}
.ae-photo img{ width:100%; height:100%; object-fit: cover; }

.ae-copy{ padding: 18px; border-radius: var(--ae-radius-lg); }

/* Cards */
.ae-card{
  border-radius: var(--ae-radius);
  border: 1px solid var(--ae-border);
  background: linear-gradient(135deg, rgba(15,23,42,.62), rgba(15,23,42,.38));
  box-shadow: var(--ae-shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
html[data-theme="light"] .ae-card{
  background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,255,255,.65));
}

/* ===== Apple-like hover/select effect (dark+light) ===== */
.ae-card{
  position: relative;
  overflow: hidden;
  transform: translateZ(0); /* smoother */
  transition:
    transform 220ms cubic-bezier(.2,.9,.2,1),
    box-shadow 220ms cubic-bezier(.2,.9,.2,1),
    border-color 220ms ease,
    background 220ms ease;
}

/* subtle sheen layer */
.ae-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background:
    radial-gradient(900px circle at var(--mx, 50%) var(--my, 30%),
      rgba(56,189,248,.18),
      rgba(0,224,168,.12) 32%,
      transparent 60%);
  opacity: 0;
  transition: opacity 220ms ease;
  pointer-events:none;
}

/* ultra-thin ring */
.ae-card::after{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events:none;
  box-shadow: inset 0 0 0 1px rgba(148,163,184,.10);
  opacity: 0;
  transition: opacity 220ms ease;
}

/* hover + "selected" look */
.ae-card:hover,
.ae-card:focus-within{
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(0,224,168,.28);
  box-shadow:
    0 28px 70px rgba(0,0,0,.42),
    0 0 0 1px rgba(0,224,168,.10);
}

.ae-card:hover::before,
.ae-card:focus-within::before{ opacity: 1; }

.ae-card:hover::after,
.ae-card:focus-within::after{
  opacity: 1;
  box-shadow:
    inset 0 0 0 1px rgba(0,224,168,.14),
    0 10px 34px rgba(0,224,168,.12);
}

/* light mode tuning (more “glass”, less heavy shadow) */
html[data-theme="light"] .ae-card:hover,
html[data-theme="light"] .ae-card:focus-within{
  border-color: rgba(56,189,248,.22);
  box-shadow:
    0 22px 52px rgba(2,6,23,.14),
    0 0 0 1px rgba(56,189,248,.10);
}
html[data-theme="light"] .ae-card:hover::after,
html[data-theme="light"] .ae-card:focus-within::after{
  box-shadow:
    inset 0 0 0 1px rgba(56,189,248,.14),
    0 10px 34px rgba(56,189,248,.10);
}

/* reduced motion respect */
@media (prefers-reduced-motion: reduce){
  .ae-card, .ae-card::before, .ae-card::after{
    transition: none !important;
  }
  .ae-card:hover, .ae-card:focus-within{
    transform: none !important;
  }
}


/* SERVICES: photo area full width 250px stable */
.ae-service-card{ overflow: hidden; }
.ae-service-media{
  width: 100%;
  height: 250px;
  overflow: hidden;
  border-bottom: 1px solid rgba(148,163,184,.18);
}
.ae-service-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}
/* ===== Services card is clickable (no underline) ===== */
.ae-service-open{
  display: block;
  text-decoration: none;
  color: inherit;
}
.ae-service-open:focus-visible{
  outline: none;
}

/* ===== Apple-like Modal (dark + light) ===== */
.ae-modal .modal-dialog{ max-width: 980px; }

.ae-modal-content{
  border-radius: 22px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(2,6,23,.64);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 28px 90px rgba(0,0,0,.55);
  overflow: hidden;
}

html[data-theme="light"] .ae-modal-content{
  background: rgba(255,255,255,.80);
  border-color: rgba(15,23,42,.14);
  box-shadow: 0 24px 70px rgba(2,6,23,.18);
}

.ae-modal-header{
  border-bottom: 1px solid rgba(148,163,184,.14);
  padding: 16px 18px;
}

.ae-modal-kicker{
  font-weight: 900;
  letter-spacing: .10em;
  font-size: 12px;
  color: var(--ae-muted);
  text-transform: uppercase;
}

.ae-modal-title{
  margin-top: 2px;
  font-weight: 950;
  letter-spacing: -0.02em;
  font-size: clamp(18px, 2.2vw, 26px);
}

.ae-modal-close{
  opacity: .85;
  filter: invert(1);
}
html[data-theme="light"] .ae-modal-close{
  filter: none;
}

.ae-modal-body{ padding: 16px 18px 18px; }

.ae-modal-footer{
  border-top: 1px solid rgba(148,163,184,.14);
  padding: 14px 18px;
}

/* ===== Modal mini-cards (submenu) ===== */
.ae-modal-item{
  position: relative;
  display: block;
  text-decoration: none;
  color: var(--ae-text);
  border-radius: 18px;
  padding: 14px 14px 14px 14px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(15,23,42,.18);
  box-shadow: 0 16px 46px rgba(0,0,0,.24);
  transition:
    transform 220ms cubic-bezier(.2,.9,.2,1),
    box-shadow 220ms cubic-bezier(.2,.9,.2,1),
    border-color 220ms ease,
    background 220ms ease;
  overflow: hidden;
}

.ae-mi-title{
  font-weight: 950;
  letter-spacing: -0.01em;
  font-size: 14px;
}

.ae-mi-sub{
  margin-top: 6px;
  color: var(--ae-muted);
  font-weight: 650;
  font-size: 13px;
  line-height: 1.35;
}

.ae-mi-go{
  position: absolute;
  right: 14px;
  top: 14px;
  font-weight: 950;
  opacity: .75;
  transform: translateX(0);
  transition: transform 220ms cubic-bezier(.2,.9,.2,1), opacity 220ms ease;
}

.ae-modal-item:hover,
.ae-modal-item:focus-visible{
  transform: translateY(-3px);
  border-color: rgba(0,224,168,.22);
  background: rgba(15,23,42,.24);
  box-shadow:
    0 22px 62px rgba(0,0,0,.34),
    0 0 0 1px rgba(0,224,168,.08);
  outline: none;
}

.ae-modal-item:hover .ae-mi-go,
.ae-modal-item:focus-visible .ae-mi-go{
  transform: translateX(4px);
  opacity: .95;
}

/* Light mode tuning */
html[data-theme="light"] .ae-modal-item{
  background: rgba(255,255,255,.74);
  border-color: rgba(15,23,42,.12);
  box-shadow: 0 14px 40px rgba(2,6,23,.10);
}
html[data-theme="light"] .ae-modal-item:hover,
html[data-theme="light"] .ae-modal-item:focus-visible{
  border-color: rgba(56,189,248,.22);
  box-shadow:
    0 20px 56px rgba(2,6,23,.14),
    0 0 0 1px rgba(56,189,248,.08);
}

/* Mobile spacing */
@media (max-width: 575.98px){
  .ae-modal-header{ padding: 14px 14px; }
  .ae-modal-body{ padding: 14px 14px 16px; }
  .ae-modal-footer{ padding: 12px 14px; }
}


/* Chart: responsive bigger + readable */
.ae-chart{ padding: 18px; border-radius: var(--ae-radius-lg); }
@media (max-width: 575.98px){
  .ae-chart-wrap{ padding: 14px !important; }
  #aeChartBars{ height: 320px; } /* bigger on mobile */
}

/* Footer */
.ae-footer{
  margin-top: 40px;
  padding: 22px 16px;
  border-radius: var(--ae-radius-lg);
}
.ae-footer a{ color: var(--ae-text); text-decoration:none; opacity:.92; }
.ae-footer a:hover{ opacity:1; text-decoration:underline; }

/* ===== Desktop WhatsApp fixed button (bottom-left) ===== */
.ae-wa-float{
  position: fixed;
  right: 18px;          /* SAĞA ALINDI */
  bottom: 18px;
  z-index: 4500;
  text-decoration: none;
}

.ae-wa-float-btn{
  width: 58px;
  height: 58px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,224,168,.14);
  border: 1px solid rgba(0,224,168,.30);
  color: var(--ae-text);
  box-shadow: 0 18px 44px rgba(0,0,0,.35);
}

/* Pulse */
@keyframes aePulse {
  0%   { box-shadow: 0 0 0 0 rgba(0,224,168,.35), 0 0 0 0 rgba(56,189,248,.0); }
  70%  { box-shadow: 0 0 0 12px rgba(0,224,168,0), 0 0 0 22px rgba(56,189,248,0); }
  100% { box-shadow: 0 0 0 0 rgba(0,224,168,0), 0 0 0 0 rgba(56,189,248,0); }
}
.ae-wa-pulse{ animation: aePulse 1.6s ease-out infinite; }

/* ===== Mobile bottom actions (responsive) ===== */
.ae-mobile-actions{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  z-index: 5000;
  background: rgba(2,6,23,.72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-top: 1px solid rgba(148,163,184,.22);
}
html[data-theme="light"] .ae-mobile-actions{
  background: rgba(255,255,255,.78);
}
.ae-mobile-actions .ae-mob-wrap{
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.ae-mob-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 50px;              /* görünürlük arttı */
  border-radius: 14px;
  text-decoration: none;
  font-weight: 950;
  letter-spacing: .08em;
  border: 1px solid rgba(148,163,184,.22);
}
.ae-mob-call{
  background: rgba(15,23,42,.20);
  color: var(--ae-text);
}
.ae-mob-wa{
  background: linear-gradient(135deg, rgba(0,224,168,.55), rgba(56,189,248,.35));
  color: #020617;
}
html[data-theme="light"] .ae-mob-wa{ color:#0b1220; }

/* Mobile bar içerik kapatmasın */
@media (max-width: 991.98px){
  body{ padding-bottom: 92px; } /* alt bar tam görünür */
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}


/* ===== MAP + CONTACT (geri getirildi) ===== */
.ae-map{
  border-radius: var(--ae-radius-lg);
  overflow: hidden;
  border: 1px solid var(--ae-border);
  box-shadow: var(--ae-shadow);
}
.ae-map iframe{
  width: 100%;
  height: 450px;
  border: 0;
  display: block;
  filter: saturate(1.05) contrast(1.05);
}

.ae-contact-card{
  border-radius: var(--ae-radius-lg);
  padding: 18px;
}

.ae-form-control{
  border-radius: 14px !important;
  border: 1px solid var(--ae-border) !important;
  background: rgba(15,23,42,.18) !important;
  color: var(--ae-text) !important;
  padding: 12px 12px !important;
}
html[data-theme="light"] .ae-form-control{
  background: rgba(255,255,255,.70) !important;
  color: var(--ae-text) !important;
}
.ae-form-control::placeholder{ color: rgba(167,176,191,.85) !important; }

.ae-btn-send{
  border-radius: var(--ae-pill);
  padding: 12px 16px;
  border: 1px solid rgba(0,224,168,.35);
  background: linear-gradient(135deg, rgba(0,224,168,.48), rgba(56,189,248,.34));
  font-weight: 950;
  color: #020617;
}
html[data-theme="light"] .ae-btn-send{ color:#0b1220; }


/* mail form CSS Validation */
/* ===== Form Validation Styles ===== */
.text-danger {
  color: #ef4444 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-top: 6px !important;
  display: none !important; /* İlk başta gizli */
  animation: aeValidationFadeIn 0.25s ease-out;
}

/* Validation görünür olduğunda animasyon */
@keyframes aeValidationFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Validator görünür olduğunda göster */
span[style*="visibility: visible"].text-danger,
span[style*="display: inline"].text-danger {
  display: block !important;
}

/* Input error state */
.ae-form-control.input-validation-error {
  border-color: rgba(239, 68, 68, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12) !important;
}

/* Light mode validation */
html[data-theme="light"] .text-danger {
  color: #dc2626 !important;
}