/*
 * Tailwind dışında kalan küçük özel stiller (kütüphane temaları, favori kalbi vb.)
 */

[x-cloak] { display: none !important; }

/* Başlık yazı tipi (tema ayarı: theme_heading_font) */
h1, h2, h3, .font-display { font-family: var(--font-heading); }
.admin-ui h1, .admin-ui h2, .admin-ui h3 { font-family: inherit; }

:root { color-scheme: light; }
.dark { color-scheme: dark; }

/* ---------- Kaydırma animasyonları (tür admin ayarından) ---------- */
.anim-on [data-animate] {
    opacity: 0;
    transition: opacity var(--anim-duration, 700ms) ease, transform var(--anim-duration, 700ms) cubic-bezier(.2, .7, .2, 1);
    transition-delay: var(--anim-delay, 0ms);
    will-change: opacity, transform;
}
.anim-fade-up [data-animate] { transform: translateY(28px); }
.anim-zoom    [data-animate] { transform: scale(.94); }
.anim-slide   [data-animate] { transform: translateX(-32px); }
.anim-on [data-animate].is-visible { opacity: 1; transform: none; }

/* WhatsApp nabız efekti (animasyonlar açıkken) */
.anim-on .wa-pulse { animation: wa-pulse 2.4s ease-out infinite; box-shadow: 0 0 0 0 rgba(37, 211, 102, .55); }
@keyframes wa-pulse { 70% { box-shadow: 0 0 0 16px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }

/* Mobil alt menü açıkken sabit butonları menünün üstüne taşı */
@media (max-width: 1023.98px) {
    .has-bottom-nav .floating-stack { bottom: calc(5.5rem + env(safe-area-inset-bottom)); }
}

/* Favori kalbi: aktifken içi dolu */
.favorite-btn[data-active="true"] { color: #f43f5e; }
.favorite-btn[data-active="true"] svg { fill: currentColor; }
.favorite-btn svg { transition: transform .2s ease; }
.favorite-btn:active svg { transform: scale(.85); }

/* ---------- Flatpickr ---------- */
.flatpickr-calendar {
    border-radius: 1rem;
    border: 0;
    box-shadow: 0 10px 40px -12px rgba(15, 23, 42, .25);
    font-family: inherit;
    padding: 6px;
    width: auto !important;
}
.flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after { display: none; }
.flatpickr-months .flatpickr-month { height: 44px; }
.flatpickr-current-month { font-size: 1rem; font-weight: 700; }
.flatpickr-day { border-radius: 999px; font-weight: 500; }
.flatpickr-day.today { border-color: rgb(var(--brand-500)); }
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange,
.flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover {
    background: rgb(var(--brand-700)); border-color: rgb(var(--brand-700)); color: #fff;
}
.flatpickr-day.inRange { background: rgb(var(--brand-100)); border-color: rgb(var(--brand-100)); box-shadow: -5px 0 0 rgb(var(--brand-100)), 5px 0 0 rgb(var(--brand-100)); color: rgb(var(--brand-900)); }
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { color: #cbd5e1; text-decoration: line-through; }

.dark .flatpickr-calendar { background: #0f172a; box-shadow: 0 10px 40px -12px rgba(0, 0, 0, .7); }
.dark .flatpickr-months .flatpickr-month,
.dark .flatpickr-current-month .flatpickr-monthDropdown-months,
.dark .flatpickr-weekday,
.dark span.flatpickr-weekday { background: transparent; color: #e2e8f0; fill: #e2e8f0; }
.dark .flatpickr-months .flatpickr-prev-month svg, .dark .flatpickr-months .flatpickr-next-month svg { fill: #e2e8f0; }
.dark .flatpickr-day { color: #e2e8f0; }
.dark .flatpickr-day:hover { background: rgba(255, 255, 255, .08); border-color: transparent; }
.dark .flatpickr-day.prevMonthDay, .dark .flatpickr-day.nextMonthDay { color: #475569; }
.dark .flatpickr-day.inRange { background: rgb(var(--brand-500) / .18); border-color: transparent; box-shadow: -5px 0 0 rgb(var(--brand-500) / .18), 5px 0 0 rgb(var(--brand-500) / .18); color: #fff; }
.dark .flatpickr-day.flatpickr-disabled { color: #334155; }

/* ---------- Swiper ---------- */
.swiper-pagination-bullet { background: #94a3b8; opacity: .5; transition: all .3s; }
.swiper-pagination-bullet-active { background: rgb(var(--brand-700)); opacity: 1; width: 22px; border-radius: 999px; }

/* ---------- SweetAlert2 ---------- */
.swal2-popup { border-radius: 1.25rem !important; font-family: inherit !important; }
.dark .swal2-popup { background: #0f172a !important; color: #e2e8f0 !important; }
.dark .swal2-title, .dark .swal2-html-container { color: #e2e8f0 !important; }
.vk-toast { box-shadow: 0 10px 30px -10px rgba(15, 23, 42, .3) !important; }

/* Hareket hassasiyeti olan kullanıcılar */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* ---------- Zengin metin (sayfa / blog içeriği) ---------- */
.prose-content { line-height: 1.8; color: rgb(71 85 105); }
.dark .prose-content { color: rgb(203 213 225); }
.prose-content > * + * { margin-top: 1.1em; }
.prose-content h2 { font-size: 1.5rem; font-weight: 800; color: rgb(15 23 42); margin-top: 2em; letter-spacing: -.01em; }
.prose-content h3 { font-size: 1.2rem; font-weight: 700; color: rgb(15 23 42); margin-top: 1.6em; }
.dark .prose-content h2, .dark .prose-content h3 { color: #fff; }
.prose-content a { color: rgb(var(--brand-700)); text-decoration: underline; text-underline-offset: 3px; }
.dark .prose-content a { color: rgb(var(--brand-300)); }
.prose-content ul { list-style: disc; padding-left: 1.4em; }
.prose-content ol { list-style: decimal; padding-left: 1.4em; }
.prose-content blockquote { border-left: 4px solid rgb(var(--brand-500)); padding-left: 1em; font-style: italic; }
.prose-content img { border-radius: 1rem; }

/* ---------- Admin anahtarları ([data-toggle-url]) ---------- */
.toggle-switch { background: rgb(226 232 240); }
.dark .toggle-switch { background: rgb(255 255 255 / .1); }
.toggle-switch[data-active="true"] { background: rgb(var(--brand-600)); }
.toggle-switch[data-active="true"] .toggle-knob { transform: translateX(1.25rem); }

/* ---------- Harita: fiyat pinleri ve açılır kart ---------- */
.price-pin span {
    display: inline-block; transform: translate(-50%, -50%); white-space: nowrap;
    background: #fff; color: #0f172a; font: 700 12px/1 inherit; padding: 7px 10px; border-radius: 999px;
    box-shadow: 0 4px 14px -4px rgba(15, 23, 42, .35); border: 1px solid rgba(15, 23, 42, .08);
}
.price-pin:hover span { background: rgb(var(--brand-600)); color: #fff; }
.leaflet-popup-content-wrapper { border-radius: 16px; padding: 0; overflow: hidden; }
.leaflet-popup-content { margin: 0; }
.pin-card { display: block; color: inherit !important; text-decoration: none; }
.pin-card img { width: 100%; height: 120px; object-fit: cover; display: block; }
.pin-card strong { display: block; padding: 10px 12px 0; font-size: 14px; }
.pin-card span { display: block; padding: 2px 12px 12px; color: #475569; font-size: 13px; }
.leaflet-container { font-family: inherit; z-index: 0; }
.dark .leaflet-tile-pane { filter: brightness(.75) contrast(1.1) saturate(.8); }

/* ---------- Fiyatlı müsaitlik takvimi ---------- */
.price-calendar .flatpickr-calendar.inline { box-shadow: none; margin: 0 auto; background: transparent; }
.price-calendar .flatpickr-day, .flatpickr-calendar .flatpickr-day { height: 46px; line-height: 30px; max-width: 46px; }
.flatpickr-day .day-price { display: block; margin-top: -9px; font-size: 9.5px; line-height: 1; font-weight: 600; color: rgb(var(--brand-700)); }
.dark .flatpickr-day .day-price { color: rgb(var(--brand-300)); }
.flatpickr-day.selected .day-price, .flatpickr-day.startRange .day-price, .flatpickr-day.endRange .day-price { color: #fff; }
.flatpickr-day.is-booked { background: repeating-linear-gradient(135deg, transparent 0 4px, rgb(148 163 184 / .18) 4px 8px); color: #94a3b8; text-decoration: line-through; }
.flatpickr-day.is-booked:not(.flatpickr-disabled) { color: #475569; text-decoration: none; } /* çıkış günü olarak seçilebilir */

/* ---------- Martı maskot animasyonları ---------- */
.mascot-animated .mascot-body { animation: mascot-bob 3.2s ease-in-out infinite; transform-origin: 60px 110px; }
.mascot-animated .mascot-eye { animation: mascot-blink 4.5s infinite; transform-box: fill-box; transform-origin: center; }
.mascot-animated .mascot-wing-wave { animation: mascot-wave 1.6s ease-in-out infinite; transform-box: fill-box; transform-origin: 80% 10%; }
@keyframes mascot-bob { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-3px) rotate(-2deg); } }
@keyframes mascot-blink { 0%, 92%, 100% { transform: scaleY(1); } 95% { transform: scaleY(.1); } }
@keyframes mascot-wave { 0%, 100% { transform: rotate(0); } 50% { transform: rotate(-28deg); } }

.assistant-launcher { animation: launcher-in .5s cubic-bezier(.2, .9, .3, 1.3) both; }
@keyframes launcher-in { from { transform: scale(.4); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.assistant-bubble { animation: bubble-in .4s 1.2s both; }
@keyframes bubble-in { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: none; } }

/* Yazıyor göstergesi */
.typing-dot { width: 6px; height: 6px; border-radius: 999px; background: #94a3b8; animation: typing 1.2s infinite ease-in-out; }
.typing-dot:nth-child(2) { animation-delay: .15s; }
.typing-dot:nth-child(3) { animation-delay: .3s; }
@keyframes typing { 0%, 60%, 100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-4px); opacity: 1; } }

/* ---------- Hero varyantları ---------- */
.hero-swiper .swiper-slide-active .hero-kenburns { animation: kenburns 9s ease-out both; }
@keyframes kenburns { from { transform: scale(1.12); } to { transform: scale(1); } }
.hero-pagination .swiper-pagination-bullet { background: #fff; opacity: .5; }
.hero-pagination .swiper-pagination-bullet-active { background: #fff; opacity: 1; }
@media (prefers-reduced-motion: reduce) { .hero-video { display: none; } }

/* Admin canlı düzenleme çerçevesi */
.home-section-editable { position: relative; }
.home-section-editable:hover > .section-toolbar, .section-toolbar:focus-within { opacity: 1; pointer-events: auto; }
.home-section-editable:hover { outline: 2px dashed rgb(var(--brand-500) / .6); outline-offset: -2px; }

/* ---------- Admin müsaitlik takvimi (FullCalendar) ---------- */
.vk-admin-calendar { --fc-border-color: rgb(226 232 240); --fc-today-bg-color: rgb(var(--brand-500) / .08); --fc-page-bg-color: transparent; font-size: .85rem; }
.dark .vk-admin-calendar { --fc-border-color: rgb(255 255 255 / .08); --fc-neutral-bg-color: rgb(255 255 255 / .03); --fc-list-event-hover-bg-color: rgb(255 255 255 / .05); }
.vk-admin-calendar .fc-toolbar-title { font-size: 1.15rem; font-weight: 800; text-transform: capitalize; }
.vk-admin-calendar .fc-button { background: rgb(241 245 249); border: 0; color: rgb(51 65 85); font-weight: 600; border-radius: .75rem !important; padding: .45rem .8rem; box-shadow: none !important; text-transform: capitalize; }
.vk-admin-calendar .fc-button-group { gap: .25rem; }
.vk-admin-calendar .fc-button:hover { background: rgb(226 232 240); color: rgb(15 23 42); }
.vk-admin-calendar .fc-button-primary:not(:disabled).fc-button-active, .vk-admin-calendar .fc-button-primary:not(:disabled):active { background: rgb(var(--brand-600)); color: #fff; }
.dark .vk-admin-calendar .fc-button { background: rgb(255 255 255 / .06); color: rgb(226 232 240); }
.vk-admin-calendar .fc-col-header-cell-cushion { font-size: .7rem; text-transform: uppercase; letter-spacing: .05em; color: rgb(100 116 139); padding: .5rem 0; }
.vk-admin-calendar .fc-daygrid-day-top { justify-content: space-between; align-items: center; padding: 2px 4px 0; }
.vk-admin-calendar .fc-daygrid-day-number { font-weight: 600; }
.vk-admin-calendar .fc-day-past { opacity: .6; }
.vk-day-price { font-size: .65rem; font-weight: 600; color: rgb(var(--brand-700)); background: rgb(var(--brand-500) / .1); border-radius: .4rem; padding: 0 .3rem; }
.dark .vk-day-price { color: rgb(var(--brand-300)); }
.vk-admin-calendar .fc-event { border-radius: .5rem; padding: 1px 4px; font-weight: 600; font-size: .72rem; cursor: pointer; }
.vk-ev-muted { opacity: .45; text-decoration: line-through; }
.vk-ev-block, .vk-ev-block-swatch { background: repeating-linear-gradient(135deg, rgb(100 116 139 / .25) 0 6px, rgb(100 116 139 / .4) 6px 12px) !important; border: 0 !important; }
.vk-ev-block .fc-event-title, .vk-ev-block .fc-event-main { color: rgb(30 41 59) !important; }
.dark .vk-ev-block .fc-event-title, .dark .vk-ev-block .fc-event-main { color: rgb(226 232 240) !important; }
.vk-ev-session { background: rgb(var(--brand-500) / .12) !important; border: 1px solid rgb(var(--brand-500) / .4) !important; }
.vk-ev-session .fc-event-main, .vk-ev-session .fc-event-title { color: rgb(var(--brand-800)) !important; }
.dark .vk-ev-session .fc-event-main, .dark .vk-ev-session .fc-event-title { color: rgb(var(--brand-200)) !important; }
.vk-ev-session-closed, .vk-ev-session-cancelled { opacity: .5; filter: grayscale(1); }
.vk-admin-calendar .fc-highlight { background: rgb(var(--brand-500) / .18); }
@media (max-width: 640px) {
  .vk-admin-calendar .fc-daygrid-day-top { flex-direction: column-reverse; align-items: flex-end; padding: 2px; }
  .vk-day-price { font-size: .55rem; padding: 0 .15rem; letter-spacing: -.02em; }
  .vk-admin-calendar .fc-toolbar-title { font-size: 1rem; }
}

/* ---------- Galeri kayan şerit ---------- */
.vk-marquee-track { animation: vk-marquee 60s linear infinite; }
.vk-marquee-reverse { animation-direction: reverse; }
.vk-marquee:hover .vk-marquee-track { animation-play-state: paused; }
@keyframes vk-marquee { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .vk-marquee-track { animation: none; } }

/* ---------- Köşe stili (tasarım bileşeni: design_shape). Yönetim paneli etkilenmez ---------- */
html[data-shape="sharp"] body:not(.admin-ui) :is(.rounded-xl, .rounded-2xl, .rounded-3xl, .rounded-\[2rem\]) { border-radius: .375rem; }
html[data-shape="sharp"] body:not(.admin-ui) .rounded-t-3xl { border-top-left-radius: .375rem; border-top-right-radius: .375rem; }
html[data-shape="sharp"] body:not(.admin-ui) :is(a, button, input, select).rounded-full:not(.favorite-btn) { border-radius: .375rem; }
html[data-shape="round"] body:not(.admin-ui) .rounded-xl { border-radius: 1rem; }
html[data-shape="round"] body:not(.admin-ui) .rounded-2xl { border-radius: 1.5rem; }
html[data-shape="round"] body:not(.admin-ui) .rounded-3xl { border-radius: 2.25rem; }
html[data-shape="round"] body:not(.admin-ui) .rounded-\[2rem\] { border-radius: 2.75rem; }

/* Gündüz/gece değiştirme kapalıysa düğmeleri gizle (admin: Tema ve Logo → theme_toggle) */
html[data-theme-toggle="0"] [data-theme-toggle-btn] { display: none !important; }

/* Top bar kayan yazı */
.vk-topbar-track { animation: vk-marquee 28s linear infinite; }
.vk-marquee:hover .vk-topbar-track { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .vk-topbar-track { animation: none; } }

/* Mobil menü açıkken yüzen butonlar gizlenir */
html.vk-menu-open .floating-stack { display: none !important; }
/* Tam ekran menü: bağlantılar sırayla belirir */
.vk-menu-full .vk-menu-link { animation: vk-menu-in .45s cubic-bezier(.2,.7,.2,1) both; }
@keyframes vk-menu-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .vk-menu-full .vk-menu-link { animation: none; } }

/* İçerik üst boşluğu = header (5rem) + top bar (2.5rem, açıksa) + ikinci menü satırı (3rem, iki katlı/arama header'da, masaüstü).
   Top bar daha önce kapatıldıysa <head> betiği html'e vk-topbar-off ekler → ilk karede doğru boşluk, kayma yok. */
.vk-main { padding-top: 5rem; }
.vk-main.vk-main-topbar { padding-top: 7.5rem; }
html.vk-topbar-off .vk-main.vk-main-topbar { padding-top: 5rem; }
@media (min-width: 1024px) {
  html:is([data-header="twotier"], [data-header="search"]) .vk-main { padding-top: 8rem; }
  html:is([data-header="twotier"], [data-header="search"]) .vk-main.vk-main-topbar { padding-top: 10.5rem; }
  html:is([data-header="twotier"], [data-header="search"]).vk-topbar-off .vk-main.vk-main-topbar { padding-top: 8rem; }
  /* Şeffaf header'lı (hero) sayfalarda ilk bölüm ikinci satırın altında kalmasın */
  html:is([data-header="twotier"], [data-header="search"]) .vk-main-hero > section:first-child { padding-top: max(11rem, var(--vk-hero-pt, 0px)) !important; }
  html[data-header="pill"] .vk-main { padding-top: 6rem; }
  html[data-header="pill"] .vk-main.vk-main-topbar { padding-top: 6rem; } /* hap header'da top bar masaüstünde gizli */
}
html.vk-topbar-off [data-topbar] { display: none !important; }

/* ---------- Degrade paletler (html[data-gradient]) — yalnızca ön yüz ---------- */
html[data-gradient] body:not(.admin-ui) :is(.bg-brand-600, .bg-brand-700):not(.vk-solid) {
  background-image: linear-gradient(120deg, var(--grad-a), var(--grad-b) 55%, var(--grad-c));
  background-size: 140% 100%; background-position: 0 0; transition: background-position .5s ease, box-shadow .3s;
}
html[data-gradient] body:not(.admin-ui) :is(a, button):is(.bg-brand-600, .bg-brand-700):hover { background-position: 100% 0; }
html[data-gradient] body:not(.admin-ui) .bg-brand-950 { background-image: linear-gradient(140deg, rgb(var(--brand-950)), color-mix(in srgb, var(--grad-a) 45%, rgb(var(--brand-950))) 60%, color-mix(in srgb, var(--grad-c) 35%, rgb(var(--brand-950)))); }
/* Vurgu metinleri (hero başlık vurguları) degrade yazı */
/* Yalnızca açık zemindeki vurgular (koyu hero'lardaki brand-200/300 okunaklı kalsın) */
html[data-gradient] body:not(.admin-ui) h1 :is(.text-brand-600, .text-brand-400),
html[data-gradient] body:not(.admin-ui) .vk-grad-text {
  background: linear-gradient(100deg, var(--grad-a), var(--grad-b), var(--grad-c)); -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-gradient] body:not(.admin-ui) .shadow-brand-600\/25 { box-shadow: 0 10px 25px -5px color-mix(in srgb, var(--grad-b) 40%, transparent); }

/* ---------- Footer renk tasarımları (design_footer_style) ---------- */
.vk-footer-light { background: #faf8f5 !important; color: rgb(71 85 105) !important; }
.dark .vk-footer-light { background: rgb(15 23 42) !important; }
.vk-footer-light :is(h3, .text-white):not(.vk-footer-cta *):not(.vk-footer-cta) { color: rgb(15 23 42) !important; }
.dark .vk-footer-light :is(h3, .text-white):not(.vk-footer-cta *):not(.vk-footer-cta) { color: #fff !important; }
.vk-footer-light .text-slate-400:not(.vk-footer-cta *) { color: rgb(100 116 139) !important; }
.vk-footer-light :is(a.text-slate-400, .text-slate-400 a):hover { color: rgb(var(--brand-700)) !important; }
.vk-footer-light :is(.bg-white\/5) { background: #fff !important; }
.vk-footer-light :is(.ring-white\/10) { --tw-ring-color: rgb(15 23 42 / .08) !important; }
.vk-footer-light .border-white\/10 { border-color: rgb(15 23 42 / .08) !important; }
.vk-footer-light .text-slate-300:not(.vk-footer-cta *) { color: rgb(51 65 85) !important; }
.vk-footer-brand { background: rgb(var(--brand-950)) !important; }
html[data-gradient] .vk-footer-brand { background: linear-gradient(160deg, rgb(var(--brand-950)), color-mix(in srgb, var(--grad-a) 40%, rgb(var(--brand-950))) 55%, color-mix(in srgb, var(--grad-c) 30%, rgb(var(--brand-950)))) !important; }
.vk-footer-brand .text-slate-400, .vk-footer-brand .text-slate-500 { color: rgb(255 255 255 / .65) !important; }

/* ---- Bileşen renkleri (Ayarlar → Bileşen Renkleri) — yalnızca ayarlanan renkler devreye girer ---- */
html[data-colors~="c-topbar-bg"] [data-topbar] { background: rgb(var(--c-topbar-bg)) !important; }
html[data-colors~="c-topbar-fg"] [data-topbar],
html[data-colors~="c-topbar-fg"] [data-topbar] :is(a, span, button, p, svg) { color: rgb(var(--c-topbar-fg)) !important; }
html[data-colors~="c-hero-overlay"] [data-hero-overlay] { background: rgb(var(--c-hero-overlay) / var(--c-hero-overlay-a)) !important; }
html:not([data-colors~="c-hero-overlay"])[data-colors~="c-hero-opacity"] [data-hero-overlay] { opacity: calc(var(--c-hero-overlay-a) / .45); }
html[data-colors~="c-hero-fg"] section:has([data-hero-overlay]) :is(h1, h1 *, h2, p):not(form *):not([class*="bg-white"] *) { color: rgb(var(--c-hero-fg)) !important; }
html[data-colors~="c-footer-bg"] .vk-footer { background: rgb(var(--c-footer-bg)) !important; }
html[data-colors~="c-footer-fg"] .vk-footer :is(p, li, a, span, h3, h4, .text-white, [class*="text-slate"]):not(.vk-footer-cta *):not(.bg-white):not(.vk-footer .bg-white *) { color: rgb(var(--c-footer-fg)) !important; }
html[data-colors~="c-footer-fg"] .vk-footer a:not(.vk-footer-cta *):hover { opacity: .75; }
html[data-colors~="c-footer-bg"][data-colors~="c-footer-fg"] .vk-footer :is(.bg-white\/5):not(.vk-footer-cta *) { background: rgb(var(--c-footer-fg) / .1) !important; --tw-ring-color: rgb(var(--c-footer-fg) / .15) !important; }
html[data-colors~="c-footer-bg"][data-colors~="c-footer-fg"] .vk-footer .border-white\/10 { border-color: rgb(var(--c-footer-fg) / .12) !important; }