/* assets/app.css v30 */

:root{

  /* Daha açık (gri / açık sarı / açık mavi) tema */
  --tm-bg1:#eef2f7;
  --tm-bg2:#e7f1fb;
  --tm-card: rgba(255,255,255,.92);
  --tm-card2: rgba(255,255,255,.96);
  --tm-border: rgba(15,23,42,.10);
  --tm-text: #0f172a;
  --tm-muted: rgba(15,23,42,.65);
  --tm-shadow: 0 10px 26px rgba(15,23,42,.10);
  --tm-accent: rgba(59,130,246,1);
  --tm-accent-soft: rgba(59,130,246,.12);
  --tm-amber-soft: rgba(245,158,11,.14);

}


body{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }



.tm-bg{.

  min-height:100vh;

  background:

    radial-gradient(900px 520px at 15% 0%, rgba(59,130,246,.22), transparent 60%),

    radial-gradient(900px 520px at 90% 10%, rgba(245,158,11,.18), transparent 60%),

    linear-gradient(180deg, var(--tm-bg1), var(--tm-bg2));

}



.tm-navbar{

  position: sticky; top:0; z-index: 1000;

  backdrop-filter: blur(14px);

  background: rgba(255,255,255,.70);

  border-bottom: 1px solid rgba(15,23,42,.10);

}

.tm-brand{ display:flex; flex-direction:column; gap:2px; align-items:flex-start; font-weight:900; color: var(--tm-text) !important; text-decoration:none; }

.tm-logo{
  width:44px;height:44px;border-radius:14px; display:grid;place-items:center;
  background: rgba(15,23,42,.04); border:1px solid rgba(15,23,42,.10);
}

/* Index görselindeki yatay logo */
.tm-logo-img{ height:50px; width:auto; display:block; object-fit:contain; }

.tm-brand-tagline{ font-size: 11px; opacity: .70; font-weight: 800; margin-left: 46px; margin-top: -12px; }



.tm-card{ border-radius: 18px; background: var(--tm-card); border: 1px solid rgba(15,23,42,.10); box-shadow: var(--tm-shadow); overflow:hidden; }



.tm-map-card{ background: var(--tm-card2); position: relative; }

.tm-map-topbar{

  display:flex; align-items:center; justify-content:space-between; gap:10px;

  padding:12px; color: var(--tm-text); background: rgba(255,255,255,.55);

  border-bottom: 1px solid rgba(15,23,42,.10);

}

