/* MINA — geri donen ziyaretci: hos geldin karti ve "Son baktiklarin" seridi.
   Degiskenler shell.css'ten gelir; mevcut seciciler degistirilmez.          */

/* ——— hos geldin karti (baslik altinda cam kart) ——— */
.mina-welcome {
  position: sticky; top: calc(var(--mina-header-h) + 8px); z-index: 60;
  margin: 10px max(14px, env(safe-area-inset-left)) 0 max(14px, env(safe-area-inset-right));
  padding: 12px 14px;
  display: flex; align-items: center; gap: 12px;
  background: var(--mina-glass-strong);
  backdrop-filter: saturate(180%) blur(22px);
  -webkit-backdrop-filter: saturate(180%) blur(22px);
  border: 1px solid var(--mina-hairline-strong);
  border-radius: var(--mina-r-l);
  box-shadow: var(--mina-shadow-m);
  font: 400 15px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--mina-ink);
  animation: mina-welcome-in .42s var(--mina-spring) both;
}
@keyframes mina-welcome-in { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }

.mina-welcome-text { flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mina-welcome-text strong { font-size: 15px; font-weight: 650; letter-spacing: -.01em; }
.mina-welcome-text small { color: var(--mina-ink-soft); font-size: 12px; }

.mina-welcome-go {
  flex: 0 0 auto; min-height: 42px; padding: 0 16px;
  border: 0; border-radius: var(--mina-r-m);
  background: var(--mina-ink); color: #fff;
  font: 650 13px/1 system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: .01em; cursor: pointer;
}
.mina-welcome-go:hover { background: var(--mina-accent); }

.mina-welcome-close {
  flex: 0 0 auto; width: 36px; height: 36px;
  border: 1px solid var(--mina-hairline); border-radius: 50%;
  background: rgba(255, 255, 255, .6); color: var(--mina-ink-soft);
  font-size: 21px; line-height: 1; cursor: pointer;
}
.mina-welcome-close:hover { color: var(--mina-ink); }

@media (max-width: 560px) {
  .mina-welcome { flex-wrap: wrap; padding: 12px; }
  .mina-welcome-text { flex-basis: calc(100% - 48px); }
  .mina-welcome-go { flex: 1 1 100%; }
  .mina-welcome-close { order: 2; }
}

/* ——— son baktiklarin seridi ——— */
.mina-recent[hidden] { display: none; }
.mina-recent {
  margin: 0 auto; padding: 28px 7% 0; max-width: 1500px;
  font: 400 15px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--mina-ink);
}
.mina-recent-head { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.mina-recent-head h2 {
  margin: 0; font: 500 clamp(20px, 2.4vw, 28px)/1.2 'Playfair Display', Georgia, serif;
  letter-spacing: -.02em;
}
.mina-recent-head small { color: var(--mina-ink-faint); font-size: 12px; }

.mina-recent-row {
  display: flex; gap: 12px; overflow-x: auto;
  padding: 2px 2px 14px;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.mina-recent-card {
  flex: 0 0 auto; width: 150px;
  display: flex; flex-direction: column; gap: 8px;
  scroll-snap-align: start;
  text-decoration: none; color: inherit;
  border-radius: var(--mina-r-m);
}
.mina-recent-card:hover .mina-recent-photo { box-shadow: var(--mina-shadow-m); }
.mina-recent-photo {
  position: relative; display: block; overflow: hidden;
  border-radius: var(--mina-r-m); background: #ede3d8;
  box-shadow: var(--mina-shadow-s);
  transition: box-shadow .2s var(--mina-ease);
}
.mina-recent-photo img { display: block; width: 100%; height: 150px; object-fit: cover; }
.mina-recent-tag {
  position: absolute; left: 7px; bottom: 7px;
  padding: 5px 8px; border-radius: 999px;
  background: var(--mina-glass-strong);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--mina-hairline);
  font-size: 10px; font-weight: 650; letter-spacing: .01em; color: var(--mina-accent);
}
.mina-recent-body { display: flex; flex-direction: column; gap: 3px; }
.mina-recent-body b {
  font-size: 13px; font-weight: 600; line-height: 1.3;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.mina-recent-body i { font-style: normal; font-size: 13px; font-weight: 650; color: var(--mina-accent); }
.mina-recent-body i.mina-recent-out { color: var(--mina-ink-faint); font-weight: 500; }

@media (max-width: 620px) {
  .mina-recent { padding: 22px 12px 0; }
  .mina-recent-card { width: 128px; }
  .mina-recent-photo img { height: 128px; }
}

/* ——— menu: gecmisimi temizle ——— */
.mina-menu-clear.is-armed { color: #8d385d; }
.mina-menu-clear.is-armed .mina-menu-ico { color: #8d385d; }
.mina-menu-clear.is-done { opacity: .6; }

@media (prefers-reduced-motion: reduce) {
  .mina-welcome { animation: none; }
  .mina-recent-photo { transition: none; }
}

/* Compact translucent return notice, 2026-10-25. */
html body .mina-welcome {
  padding:12px 64px 12px 14px!important;
  background:rgba(255,250,245,.78)!important;
  backdrop-filter:saturate(130%) blur(16px)!important;
  -webkit-backdrop-filter:saturate(130%) blur(16px)!important;
}
html body .mina-welcome-close {
  position:absolute!important; top:6px!important; right:6px!important;
  width:44px!important; height:44px!important; min-height:44px!important;
  padding:0!important; margin:0!important; order:0!important;
  display:grid!important; place-items:center!important;
  background:rgba(255,255,255,.48)!important; color:#514451!important;
}
html body .mina-welcome-close:focus-visible {
  outline:2px solid #754599; outline-offset:2px;
}
@media(max-width:560px) {
 html body .mina-welcome {gap:8px!important; padding:12px!important;}
 html body .mina-welcome-text {flex:1 1 100%!important; padding-right:44px!important; box-sizing:border-box;}
 html body .mina-welcome-go {flex:1 1 100%!important; min-height:42px!important;}
}

