/* En Yakındaki - arayüz
   Marka renkleri 4images paletinden (lacivert #004c75 + sarı #fcdc43) gelir; nötr tonlar,
   metin rengi ve durum renkleri (yeşil/kırmızı) okunabilirlik için güncellenmiştir.
   Site, yönetim paneli, kurulum sihirbazı ve hata sayfasında aynıdır. */
:root{
  /* 4images paleti */
  --ey-navy:#004c75;        /* ana renk: başlıklar, düğmeler, metin */
  --ey-navy-2:#0f5475;      /* ikincil lacivert */
  --ey-blue:#136c99;        /* açık mavi: bağlantı vurgusu, onay durumu */
  --ey-deep:#003366;        /* koyu lacivert: hover */
  --ey-yellow:#fcdc43;      /* vurgu sarısı */
  --ey-yellow-soft:#ffe673; /* açık sarı */
  --ey-g1:#f4f6f8;          /* sayfa zemini */
  --ey-g2:#eaeff3;          /* tablo başlığı */
  --ey-g3:#e0e6ec;          /* satır / ayraç */
  --ey-g4:#d5dde4;          /* kenarlık */
  --ey-red:#c62828;         /* uyarı / hata */
  /* Yazı boyutu ölçeği: sitedeki tüm yazılar bu 6 basamaktan biridir */
  --fs-xs:.75rem;           /* sekme etiketi, mesafe birimi */
  --fs-sm:.875rem;          /* yardımcı bilgi: adres, etiket, rozet, düğme (kart), alt yazı */
  --fs-base:1rem;           /* gövde metni, bilgi değeri, büyük düğmeler */
  --fs-md:1.125rem;         /* marka adı */
  --fs-lg:1.25rem;          /* bölüm başlığı (h2), kart başlığı, mesafe rakamı, boş durum başlığı */
  --fs-h1:clamp(1.65rem,5vw,2.2rem); /* sayfa başlığı */
  --ey-white:#ffffff;
  --ey-ink:#14263a;         /* gövde metni: lacivertten daha yüksek kontrast */
  --ey-muted:#5a6b7b;
  --ey-green:#1b7f4f;       /* başarı / yayında */
  --ey-green-dark:#14663e;
  --ey-line:var(--ey-g4);

  --bs-body-color:#14263a;
  --bs-body-bg:#f4f6f8;
  --bs-primary:#004c75;
  --bs-primary-rgb:0,76,117;
  --bs-link-color:#004c75;
  --bs-link-color-rgb:0,76,117;
  --bs-link-hover-color:#003366;
  --bs-link-hover-color-rgb:0,51,102;
  --bs-border-color:#d5dde4;
  --bs-secondary-color:#5a6b7b;
  --bs-body-font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
}
html{scroll-padding-top:70px}
body{background:var(--ey-g1);color:var(--ey-ink);font-family:var(--bs-body-font-family);-webkit-font-smoothing:antialiased;line-height:1.5;padding-bottom:0;-webkit-tap-highlight-color:transparent}
a{text-underline-offset:2px}
:focus-visible{outline:3px solid var(--ey-blue);outline-offset:2px}
.text-muted,.form-text{color:var(--ey-muted)!important}
.form-control,.form-select{border-color:var(--ey-g4);color:var(--ey-ink)}
.form-control:focus,.form-select:focus{border-color:var(--ey-blue);box-shadow:0 0 0 .2rem rgba(19,108,153,.2)}
.form-check-input:checked{background-color:var(--ey-navy);border-color:var(--ey-navy)}