.tm-map-stats{ display:flex; align-items:center; gap:10px; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.tm-dot{ opacity:.5; }

.tm-map{ height: calc(100vh - 210px); min-height: 520px; }

.tm-map-foot{

  display:flex; gap:14px; flex-wrap:wrap;

  padding:10px 12px; background: rgba(255,255,255,.55);

  border-top: 1px solid rgba(15,23,42,.10);

  color: rgba(15,23,42,.72); font-size:12px;

}



.tm-side{ background: var(--tm-card2); border: 1px solid var(--tm-border); }

.tm-side-head{ padding:14px 14px 10px; display:flex; justify-content:space-between; align-items:flex-start; gap:10px; border-bottom: 1px solid var(--tm-border); }

.tm-title{ font-weight:900; font-size:16px; color: var(--tm-text); }

.tm-sub{ color: var(--tm-muted); font-size:12px; }



.tm-side-filters{ padding:12px 14px; border-bottom: 1px solid var(--tm-border); }

.tm-side-filters .input-group{ background:#fff; border:1px solid var(--tm-border); border-radius: 14px; overflow:hidden; }

.tm-side-filters .form-control:focus{ box-shadow:none; }



.tm-side-list{
  padding:12px 14px;
  height: calc(100vh - 430px);
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:12px; /* kartlar dip dibe olmasın */
}

.tm-side-foot{ padding:10px 14px; border-top: 1px solid var(--tm-border); font-size:12px; }



.tm-muted{ color: var(--tm-muted); }

.tm-kpi{ font-weight:900; font-size:16px; color: var(--tm-text); }



.tm-pill{ display:flex; align-items:center; gap:8px; padding:6px 10px; border-radius: 999px; background: rgba(15,23,42,.04); border: 1px solid rgba(15,23,42,.10); font-size:12px; }



.tm-btn{

  border-radius: 999px; padding: 9px 12px;

  border: 1px solid rgba(15,23,42,.12);

  background: rgba(15,23,42,.04); color: var(--tm-text);

}

.tm-btn:hover{background: rgba(37,99,235,1); color: #fff !important;}

.tm-btn-sm{ padding:6px 10px; font-size:12px; }

.tm-btn-ghost{ background: rgba(0,0,0,.00); }

.tm-btn-primary{ background: var(--tm-accent); border-color: var(--tm-accent); color:#fff; }

.tm-btn-primary:hover{ background: rgba(37,99,235,1); color:#fff; }



.tm-badge{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius: 999px; background:#fff; border:1px solid var(--tm-border); font-size:12px; color: var(--tm-text); }

.tm-spinner{ width:10px;height:10px;border-radius:50%; border:2px solid rgba(37,99,235,.25); border-top-color: rgba(37,99,235,1); animation: tmspin .8s linear infinite; }

@keyframes tmspin{ to{ transform:rotate(360deg);} }



.tm-item{ border:1px solid var(--tm-border); border-radius:16px; padding:10px 12px; background:#fff; transition: transform .08s ease, box-shadow .08s ease; cursor:pointer; }

.tm-item:hover{ transform: translateY(-1px); box-shadow: 0 8px 18px rgba(0,0,0,.08); }

.tm-item-title{ font-weight:900; color: var(--tm-text); }

.tm-item-sub{ color: var(--tm-muted); font-size:12px; }

.tm-item-meta{ font-size:12px; margin-top:8px; color: rgba(15,23,42,.75); display:flex; gap:10px; flex-wrap:wrap; }

/* Yeni pil (liste kartları) */
.tm-pill{ display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius: 999px; border:1px solid rgba(15,23,42,.10); background: rgba(15,23,42,.03); font-size:12px; font-weight:800; color: rgba(15,23,42,.85); text-decoration:none; }
.tm-pill-link{ background: rgba(59,130,246,.06); border-color: rgba(59,130,246,.28); color: rgba(37,99,235,1); }
.tm-pill-link:hover{ background: rgba(59,130,246,.10); color: rgba(37,99,235,1); }

/* Eski tm-chip uyumluluk (diğer alanlarda kullanılıyor olabilir) */
.tm-chip{ display:inline-flex; align-items:center; gap:6px; padding:4px 8px; border-radius: 999px; border:1px solid var(--tm-border); background: rgba(15,23,42,.03); font-size:12px; }

/* Açık/Kapalı rozetleri (butonumsu) */
.tm-status-pill{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  border: 1px solid rgba(15,23,42,.10);
}
.tm-status-pill.is-open{ background: rgba(34,197,94,.16); border-color: rgba(34,197,94,.30); color: rgba(22,101,52,1); }
.tm-status-pill.is-closed{ background: rgba(239,68,68,.14); border-color: rgba(239,68,68,.30); color: rgba(153,27,27,1); }

/* Sponsor premium rozet */
.tm-sponsor-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:5px 12px;
  border-radius: 999px;
  font-weight: 950;
  font-size: 12px;
  color: rgba(120,53,15,1);
  border: 1px solid rgba(245,158,11,.35);
  background: linear-gradient(180deg, rgba(255,237,213,1), rgba(254,215,170,1));
  box-shadow: 0 10px 22px rgba(245,158,11,.16);
}

/* En yakın servis toast (görseldeki gibi konuşma balonu) */
.tm-nearest-toast{
  position:absolute;
  transform: translateX(-50%);
  padding: 10px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 16px 40px rgba(15,23,42,.14);
  color: rgba(15,23,42,.92);
  font-weight: 900;
  font-size: 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  z-index: 800;
  pointer-events: auto;
}
.tm-nearest-toast::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  transform: translateX(-50%);
  width:0;height:0;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:10px solid rgba(255,255,255,.96);
  filter: drop-shadow(0 6px 6px rgba(15,23,42,.10));
}
.tm-nearest-toast-inline{
  position: relative;
  transform:none;
  left:auto; top:auto;
  margin: 0 0 10px 0;
}
.tm-nearest-toast-inline::after{ left: 40px; transform:none; }
.tm-nearest-x{ border:0; background:transparent; font-size:18px; line-height:1; opacity:.55; cursor:pointer; }
.tm-nearest-x:hover{ opacity:.9; }

/* Shop modal chips */
.tm-day-chip.tm-today{
  border-color: rgba(37,99,235,.35);
  background: rgba(37,99,235,.10);
  box-shadow: 0 10px 22px rgba(37,99,235,.12);
  font-weight: 800;
}

button.tm-chip{ cursor:pointer; appearance:none; -webkit-appearance:none; }
button.tm-chip:hover{ background: rgba(15,23,42,.06); }

.tm-empty{ border:1px dashed var(--tm-border); border-radius:16px; padding:16px; background: rgba(15,23,42,.02); text-align:center; }

/* Empty state readability ("Kayıt bulunamadı") */
.tm-empty .tm-muted{ color: rgba(15,23,42,.75) !important; }

/* Shop modal: keep modal itself from getting too scroll-heavy; scroll only long review lists */
.tm-review-list{ max-height: 280px; overflow:auto; padding-right: 4px; }

.tm-review-card{ background: rgba(15,23,42,.03); border:1px solid rgba(15,23,42,.08); border-radius: 16px; padding: 10px; }



.tm-modal{ border-radius: 18px; border: 1px solid var(--tm-border);}
.tm-modal-need{border-radius: 18px; border:1px solid var(--tm-border); width: 700px !important; }

/* Make shop modal a bit wider on desktop to reduce vertical scrolling */
@media (min-width: 1200px){
  #shopModal .modal-dialog{ max-width: 1260px; }
}

.tm-callout{ border-radius: 14px; padding: 12px; background: rgba(37,99,235,.08); border: 1px solid rgba(37,99,235,.15); color: rgba(15,23,42,.85); }



.tm-need-grid{ display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:10px; }

.tm-need{ border:1px solid rgba(15,23,42,.10); background:#fff; border-radius:16px; padding:12px; display:flex; gap:10px; align-items:center; font-weight:900; }

.tm-need i{ font-size:18px; }

.tm-need:hover{ background: rgba(37,99,235,.06); border-color: rgba(37,99,235,.18); }

/* Favorites */
.tm-fav-list{ display:flex; flex-direction:column; gap:12px; }
.tm-fav-item{
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  border-radius: 18px;
  padding: 12px;
}

/* Sponsors */
.tm-sponsor{ padding: 12px 14px; border-bottom: 1px solid var(--tm-border); }
.tm-sponsor-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.tm-sponsor-title{ font-weight: 900; color: var(--tm-text); font-size: 13px; }
.tm-sponsor-list{ display:grid; gap:10px; }
.tm-sponsor-item{ border:1px solid rgba(15,23,42,.10); border-radius:16px; background:#fff; padding:10px; }

.tm-chip-soft{ background: var(--tm-amber-soft); border-color: rgba(245,158,11,.25); }

/* stacked modals */
.modal-backdrop.tm-stacked{ opacity: .22; }




.tm-msg-toolbar .input-group-text{ border-color: rgba(15,23,42,.12); }
.tm-msg-toolbar .form-control{ border-color: rgba(15,23,42,.12); box-shadow:none; }
.tm-msg-section{ margin-top: 8px; }
.tm-msg-card.is-active{ border-color: rgba(37,99,235,.18); box-shadow: 0 10px 24px rgba(15,23,42,.04); }
.tm-msg-card.is-archived{ background: linear-gradient(180deg, rgba(248,250,252,.95), rgba(255,255,255,.98)); }
.tm-chip--new-reply{ background:rgba(37,99,235,.10); border-color:rgba(37,99,235,.22); color:rgba(30,64,175,1); }
.tm-msg-accordion{ border:1px solid rgba(15,23,42,.08); border-radius:18px; overflow:hidden; background:#fff; }
.tm-msg-accordion .accordion-button{ background:#fff; box-shadow:none; font-weight:700; color:rgba(15,23,42,.86); }
.tm-msg-accordion .accordion-button:not(.collapsed){ background:rgba(37,99,235,.04); color:rgba(15,23,42,.94); }
.tm-msg-delete-confirm{ border:1px dashed rgba(239,68,68,.32); background:rgba(254,242,242,.78); border-radius:16px; padding:12px; }
.tm-msg-delete-confirm.is-busy{ opacity:.65; pointer-events:none; }
.tm-msg-delete-preview{ background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:12px; padding:10px; color:rgba(15,23,42,.82); }

.tm-toast{

  position: fixed; left: 50%; top: 45%;

  transform: translate(-50%, -50%);

  z-index: 2000;

  background: rgba(255,255,255,.95);

  border: 1px solid rgba(15,23,42,.12);

  box-shadow: 0 18px 40px rgba(0,0,0,.22);

  padding: 14px 16px; border-radius: 18px;

  min-width: 280px; text-align: center;

  font-weight: 900; color: rgba(15,23,42,.88);
  pointer-events: none;

}

@media (max-width: 991px){
  .tm-toast{
    top: 78px;
    transform: translate(-50%, 0);
  }
}



/* Leaflet popup modern */

.leaflet-popup-content-wrapper{
  border-radius: 18px !important;
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 18px 40px rgba(15,23,42,.16) !important;
  overflow: visible !important;
}

.leaflet-popup-tip{
  box-shadow: none !important;
}

.leaflet-popup-content{
  margin: 10px 10px 12px 10px !important;
    width: 350px !important
}

.tm-pop{
  width: 352px;
  max-width: calc(100vw - 52px);
  position: relative;
}

.tm-pop--compact{
  text-align: center;
}

.tm-pop-title{
  font-weight: 900;
  font-size: 15px;
  line-height: 1.2;
  color: var(--tm-text);
  margin-bottom: 6px;
}

.tm-pop-sub{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.35;
}

.tm-pop-sub--single{
  flex-wrap: nowrap;
}

.tm-pop-chips{
  margin-top: 14px;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.tm-pop-chip{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  border: 1px solid #d8dee8;
  background: #f3f4f6;
  color: #334155;
}

.tm-pop-chip i{
  font-size: 12px;
}

.tm-pop-chip--sponsor{
  border-color: #f3d3a0;
  background: #fff4e5;
  color: #b46111;
}

.tm-pop-chip--status,
.tm-pop-chip--distance{
  background: #f3f4f6;
  color: #334155;
}

.tm-pop-actions{
  margin-top: 14px;
  display: flex;
  gap: 8px;
}

.tm-pop-actions--stack{
  justify-content: stretch;
}

.tm-pop-btn{
  width: 100%;
  border: 1px solid #bfd4ff;
  background: #eef4ff;
  color: #0a6abf;
  padding: 11px 14px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: .18s ease;
}

.tm-pop-btn:hover{
  background: #e6f0ff;
  color: #085ea9;
}

@media (max-width: 575px){
  .tm-pop{
    width: 300px;
    max-width: calc(100vw - 44px);
  }

  .tm-pop-title{
    font-size: 14px;
  }

  .tm-pop-chip{
    padding: 7px 12px;
    font-size: 12px;
  }

  .tm-pop-btn{
    font-size: 13px;
    padding: 10px 12px;
  }
}

/* Mobile bottom sheet */

.tm-sheet-handle{ display:none; padding:10px 0 0; }

.tm-sheet-handle span{

  display:block; width:46px; height:5px; border-radius:999px;

  background: rgba(15,23,42,.20); margin: 0 auto;

}



@media (max-width: 991px){

  /* Mobilde: liste haritanın üstüne binmesin; haritanın ALTINDA aksın (sayfa scroll olsun). */
  .tm-map{ min-height: 360px; height: 54vh; }

  .tm-map-foot{ display:none; }



  #sidePanel{
    position: relative;
    left: auto; right: auto; bottom: auto;
    z-index: auto;
    max-height: none;
  }


  /* Bottom-sheet davranışı mobilde overlay yapıyordu; burada kapatıyoruz. */
  .tm-sheet-handle{ display:none; }
  #sidePanel.collapsed .tm-side-filters,
  #sidePanel.collapsed .tm-side-list,
  #sidePanel.collapsed .tm-side-foot{ display:block; }
  #sidePanel.collapsed{ max-height: none; }

  .tm-side-list{ height: auto; max-height: 55vh; overflow:auto; -webkit-overflow-scrolling: touch; }

}
/* shop modal */
.tm-photo{
  width:100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid var(--tm-border);
  background: rgba(15,23,42,.04);
}


/* ===== Search scope label ===== */
.tm-search-scope{
  margin-top:6px;
  font-size:12px;
  line-height:1.2;
  color: var(--tm-muted);
}
.tm-search-scope .tm-scope-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid var(--tm-border);
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(6px);
}
.tm-search-scope .tm-scope-dot{
  width:8px; height:8px; border-radius:50%;
  background: rgba(59,130,246,1);
  box-shadow: 0 0 0 3px rgba(59,130,246,.15);
}
.tm-search-scope.is-city .tm-scope-dot{ background: rgba(245,158,11,1); box-shadow:0 0 0 3px rgba(245,158,11,.18); }
.tm-search-scope.is-country .tm-scope-dot{ background: rgba(148,163,184,1); box-shadow:0 0 0 3px rgba(148,163,184,.18); }

/* ===== Premium sponsor chip ===== */
.tm-sponsor-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  color:#3a2a00;
  border:1px solid rgba(245,158,11,.45);
  background: linear-gradient(180deg, rgba(255,247,205,.95), rgba(245,158,11,.20));
  box-shadow: 0 8px 18px rgba(245,158,11,.18);
  position: relative;
  overflow:hidden;
  font-weight:700;
}
.tm-sponsor-chip i{ font-size:14px; }
.tm-sponsor-chip:after{
  content:"";
  position:absolute;
  top:-40%;
  left:-30%;
  width:60%;
  height:180%;
  transform: rotate(20deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);
  animation: tmShine 3.4s ease-in-out infinite;
}
@keyframes tmShine{
  0%{ transform: translateX(-60%) rotate(20deg); opacity:.0;}
  15%{ opacity:.35;}
  35%{ transform: translateX(220%) rotate(20deg); opacity:.0;}
  100%{ transform: translateX(220%) rotate(20deg); opacity:.0;}
}

/* ===== Premium sponsor map pin ===== */
.leaflet-marker-icon.tm-sponsor-pin{
  filter: drop-shadow(0 10px 18px rgba(245,158,11,.35)) drop-shadow(0 0 10px rgba(245,158,11,.22));
}


/* Side panel title count */
.tm-title-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 28px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  margin-left: 8px;
  font-size: 12px;
  font-weight: 900;
  color: rgba(37,99,235,1);
  background: rgba(37,99,235,.10);
  border: 1px solid rgba(37,99,235,.18);
}

/* Sponsor premium list card */
.tm-item--sponsor{
  border-color: rgba(245,158,11,.30);
  background:
    linear-gradient(180deg, rgba(255,247,237,1), #ffffff 55%);
  box-shadow: 0 12px 26px rgba(245,158,11,.12), 0 10px 26px rgba(15,23,42,.06);
}
.tm-item--sponsor::before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:100%;
  height: 5px;
  background: linear-gradient(90deg, rgba(245,158,11,1), rgba(59,130,246,1));
}
.tm-item{ position: relative; }
.tm-item-ribbon{
  position:absolute;
  right: 10px;
  top: 10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 950;
  font-size: 12px;
  color: rgba(120,53,15,1);
  border: 1px solid rgba(245,158,11,.35);
  background: linear-gradient(180deg, rgba(255,237,213,1), rgba(254,215,170,1));
}

/* List action row */
.tm-item-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top: 10px;
}
.tm-pill-action{ cursor:pointer; }


/* ===== MotoNokta Fullscreen Map + Offcanvas List (v1) ===== */
.mn-fullscreen{ padding:0 !important; margin:0 !important; }
#mnMapWrap{
  position: relative;
  width: 100%;
  height: calc(100vh - 72px); /* navbar sticky height approx */
  min-height: 420px;
}
#mnMapWrap #map{
  position:absolute;
  inset:0;
  border-radius: 0 !important;
}
#mnListToggleBtn{
  position:absolute;
  top: 12px;
  right: 12px;
  z-index: 1030;
  border-radius: 14px;
  padding: 10px 12px;
  backdrop-filter: blur(10px);
}
.mn-hidden-ui{
  position:absolute;
  width:1px;height:1px;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
}
.offcanvas .tm-side-list{ height:auto; }
/* ===== Shop modal: mini map preview ===== */
.tm-mini-map{
  width: 100%;
  height: 180px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(15,23,42,.03);
}
.tm-mini-map .leaflet-container{
  width: 100%;
  height: 100%;
}

/* ===== Shop modal: photo grid button ===== */
.tm-photo-link{
  border: 0;
  padding: 0;
  width: 100%;
  background: transparent;
  border-radius: 14px;
}
.tm-photo-link:focus{ outline: none; }
.tm-photo-link:hover .tm-photo{
  transform: scale(1.01);
  transition: transform .12s ease;
}

/* ===== Lightbox ===== */
.tm-lightbox .modal-body{ overflow: hidden; }
.tm-lightbox-stage{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56vh;
  background: rgba(15,23,42,.95);
}
.tm-lightbox-img{
  width: 100%;
  max-height: 82vh;
  object-fit: contain;
  display: block;
}
.tm-lightbox-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.12);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.tm-lightbox-nav:disabled{ opacity: .35; cursor: default; }
.tm-lightbox-nav.tm-prev{ left: 12px; }
.tm-lightbox-nav.tm-next{ right: 12px; }
.tm-lightbox-nav i{ font-size: 22px; line-height: 1; }
/* ===== Shop modal: Contact action list (premium) ===== */
.tm-action-list{
  display: grid;
  gap: 10px;
}
.tm-action-item{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 16px;
  text-decoration: none;
  color: inherit;
  background: rgba(255,255,255,.55);
}
.tm-action-item:hover{
  background: rgba(15,23,42,.03);
}
.tm-action-ico{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15,23,42,.06);
  color: rgba(15,23,42,.85);
  flex: 0 0 auto;
}
.tm-action-ico.tm-wa{
  background: rgba(34,197,94,.12);
  color: rgba(22,163,74,1);
}
.tm-action-txt{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.tm-action-title{ font-weight: 900; }
.tm-action-sub{
  font-size: .85rem;
  color: rgba(15,23,42,.65);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tm-action-item .bi-chevron-right{ opacity: .55; }

/* ===== Shop modal: Address card ===== */
.tm-address-card{
  padding: 12px 14px;
  border: 1px dashed rgba(15,23,42,.18);
  border-radius: 16px;
  background: rgba(15,23,42,.02);
}

/* ===== Shop modal: Social buttons (Instagram / Facebook / TikTok) ===== */
.tm-social-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top: 6px;
}
.tm-social-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.10);
  text-decoration:none;
  color: inherit;
  background: rgba(255,255,255,.55);
  font-weight: 800;
  font-size: .92rem;
}
.tm-social-btn:hover{ background: rgba(15,23,42,.03); }
.tm-social-btn i{ font-size: 1.1rem; }
.tm-social-btn.ig i{ color: #c13584; }
.tm-social-btn.fb i{ color: #1877f2; }
.tm-social-btn.tt i{ color: rgba(15,23,42,.92); }


/* ============================
   MAP RIGHT-CLICK NEED MENU
   Mini "need" list overlay on Leaflet map
============================ */
.tm-needctx{
  position: absolute;
  z-index: 1200;
  max-width: calc(100% - 20px);
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 18px 40px rgba(15,23,42,.18);
    background-color: aliceblue;
  padding: 10px;
  backdrop-filter: blur(10px);
}
.tm-needctx-head{
  font-weight: 700;
  font-size: 15px;
  color: rgba(15,23,42,.86);
  padding: 2px 6px 8px;
  text-align: center;
}
.tm-needctx-list{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.tm-needctx-item{
  appearance: none;
  -webkit-appearance: none;
  min-width: 0;
  width: 100%;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.10);
  background: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  font-weight: 700;
  color: rgba(15,23,42,.90);
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.tm-needctx-item:hover{
  background: rgba(37,99,235,.06);
  border-color: rgba(37,99,235,.18);
  box-shadow: 0 8px 20px rgba(15,23,42,.08);
}
.tm-needctx-item:active{ transform: translateY(1px); }
.tm-needctx-item:focus-visible{
  outline: 0;
  border-color: #0d6efd;
  box-shadow: 0 0 0 3px rgba(37,99,235,.14);
}
.tm-needctx-ico{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #0d6efd;
  color: #0d6efd;
  flex: 0 0 auto;
}
.tm-needctx-ico i{ font-size: 16px; }
.tm-needctx-txt{
  font-size: 13px;
  line-height: 1.1;
  color: rgba(15,23,42,.90);
}

/* ============================
   NEED MODAL (Auth look)
   Minimal override — mevcut tema bozulmaz
============================ */
.tm-need-dialog{ max-width: 500px; justify-content: center;}
.tm-need-modal .modal-body{
  padding: 20px 20px 16px;
  text-align: center;
  position: relative;
    width: 700px;
}
.tm-need-close{ position:absolute; top:14px; right:14px; opacity:.45; }
.tm-need-close:hover{ opacity:.85; }

.tm-need-title{
  font-weight: 1000;
  font-size: 18px;
  color: var(--tm-text);
  margin-top: 2px;
}

.tm-need-grid--auth{ gap: 10px; }

.tm-need--auth{
  width: 100%;
  justify-content: flex-start;
  text-align: left;
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.70);
}

.tm-need-ico{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15,23,42,.06);
  border: 1px solid rgba(15,23,42,.10);
  color: rgba(15,23,42,.85);
  flex: 0 0 auto;
}
.tm-need-ico i{ font-size: 18px; }

.tm-need-txt{
  font-weight: 900;
  color: rgba(15,23,42,.90);
  line-height: 1.15;
}

@media (max-width: 420px){
  .tm-need-modal .modal-body{ padding: 18px 16px 14px; }
}

/* ============================
   AUTH MODAL (login/register/forgot)
   UI matches provided mock
============================ */
.tm-auth-dialog{ max-width: 500px; justify-content: center;}
.tm-auth-modal{ position: relative; }
.tm-auth-modal .modal-body{ padding: 20px 20px 18px; text-align: center; }
.tm-auth-close{ position:absolute; top:14px; right:14px; opacity:.45; }
.tm-auth-close:hover{ opacity:.85; }

.tm-auth-brand{ text-align:center; margin-bottom: 10px; }
.tm-auth-logo{ height: 65px; width: auto; display:block; }
.tm-auth-logo-fallback{
  width:44px; height:44px; border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(37,99,235,.10);
  color: rgb(37,99,235);
  border: 1px solid rgba(37,99,235,.18);
}
.tm-auth-note{ font-size: 12.5px; color: rgba(15,23,42,.62); margin: 2px 0 8px; font-weight: 700; }

.tm-auth-pills{ display:flex; gap:10px; justify-content:center; margin: 10px 0 14px; }
.tm-auth-pill{
  border-radius: 999px;
  border: 1.5px solid rgba(15,23,42,.16);
  background: #fff;
  padding: 8px 14px;
  font-weight: 900;
  font-size: 13px;
  display:flex; align-items:center; gap:8px;
  cursor:pointer;
}
.tm-auth-pill i{ font-size: 15px; line-height:1; }
.tm-pill-primary{ border-color: rgba(37,99,235,.55); color: rgb(37,99,235); }
.tm-pill-dark{ border-color: rgba(15,23,42,.22); color: rgba(15,23,42,.72); }
.tm-auth-pill.is-active{
  background: rgb(37,99,235);
  border-color: rgb(37,99,235);
  color: #fff;
  box-shadow: 0 16px 30px rgba(37,99,235,.22);
}

.tm-auth-form{ margin-top: 4px; }
.tm-auth-group{ margin: 10px 0; }
.tm-auth-label{ display:block; font-weight: 800; font-size: 13px; color: rgba(15,23,42,.70); margin-bottom: 6px; text-align: left !important;}

.tm-auth-field{
  display:flex;
  align-items:center;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  height: 46px;
  padding-right: 6px;
}
.tm-auth-ico{
  width: 46px;
  height: 46px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(15,23,42,.04);
  border-right: 1px solid rgba(15,23,42,.10);
  color: rgba(15,23,42,.70);
}
.tm-auth-input{
  border: 0;
  outline: none;
  box-shadow: none;
  flex: 1;
  height: 44px;
  padding: 0 12px;
  font-weight: 300;
  font-size: 15px;
  background: transparent;
}
.tm-auth-input::placeholder{ color: rgba(15,23,42,.35); font-weight: 700; }
.tm-auth-more{
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #ef4444;
  color: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 1000;
  font-size: 12px;
  letter-spacing: 1px;
  user-select:none;
}

.tm-auth-primary{
  display:block;
  margin: 16px auto 0;
  width: 72%;
  max-width: 280px;
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 500;
  border: 0;
  box-shadow: 0 18px 30px rgba(37,99,235,.22);
}
.tm-auth-primary i{ margin-right: 8px; }

.tm-auth-secondary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top: 16px;
  width: 100%;
  border: 1.5px solid rgba(15,23,42,.55);
  background: #fff;
  color: rgba(15,23,42,.86);
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 500;
  text-decoration: none;
}
.tm-auth-secondary:hover{ background: rgba(15,23,42,.03); color: rgba(15,23,42,.92); }

