/* =====================================================================
   Asansör Adam - Tailwind tamamlayıcı özel stiller
   (Tasarımın çoğu Tailwind class'ları ile yapılır; burada sadece
    Tailwind ile yapılamayan / tekrarlanan birkaç şey var.)
   ===================================================================== */

/* Alpine.js: bileşen yüklenmeden önce gizli kalması gereken öğeler */
[x-cloak] { display: none !important; }

/* =====================================================================
   Header temaları: solid (beyaz/koyu yazı) ve ghost (şeffaf/beyaz yazı)
   ===================================================================== */
.aa-bar { transition: background-color .3s ease, box-shadow .3s ease; }
.aa-bar.solid {
    background:rgba(255,255,255,.82);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    box-shadow:0 6px 22px rgba(2,39,28,.10);
}
.aa-bar.ghost { background:transparent; }

.aa-link { transition: color .15s, background-color .15s; }
.aa-bar.solid .aa-link        { color:#475569; }
.aa-bar.solid .aa-link:hover  { color:#0e3a2b; background:rgba(15,58,43,.06); }
.aa-bar.solid .aa-link.aa-active { color:#0e3a2b; background:rgba(15,58,43,.08); }
.aa-bar.solid .aa-brand-text  { color:#0e3a2b; }
.aa-bar.solid .aa-divider     { background:rgba(2,39,28,.12); }

.aa-bar.ghost .aa-link        { color:#e2e8f0; }
.aa-bar.ghost .aa-link:hover  { color:#ffffff; background:rgba(255,255,255,.12); }
.aa-bar.ghost .aa-link.aa-active { color:#ffffff; background:rgba(255,255,255,.15); }
.aa-bar.ghost .aa-brand-text  { color:#ffffff; }
.aa-bar.ghost .aa-divider     { background:rgba(255,255,255,.2); }

/* Yumuşak kaydırma (sayfa içi #durum linkleri için) */
html { scroll-behavior: smooth; }

/* Hero arka plan deseni (Tailwind gradient + radyal vurgu) */
.aa-hero-bg {
    background-image:
        linear-gradient(135deg, rgba(14,58,43,.97), rgba(7,39,28,.97)),
        radial-gradient(circle at top right, rgba(0,176,106,.40), transparent 55%);
}

/* =====================================================================
   Özel bildirim sistemi (SweetAlert tarzı) — toast + onay kutusu
   ===================================================================== */

/* ---- Toast (sağ üstte kayan bildirim) ---- */
.aa-toast-wrap {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1080;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    max-width: calc(100vw - 2rem);
    width: 380px;
}
.aa-toast {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    background: #fff;
    border-radius: 14px;
    padding: .9rem 1rem;
    box-shadow: 0 12px 32px rgba(14, 28, 56, .18);
    border-left: 5px solid #0e3a2b;
    transform: translateX(120%);
    opacity: 0;
    transition: transform .35s cubic-bezier(.22,1,.36,1), opacity .35s;
}
.aa-toast.show { transform: translateX(0); opacity: 1; }
.aa-toast.hide { transform: translateX(120%); opacity: 0; }
.aa-toast .aa-toast-ico { font-size: 1.3rem; line-height: 1.4; }
.aa-toast .aa-toast-msg { flex: 1; font-size: .9rem; color: #1f2733; word-break: break-word; }
.aa-toast .aa-toast-x   { background: none; border: 0; color: #9aa4b5; font-size: 1.1rem; cursor: pointer; line-height: 1; }
.aa-toast-success { border-left-color: #16a34a; } .aa-toast-success .aa-toast-ico { color: #16a34a; }
.aa-toast-danger  { border-left-color: #e1232f; } .aa-toast-danger  .aa-toast-ico { color: #e1232f; }
.aa-toast-warning { border-left-color: #f59e0b; } .aa-toast-warning .aa-toast-ico { color: #f59e0b; }
.aa-toast-info    { border-left-color: #0e3a2b; } .aa-toast-info    .aa-toast-ico { color: #0e3a2b; }

/* ---- Onay / uyarı modalı ---- */
.aa-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 1090;
    background: rgba(14, 28, 56, .55);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    opacity: 0;
    transition: opacity .2s;
}
.aa-modal-overlay.show { opacity: 1; }
.aa-modal {
    background: #fff;
    border-radius: 20px;
    max-width: 400px;
    width: 100%;
    padding: 2rem 1.5rem 1.5rem;
    text-align: center;
    box-shadow: 0 24px 60px rgba(14, 28, 56, .35);
    transform: scale(.9);
    transition: transform .25s cubic-bezier(.22,1,.36,1);
}
.aa-modal-overlay.show .aa-modal { transform: scale(1); }
.aa-modal-ico {
    width: 64px; height: 64px;
    margin: 0 auto 1rem;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 2rem;
}
.aa-modal-ico.warning { background: #fff7ed; color: #f59e0b; }
.aa-modal-ico.danger  { background: #fef2f2; color: #e1232f; }
.aa-modal-ico.success { background: #f0fdf4; color: #16a34a; }
.aa-modal-ico.info    { background: #eef2f9; color: #0e3a2b; }
.aa-modal-title { font-size: 1.25rem; font-weight: 700; color: #0e3a2b; margin-bottom: .4rem; }
.aa-modal-text  { color: #64748b; font-size: .95rem; margin-bottom: 1.4rem; }
.aa-modal-btns  { display: flex; gap: .6rem; }
.aa-modal-btns button { flex: 1; padding: .7rem 1rem; border-radius: 10px; font-weight: 600; cursor: pointer; border: 0; }
.aa-btn-cancel  { background: #eef1f5; color: #475569; }
.aa-btn-confirm { background: #e1232f; color: #fff; }
.aa-btn-confirm:hover { background: #b8141f; }