/* Düğmeler: tek tutarlı set */
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#004c75;--bs-btn-border-color:#004c75;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#003366;--bs-btn-hover-border-color:#003366;--bs-btn-active-color:#fff;--bs-btn-active-bg:#003366;--bs-btn-active-border-color:#003366;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#004c75;--bs-btn-disabled-border-color:#004c75}
.btn-outline-primary{--bs-btn-color:#004c75;--bs-btn-border-color:#004c75;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#004c75;--bs-btn-hover-border-color:#004c75;--bs-btn-active-color:#fff;--bs-btn-active-bg:#003366;--bs-btn-active-border-color:#003366}
.btn-secondary,.btn-light{--bs-btn-color:#004c75;--bs-btn-bg:#eaeff3;--bs-btn-border-color:#d5dde4;--bs-btn-hover-color:#004c75;--bs-btn-hover-bg:#e0e6ec;--bs-btn-hover-border-color:#d5dde4;--bs-btn-active-color:#004c75;--bs-btn-active-bg:#d5dde4;--bs-btn-active-border-color:#d5dde4}
.btn-outline-secondary{--bs-btn-color:#004c75;--bs-btn-border-color:#d5dde4;--bs-btn-hover-color:#004c75;--bs-btn-hover-bg:#eaeff3;--bs-btn-hover-border-color:#004c75;--bs-btn-active-color:#004c75;--bs-btn-active-bg:#e0e6ec;--bs-btn-active-border-color:#004c75}
.btn-warning{--bs-btn-color:#004c75;--bs-btn-bg:#fcdc43;--bs-btn-border-color:#fcdc43;--bs-btn-hover-color:#004c75;--bs-btn-hover-bg:#ffe673;--bs-btn-hover-border-color:#ffe673;--bs-btn-active-color:#004c75;--bs-btn-active-bg:#ffe673;--bs-btn-active-border-color:#ffe673}
.btn-outline-warning{--bs-btn-color:#004c75;--bs-btn-border-color:#fcdc43;--bs-btn-hover-color:#004c75;--bs-btn-hover-bg:#fcdc43;--bs-btn-hover-border-color:#fcdc43;--bs-btn-active-color:#004c75;--bs-btn-active-bg:#ffe673;--bs-btn-active-border-color:#ffe673}
.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#1b7f4f;--bs-btn-border-color:#1b7f4f;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#14663e;--bs-btn-hover-border-color:#14663e;--bs-btn-active-color:#fff;--bs-btn-active-bg:#14663e;--bs-btn-active-border-color:#14663e}
.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#c62828;--bs-btn-border-color:#c62828;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#9f1d1d;--bs-btn-hover-border-color:#9f1d1d;--bs-btn-active-color:#fff;--bs-btn-active-bg:#9f1d1d;--bs-btn-active-border-color:#9f1d1d}
.btn-outline-danger{--bs-btn-color:#c62828;--bs-btn-border-color:#c62828;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#c62828;--bs-btn-hover-border-color:#c62828;--bs-btn-active-color:#fff;--bs-btn-active-bg:#9f1d1d;--bs-btn-active-border-color:#9f1d1d}
.btn-link{color:var(--ey-navy)}
.page-item.active .page-link{background:var(--ey-navy);border-color:var(--ey-navy);color:#fff}
.page-link{color:var(--ey-navy);border-color:var(--ey-g4)}
.page-link:hover{background:var(--ey-g2);color:var(--ey-deep)}
.page-item.disabled .page-link{color:var(--ey-muted);background:var(--ey-g1)}

/* Rozetler ve uyarılar: yalnızca palet renkleri */
.badge.text-bg-warning{background-color:#fcdc43!important;color:#004c75!important}
.badge.text-bg-success{background-color:#1b7f4f!important;color:#fff!important}
.badge.text-bg-danger{background-color:#c62828!important;color:#fff!important}
.badge.text-bg-secondary{background-color:#d5dde4!important;color:#004c75!important}
.badge.text-bg-info{background-color:#0f5475!important;color:#fff!important}
.badge.text-bg-light{background-color:#eaeff3!important;color:#004c75!important}
.alert{--bs-alert-border-radius:8px}
.alert-info{--bs-alert-color:#14263a;--bs-alert-bg:#e3eef4;--bs-alert-border-color:#136c99}
.alert-success{--bs-alert-color:#14391f;--bs-alert-bg:#e6f4ec;--bs-alert-border-color:#1b7f4f}
.alert-warning{--bs-alert-color:#004c75;--bs-alert-bg:#fff6c2;--bs-alert-border-color:#fcdc43}
.alert-danger{--bs-alert-color:#7a1616;--bs-alert-bg:#fdeaea;--bs-alert-border-color:#c62828}
.alert-secondary,.alert-light{--bs-alert-color:#004c75;--bs-alert-bg:#eaeff3;--bs-alert-border-color:#d5dde4}
.alert a{color:inherit;font-weight:600}
.text-danger{color:#c62828!important}
.text-warning{color:#004c75!important;background:var(--ey-yellow);padding:0 4px;border-radius:3px}
.table{--bs-table-color:#14263a;--bs-table-border-color:#d5dde4;--bs-table-striped-bg:#f4f6f8;--bs-table-hover-bg:#eaeff3}
.table thead th{background:#004c75;color:#fcdc43;border-color:#004c75}
.list-group-item{color:var(--ey-ink);border-color:var(--ey-g4)}
.nav-pills{--bs-nav-pills-link-active-bg:#004c75;--bs-nav-link-color:#004c75;--bs-nav-link-hover-color:#003366}
.modal-content{border:0;border-radius:12px}
.modal-header{background:var(--ey-navy);color:var(--ey-yellow);border-bottom:0}
.modal-header .btn-close{filter:invert(1) grayscale(1) brightness(2)}
.modal-footer{background:var(--ey-g2);border-top:1px solid var(--ey-g4)}
fieldset.border{border-color:var(--ey-g4)!important}
hr{border-color:var(--ey-g4);opacity:1}

/* Üst çubuk (4images .head1: lacivert zemin, sarı yazı) */
.ey-header{position:sticky;top:0;z-index:30;background:var(--ey-navy);border-bottom:3px solid var(--ey-yellow);padding-top:env(safe-area-inset-top)}
.ey-header-in{display:flex;align-items:center;gap:12px;height:58px}
.ey-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:var(--fs-md);color:var(--ey-yellow);text-decoration:none;letter-spacing:-.01em;white-space:nowrap}
.ey-brand:hover{color:var(--ey-yellow-soft)}
.ey-search{flex:1;max-width:460px;margin-left:12px;gap:8px}
.ey-search .btn-primary{--bs-btn-bg:#fcdc43;--bs-btn-border-color:#fcdc43;--bs-btn-color:#004c75;--bs-btn-hover-bg:#ffe673;--bs-btn-hover-border-color:#ffe673;--bs-btn-hover-color:#004c75}
.ey-locbtn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ey-blue);background:var(--ey-navy-2);border-radius:999px;padding:7px 14px;font-size:var(--fs-sm);font-weight:600;color:#fff}
.ey-locbtn .ey-dot{width:10px;height:10px;border-radius:50%;background:var(--ey-g4)}
.ey-locbtn[data-state=on] .ey-dot{background:var(--ey-yellow);box-shadow:0 0 0 4px rgba(252,220,67,.28)}
.ey-locbtn:hover{border-color:var(--ey-yellow);color:#fff}

/* Ana sayfa kahramanı: konum merkezli halkalar */
.ey-hero{background:var(--ey-navy);color:#fff;padding:44px 0 40px;position:relative;overflow:hidden}
.ey-hero::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 86% 28%,rgba(19,108,153,.55) 0 1px,transparent 1px 52px);pointer-events:none}
.ey-hero::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--ey-yellow);left:86%;top:28%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px rgba(252,220,67,.25);pointer-events:none}
.ey-hero .container{position:relative;z-index:1}
.ey-hero h1{font-size:clamp(1.9rem,6.2vw,3.2rem);font-weight:800;line-height:1.08;letter-spacing:-.025em;max-width:16ch;margin:0 0 22px;color:var(--ey-yellow)}
.ey-hero-search{display:flex;gap:8px;max-width:560px}
.ey-hero-search .form-control{border:0}
.ey-hero-loc{margin-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ey-hero .ey-loc-msg{color:var(--ey-yellow-soft)}

.ey-main{min-height:60vh}
.ey-h1{font-size:var(--fs-h1);font-weight:800;letter-spacing:-.02em;margin:6px 0 6px;color:var(--ey-navy)}
.ey-h2{font-size:var(--fs-lg);font-weight:700;margin:0 0 12px;color:var(--ey-navy)}
.ey-count{color:var(--ey-muted);font-size:var(--fs-sm);margin:14px 0 10px}
.ey-crumbbar{background:var(--ey-yellow);padding:3px 0 6px}
.ey-crumbs{font-size:var(--fs-sm);line-height:1.3;display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:0;color:var(--ey-navy)}
.ey-crumbs a{color:var(--ey-navy)}
.ey-crumbs a:hover{color:var(--ey-deep)}
.ey-crumbs b{color:var(--ey-navy);font-weight:700}
.ey-crumbs span{color:var(--ey-navy-2)}

/* Kategori kutuları */
.ey-subcats{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}

/* Yer kartı: mesafe öne çıkar (lacivert blok, sarı rakam) */
.ey-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ey-tile{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--ey-g4);border-left:5px solid var(--ey-navy);border-radius:10px;padding:10px 12px;text-decoration:none;color:var(--ey-navy);min-width:0}
.ey-tile:hover{border-color:var(--ey-navy);border-left-color:var(--ey-yellow);background:var(--ey-g2)}
.ey-tile-name{font-weight:700;font-size:var(--fs-lg);line-height:1.2;overflow-wrap:anywhere}
.ey-tile small{color:var(--ey-muted);font-size:var(--fs-sm)}
.ey-list{display:flex;flex-direction:column;gap:10px}
.ey-card{display:flex;background:#fff;border:1px solid var(--ey-g4);border-radius:10px;overflow:hidden}
.ey-card-right{flex:1;min-width:0;display:flex;flex-direction:column}
.ey-dist{text-decoration:none;flex:0 0 auto;min-width:5.25rem;display:flex;align-items:center;justify-content:center;background:var(--ey-navy);color:var(--ey-yellow);padding:10px 8px}
.ey-dist span{white-space:nowrap}
.ey-dist b{font-variant-numeric:tabular-nums;font-size:var(--fs-lg);line-height:1;font-weight:800;letter-spacing:-.03em}
.ey-dist small{font-size:var(--fs-xs);font-weight:700;margin-left:4px;color:#fff}
.ey-dist:hover{color:var(--ey-yellow)}
.ey-card-body{display:block;padding:12px 14px 8px;min-width:0;color:inherit}
.ey-card-namerow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ey-card-body h3{flex:1 1 auto;min-width:0;font-size:var(--fs-lg);line-height:1.2;font-weight:700;margin:0;overflow-wrap:anywhere;color:var(--ey-navy)}
.ey-cat-chip{display:inline-block;margin-top:6px;padding:2px 9px;border-radius:999px;background:var(--ey-navy);color:#fff;font-size:var(--fs-xs);font-weight:600;line-height:1.5}
.ey-card-actions{display:flex;flex-wrap:nowrap;gap:8px;padding:0 14px 12px;margin-top:auto}
.ey-card-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 .55rem;font-size:var(--fs-sm);white-space:nowrap}
.ey-card-actions .ey-act-dir{flex:1 1 auto;font-weight:600}
.ey-card-actions .ey-iconbtn{flex:0 0 42px;padding:0}
.ey-chip{display:inline-block;background:var(--ey-g2);color:var(--ey-navy);border-radius:999px;padding:2px 10px;font-size:var(--fs-sm);font-weight:600;text-decoration:none}
.ey-chip-lg{font-size:var(--fs-base);padding:6px 14px;border:1px solid var(--ey-g4);background:#fff}
.ey-chip-lg:hover{border-color:var(--ey-navy);background:var(--ey-yellow)}
.ey-chip small{color:var(--ey-muted)}

/* Boş durum / konum isteği */
.ey-empty{background:#fff;border:1px dashed var(--ey-blue);border-radius:12px;padding:28px 20px;text-align:center;max-width:560px;margin:10px auto}
.ey-empty h1,.ey-empty h2{font-weight:800;font-size:var(--fs-lg)}
.ey-empty p{color:var(--ey-muted)}
.ey-btnrow{display:flex;gap:8px;justify-content:center}
.ey-btnrow .btn{flex:1 1 0;min-width:0;padding-left:.5rem;padding-right:.5rem;font-size:var(--fs-base)}
.ey-prompt{background:#fff;border:1px solid var(--ey-g4);border-radius:10px;padding:18px;text-align:center;margin:10px 0}
.ey-prompt p{margin:0 0 12px;color:var(--ey-ink)}
.ey-prompt-ico{width:44px;height:44px;margin:0 auto 10px;border-radius:50%;background:radial-gradient(circle,var(--ey-navy) 0 5px,rgba(0,76,117,.2) 5px 9px,transparent 9.5px),repeating-radial-gradient(circle,rgba(19,108,153,.5) 0 1px,transparent 1px 9px)}
.ey-loc-msg{min-height:1.2em;color:var(--ey-navy-2);font-weight:600}

/* Arama sayfası */
.ey-search-page{display:flex;gap:8px;max-width:640px}

.ey-req{color:var(--ey-red);font-weight:700}
/* Yer ekleme */
.ey-add form{max-width:640px}
.ey-locbox{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--ey-g4);border-left:5px solid var(--ey-g4);border-radius:10px;padding:12px 14px;margin-bottom:10px}
/* Yer ekle: konum durumu ve düğme tek satırda kalır */
.ey-locbox{padding:10px 12px}
.ey-locbox-status{flex:1 1 auto;min-width:0;font-size:var(--fs-sm)}
.ey-locbox.ok .ey-locbox-status{white-space:nowrap}
.ey-locbox-actions{flex:0 0 auto}
.ey-locbox-actions .btn{white-space:nowrap}
.ey-locbox.ok{border-left-color:var(--ey-green)}
.ey-locbox.bad{border-left-color:var(--ey-red)}
.ey-picker{display:flex;flex-direction:column;gap:8px}
.ey-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Alt bölüm ve mobil alt gezinme */
.ey-footer{padding:26px 0 12px;color:#fff;font-size:var(--fs-sm);background:var(--ey-navy);border-top:3px solid var(--ey-yellow);margin-top:30px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}
.ey-footer a{color:var(--ey-yellow)}
.ey-footer-slogan{font-weight:700;color:var(--ey-yellow);margin-bottom:6px}
.ey-footer-links{display:flex;gap:16px;flex-wrap:wrap}
.ey-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--ey-navy);border-top:3px solid var(--ey-yellow);display:flex;padding-bottom:env(safe-area-inset-bottom)}
.ey-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px 6px;font-size:var(--fs-xs);font-weight:600;color:#fff;opacity:.8;text-decoration:none}
.ey-tabbar a.on{color:var(--ey-yellow);opacity:1}
@media (min-width:768px){
  .ey-tabbar{display:none}
  .ey-footer{padding-bottom:14px}
  .ey-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .ey-hero{padding:72px 0 64px}
}
@media (max-width:420px){
  .ey-brand span{font-size:var(--fs-base)}
  .ey-locbtn{padding:6px 10px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Yönetim: tablolar tek satır; sığmazsa yatay kayar */
.ey-nowrap th,.ey-nowrap td{white-space:nowrap}
.table-responsive{-webkit-overflow-scrolling:touch}
.nav-pills{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.nav-pills .nav-link{flex:0 0 auto}

/* Yönetim paneli */
.ey-admin{background:var(--ey-g1);padding-bottom:0}
.ey-adminbar{background:var(--ey-navy);border-bottom:3px solid var(--ey-yellow)}
.ey-adminbar .navbar-brand{color:var(--ey-yellow)}
.ey-adminbar .navbar-brand small{color:#fff;font-weight:400;opacity:.85}
.ey-adminbar .nav-link{color:#fff}
.ey-adminbar .nav-link:hover{color:var(--ey-yellow-soft)}
.ey-adminbar .nav-link.active{color:var(--ey-yellow);font-weight:700}
.ey-adminbar .btn-outline-light{--bs-btn-color:#fff;--bs-btn-border-color:#136c99;--bs-btn-hover-color:#004c75;--bs-btn-hover-bg:#fcdc43;--bs-btn-hover-border-color:#fcdc43}
.ey-adminbar .btn-light{--bs-btn-bg:#fcdc43;--bs-btn-border-color:#fcdc43;--bs-btn-color:#004c75;--bs-btn-hover-bg:#ffe673;--bs-btn-hover-border-color:#ffe673}
.ey-adminmain{max-width:1280px;margin:0 auto}
.ey-authbox{max-width:380px;margin:8vh auto;background:#fff;border:1px solid var(--ey-g4);border-top:5px solid var(--ey-navy);border-radius:10px;padding:26px}
.ey-stat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ey-g4);border-left-width:5px;border-radius:10px;padding:14px 16px;text-decoration:none;color:var(--ey-navy)}
.ey-stat b{font-size:var(--fs-h1);line-height:1.1}
.ey-stat span{color:var(--ey-muted);font-size:var(--fs-sm)}
.ey-stat-warning{border-left-color:var(--ey-yellow)}.ey-stat-success{border-left-color:var(--ey-green)}.ey-stat-danger{border-left-color:var(--ey-red)}.ey-stat-secondary{border-left-color:var(--ey-navy)}
.ey-formcol{max-width:760px}

/* Kart: hata bildir bağlantısı */
.ey-card-report{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:-6px -8px -6px 0;padding:0;border:0;border-radius:8px;background:none;color:var(--ey-navy);cursor:pointer}
.ey-card-report svg path:nth-child(2){fill:var(--ey-yellow)}
.ey-card-report:hover{background:var(--ey-g1)}