.tm-auth-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 0 0;
  font-weight: 300;
  color: rgb(37,99,235);
  text-decoration: none;
}
.tm-auth-back:hover{ text-decoration: underline; }

.tm-auth-footer{
  margin-top: 14px;
  text-align:center;
  color: rgba(15,23,42,.50);
  font-weight: 700;
  font-size: 12px;
}

@media (max-width: 420px){
  .tm-auth-modal .modal-body{ padding: 18px 16px 16px; }
  .tm-auth-primary{ width: 78%; }
}

/* ============================
   MAP RIGHT-CLICK NEED MENU (Responsive tweaks)
============================ */
.tm-needctx{ max-height: 60vh; overflow:auto; width: 600px; }
@media (max-width: 520px){
  .tm-needctx{ width: min(92vw, 320px); max-width: 92vw; padding: 10px; }
  .tm-needctx-list{ gap: 8px; }
  .tm-needctx-item{ padding: 9px; }
}


/* =============================
   MotoNokta: Bottom Bar Overlay
============================= */
.mn-bottom-bar{
  position:fixed;
  left:0; right:0; bottom:0;
  height:52px;
  z-index: 1035;
  background: rgba(255,255,255,.78);
  border-top: 1px solid rgba(15,23,42,.10);
  backdrop-filter: blur(12px);
}

