/**
 * YON — global mesaj / uyarı / flash (--h-* YON palette)
 * Yüklenme sırası: @stack('styles') sonrası (layout/app.blade.php)
 */

/* ── Base ── */
.h-msg,
.h-flash {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    border: 1px solid transparent;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.45;
    color: var(--h-text, #d7d8e6);
}

.h-msg i,
.h-flash i {
    flex-shrink: 0;
    font-size: 1.05rem;
    margin-top: 0.05rem;
}

.h-flash {
    max-width: var(--h-container, 1680px);
    margin: 0 auto 1rem;
}

.h-msg--ok,
.h-flash--ok,
.h-msg--success,
.h-flash--success {
    background: var(--h-green-soft, rgba(52, 211, 153, 0.12));
    border-color: rgba(52, 211, 153, 0.28);
    color: var(--h-green, #34d399);
}

.h-msg--ok i,
.h-flash--ok i,
.h-msg--success i,
.h-flash--success i {
    color: var(--h-green, #34d399);
}

.h-msg--err,
.h-flash--err,
.h-msg--error,
.h-flash--error {
    background: rgba(255, 68, 84, 0.1);
    border-color: rgba(255, 68, 84, 0.28);
    color: #ff8a96;
}

.h-msg--err i,
.h-flash--err i,
.h-msg--error i,
.h-flash--error i {
    color: var(--h-danger, #ff4454);
}

.h-msg--warn,
.h-flash--warn,
.h-msg--warning,
.h-flash--warning {
    background: var(--h-orange-soft, rgba(255, 193, 7, 0.14));
    border-color: rgba(255, 193, 7, 0.32);
    color: #ffd866;
}

.h-msg--warn i,
.h-flash--warn i {
    color: var(--h-orange, #ffc107);
}

.h-msg--info,
.h-flash--info {
    background: rgba(102, 122, 250, 0.1);
    border-color: rgba(102, 122, 250, 0.28);
    color: var(--h-blue-text, #c7d2fe);
}

.h-msg--info i,
.h-flash--info i {
    color: var(--h-blue, #667afa);
}

/* Form validation */
.h-field-error,
.auth-card__error {
    margin: 0.35rem 0 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #ff8a96;
}

.h-field-error::before {
    content: "• ";
    color: var(--h-danger, #ff4454);
}

/* Empty / bilgi kutusu */
.h-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 2rem 1rem;
    border-radius: 12px;
    border: 1px dashed var(--h-border, #32394e);
    background: var(--h-bg-card, #2f3144);
    color: var(--h-text-muted, #9192a5);
    text-align: center;
    font-size: 0.875rem;
}

.h-empty i {
    font-size: 1.75rem;
    color: var(--h-blue-text, #c7d2fe);
    opacity: 0.85;
}

/* Global content flash bar */
.yon-content__flash {
    max-width: var(--h-container, 1680px);
    margin: 0 auto;
    padding: 0 clamp(12px, 2vw, 18px);
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.yon-content__flash .h-flash,
.yon-content__flash .h-msg {
    margin: 0.75rem 0 0;
}

/* ── Legacy alias: yon-alert ── */
.yon-alert,
.yon-wd-alert,
.yon-lc-create-alert {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    border: 1px solid transparent;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.45;
}

.yon-alert--success,
.yon-wd-alert--success,
.yon-lc-create-alert--success {
    background: var(--h-green-soft, rgba(52, 211, 153, 0.12)) !important;
    border-color: rgba(52, 211, 153, 0.28) !important;
    color: var(--h-green, #34d399) !important;
}

.yon-alert--error,
.yon-wd-alert--error,
.yon-lc-create-alert--error {
    background: rgba(255, 68, 84, 0.1) !important;
    border-color: rgba(255, 68, 84, 0.28) !important;
    color: #ff8a96 !important;
}

/* Auth gate */
.auth-gate__alert {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.45;
    margin-bottom: 0.75rem;
}

.auth-gate__alert--success {
    background: var(--h-green-soft, rgba(52, 211, 153, 0.12)) !important;
    border: 1px solid rgba(52, 211, 153, 0.28) !important;
    color: var(--h-green, #34d399) !important;
}

.auth-gate__alert--error {
    background: rgba(255, 68, 84, 0.1) !important;
    border: 1px solid rgba(255, 68, 84, 0.28) !important;
    color: #ff8a96 !important;
}

.auth-gate__alert p + p { margin-top: 0.35rem; }

/* Sayfa özel aliaslar — base stiller yukarıdaki .h-msg ile aynı */
.ysc-flash,
.cm-flash,
.ypa-alert,
.yon-ads__alert,
.ychat-flash {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    border: 1px solid transparent;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.45;
}

.ysc-flash--ok,
.cm-flash--ok,
.ypa-alert--ok,
.yon-ads__alert--ok,
.ychat-flash--ok,
.yst-alert--success,
.yca-alert--ok {
    background: var(--h-green-soft, rgba(52, 211, 153, 0.12)) !important;
    border-color: rgba(52, 211, 153, 0.28) !important;
    color: var(--h-green, #34d399) !important;
}

.ysc-flash--err,
.cm-flash--err,
.ypa-alert--err,
.yon-ads__alert--err,
.ychat-flash--err,
.yst-alert--error,
.yca-alert--err,
.yon-order-alert--danger,
.yon-order-alert--error {
    background: rgba(255, 68, 84, 0.1) !important;
    border-color: rgba(255, 68, 84, 0.28) !important;
    color: #ff8a96 !important;
}

.yst-alert--warn {
    background: var(--h-orange-soft, rgba(255, 193, 7, 0.14)) !important;
    border-color: rgba(255, 193, 7, 0.32) !important;
    color: #ffd866 !important;
}

.ysc-alert,
.yc-alert {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    background: rgba(102, 122, 250, 0.1) !important;
    border: 1px solid rgba(102, 122, 250, 0.28) !important;
    color: var(--h-blue-text, #c7d2fe) !important;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.45;
}

.ysc-alert i,
.yc-alert i {
    color: var(--h-blue, #667afa);
    flex-shrink: 0;
}

.yst-alert {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    border: 1px solid transparent;
    font-size: 0.8125rem;
    font-weight: 600;
}

.yon-cart-drop__alert {
    background: rgba(102, 122, 250, 0.1) !important;
    border-color: rgba(102, 122, 250, 0.28) !important;
    color: var(--h-blue-text, #c7d2fe) !important;
}

/* Tailwind inline flash override (legacy blades) */
.mb-4.rounded-lg.border.border-emerald-500\/30,
.mb-4.rounded-xl.border.border-emerald-500\/30,
.mt-6.rounded-xl.border.border-emerald-500\/40 {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.6rem !important;
    padding: 0.85rem 1rem !important;
    border-radius: 10px !important;
    background: var(--h-green-soft, rgba(52, 211, 153, 0.12)) !important;
    border: 1px solid rgba(52, 211, 153, 0.28) !important;
    color: var(--h-green, #34d399) !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
}

.mb-4.rounded-lg.border.border-red-500\/30,
.mb-4.rounded-xl.border.border-red-500\/30,
.rounded-lg.border.border-red-500\/30.bg-red-500\/10.px-4.py-3.text-sm.text-red-300 {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.6rem !important;
    padding: 0.85rem 1rem !important;
    border-radius: 10px !important;
    background: rgba(255, 68, 84, 0.1) !important;
    border: 1px solid rgba(255, 68, 84, 0.28) !important;
    color: #ff8a96 !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
}

.rounded-lg.border.border-sky-500\/20.bg-sky-500\/5.px-4.py-3.text-xs.leading-relaxed.text-slate-400 {
    background: rgba(102, 122, 250, 0.1) !important;
    border: 1px solid rgba(102, 122, 250, 0.28) !important;
    color: var(--h-blue-text, #c7d2fe) !important;
    border-radius: 10px !important;
}

p.mt-1.text-sm.text-red-400,
p.text-sm.text-red-400,
.text-red-400.h-field-error {
    color: #ff8a96 !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
}

/* Empty states in game-money / catalog shells */
.gm-empty,
.gm-empty-state,
.yc-empty {
    border-color: var(--h-border, #32394e) !important;
    background: var(--h-bg-card, #2f3144) !important;
    color: var(--h-text-muted, #9192a5) !important;
}

.gm-empty i,
.gm-empty-state i,
.yc-empty i {
    color: var(--h-green, #34d399) !important;
}

.gm-empty-state p {
    color: var(--h-text-bright, #ffffff) !important;
}

.yc-empty {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 3rem 1rem;
    border-radius: 12px;
    border-style: dashed;
    text-align: center;
}

.yc-empty i {
    font-size: 2rem;
    color: var(--h-blue-text, #c7d2fe) !important;
    opacity: 0.85;
}

@media (max-width: 560px) {
    .h-flash,
    .yon-content__flash .h-flash {
        margin-left: 0;
        margin-right: 0;
    }
}