/* premium action buttons */
.mn-bb-brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.mn-bb-dot{
  width:10px; height:10px;
  border-radius:999px;
  background: rgba(15,23,42,.35);
  box-shadow: 0 6px 18px rgba(15,23,42,.12);
}
.mn-bb-actions{
  flex: 1;
  min-width: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.mn-bb-action{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 16px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(15,23,42,.08);
  color: rgba(15,23,42,.88);
  text-decoration:none;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
}
.mn-bb-action i{ font-size: 16px; }
.mn-bb-label{ white-space: nowrap; }
.mn-bb-action:hover{
  background: rgba(15,23,42,.06);
  border-color: rgba(15,23,42,.12);
  color: rgba(15,23,42,.92);
}
.mn-bb-mini{
  display:flex;
  align-items:center;
  gap:10px;
  font-size: 12px;
}
.mn-bb-mini a{ color: rgba(15,23,42,.70); }
.mn-bb-mini a:hover{ color: rgba(15,23,42,.92); }

@media (max-width: 520px){
  .mn-bottom-bar .container-fluid{ padding-left: 8px !important; padding-right: 8px !important; }
  .mn-bb-actions{ justify-content: space-between; }
  .mn-bb-action{ flex:1; gap:6px; padding: 6px 8px; border-radius: 14px; font-size: 10px; }
  .mn-bb-action i{ font-size: 15px; }
}

/* home sayfasında (harita) alt bar yüksekliği kadar boşluk */
.has-bottom-bar .mn-fullscreen{ padding-bottom: 52px; }

/* =============================
   MotoNokta: Cookie Mini Bar
============================= */
.mn-cookiebar{
  position:fixed;
  left:0; right:0;
  bottom:0;
  z-index: 1040;
  padding: 10px 0;
}
.has-bottom-bar .mn-cookiebar{ bottom: 52px; }

.mn-cookiecard{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  padding: 12px 14px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 16px;
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 26px rgba(15,23,42,.10);
}
.mn-cookietext{ min-width: 0; }
.mn-cookieactions{ display:flex; gap:8px; flex-wrap:wrap; }

@media (max-width: 576px){
  .mn-cookiecard{ flex-direction: column; align-items: stretch; }
  .mn-cookieactions{ justify-content: flex-end; }
}

/* Dropdown menü genişliği */
.mn-menu-dd{ min-width: 260px; }


/* ================================
   v43 - Modern list cards & shop modal hero
================================ */
.tm-badge{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px;
  border:1px solid rgba(15,23,42,.10);
  background: rgba(15,23,42,.03);
  font-size:12px; font-weight:900;
  color: rgba(15,23,42,.85);
  white-space:nowrap;
}
.tm-badge i{ font-size: 12px; }

.tm-badge--sponsor{ background: rgba(245,158,11,.10); border-color: rgba(245,158,11,.28); color: rgba(146,64,14,1); }
.tm-badge--open{ background: rgba(16,185,129,.10); border-color: rgba(16,185,129,.25); color: rgba(4,120,87,1); }
.tm-badge--closed{ background: rgba(148,163,184,.12); border-color: rgba(148,163,184,.28); color: rgba(51,65,85,1); }
.tm-badge--rating{ background: rgba(250,204,21,.14); border-color: rgba(250,204,21,.28); color: rgba(113,63,18,1); }
.tm-badge--fav{ background: rgba(244,63,94,.10); border-color: rgba(244,63,94,.22); color: rgba(190,18,60,1); }
.tm-badge--muted{ opacity:.9; }

.tm-chip-sm{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  font-size:12px; font-weight:900;
  color: rgba(15,23,42,.85);
}
.tm-chip-sm i{ font-size:12px; }
.tm-muted{ color: rgba(15,23,42,.58); font-weight:500; }

/* Modern list item layout */
.tm-item{ padding:0; overflow:hidden; }
.tm-item-inner{ padding:12px 12px 10px 12px; }
.tm-item-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.tm-item-name{ font-weight: 1000; font-size: 14px; color: var(--tm-text); line-height: 1.2; }
.tm-item-badges{ display:flex; gap:6px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.tm-item-sub{ margin-top:6px; color: var(--tm-muted); font-size:12px; }
.tm-item-chips{ margin-top:10px; display:flex; gap:8px; flex-wrap:wrap; }

.tm-item-actions{ margin-top:12px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.tm-btn{
  display:inline-flex; align-items:center; gap:7px;
  padding:8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.95);
  font-size:13px; font-weight:600;
  text-decoration:none;
  color: rgba(15,23,42,.85);
}
.tm-btn:hover{ transform: translateY(-1px); box-shadow: 0 10px 20px rgba(15,23,42,.10); color: rgba(15,23,42,.9); }

.tm-btn--primary{
  border-color: rgba(37,99,235,.20);
  background: rgba(37,99,235,.10);
  color: rgba(37,99,235,1);
}
.tm-btn--ghost{
  background: rgba(15,23,42,.03);
}

.tm-icon-btn{
  width: 36px; height: 36px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.95);
  color: rgba(15,23,42,.85);
  text-decoration:none;
}
.tm-icon-btn:hover{ transform: translateY(-1px); box-shadow: 0 10px 20px rgba(15,23,42,.10); color: rgba(15,23,42,.9); }

.tm-item--focus{
  border-color: rgba(37,99,235,.35) !important;
  box-shadow: 0 18px 38px rgba(37,99,235,.16) !important;
}

/* Shop modal hero */
.tm-soft-card{
  background: var(--tm-card);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 20px;
  box-shadow: 0 10px 28px rgba(15,23,42,.08);
}
.tm-shop-hero{
  border-radius: 22px;
  border: 1px solid rgba(15,23,42,.10);
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(231,241,251,.75));
  padding: 14px;
}
.tm-shop-hero-badges{ display:flex; flex-wrap:wrap; gap:8px; }
.tm-shop-hero-loc{ margin-top:10px; font-weight:900; color: rgba(15,23,42,.78); display:flex; align-items:center; gap:6px; }
.tm-shop-hero-desc{ margin-top:10px; color: rgba(15,23,42,.78); font-size: 13px; line-height: 1.4; }
.tm-shop-hero-actions{ margin-top:12px; display:flex; flex-wrap:wrap; gap:8px; }

.tm-hero-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.92);
  font-weight: 900;
  font-size: 13px;
  text-decoration: none;
  color: rgba(15,23,42,.85);
}
.tm-hero-btn:hover{ transform: translateY(-1px); box-shadow: 0 14px 26px rgba(15,23,42,.12); color: rgba(15,23,42,.9); }
.tm-hero-btn--ghost{ background: rgba(15,23,42,.03); }
.tm-hero-btn--primary{ background: rgba(37,99,235,.10); border-color: rgba(37,99,235,.20); color: rgba(37,99,235,1); }
.tm-hero-btn--wa{ background: rgba(34,197,94,.10); border-color: rgba(34,197,94,.22); color: rgba(22,163,74,1); }
.tm-hero-btn--wa:hover{ color: rgba(22,163,74,1); }

@media (max-width: 420px){
  .tm-hero-btn{ padding: 9px 12px; font-size: 12px; }
  .tm-item-name{ font-size: 13px; }
}


.tm-btn-has-badge{ position:relative; }
.tm-btn-badge{ position:absolute; top:-6px; right:-4px; min-width:20px; height:20px; padding:0 6px; border-radius:999px; display:grid; place-items:center; background:#dc2626; color:#fff; font-size:11px; font-weight:900; box-shadow:0 6px 14px rgba(220,38,38,.28); }