/* ── ALERT NOTICE ── */
.yn-alert {
    background: var(--yn-blue-soft); border: 1px solid rgba(29,78,216,0.15);
    border-left: 4px solid var(--yn-blue); border-radius: 12px; padding: 18px 22px;
    display: flex; align-items: flex-start; gap: 14px; margin-bottom: 40px;
}
.yn-alert-icon { flex-shrink: 0; font-size: 20px; color: var(--yn-blue); margin-top: 1px; }
.yn-alert-title { font-size: 14px; font-weight: 600; color: var(--yn-text); margin-bottom: 4px; }
.yn-alert-text { font-size: 13px; font-weight: 300; color: var(--yn-text-muted); line-height: 1.65; margin: 0; }
.yn-alert-text a { color: var(--yn-blue); font-weight: 500; text-decoration: none; }
.yn-alert-text a:hover { text-decoration: underline; }
.yn-alert-text strong { color: var(--yn-text); font-weight: 600; }

/* ── BANK HEADER ── */
.yn-bank-header {
    display: flex; align-items: center; gap: 10px;
    margin-bottom: 16px; margin-top: 40px;
    padding-bottom: 12px; border-bottom: 1px solid var(--yn-border-mid);
}
.yn-bank-header:first-of-type { margin-top: 0; }
.yn-bank-header-icon {
    width: 36px; height: 36px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    background: var(--yn-blue-soft); color: var(--yn-blue); font-size: 18px;
}
.yn-bank-name { font-family: 'Fraunces', serif; font-size: 18px; font-weight: 700; color: var(--yn-text); }

/* ── IBAN CARD ── */
.yn-iban-card {
    background: var(--yn-surface); border: 1px solid var(--yn-border);
    border-radius: 14px; padding: 22px 20px; height: 100%;
    transition: box-shadow 0.2s, border-color 0.2s;
}
.yn-iban-card:hover { box-shadow: var(--yn-shadow-md); border-color: var(--yn-border-mid); }

.yn-iban-currency {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 4px 12px; border-radius: 100px; margin-bottom: 16px;
    font-size: 12px; font-weight: 600;
}
.yn-iban-currency--tl  { background: rgba(5,150,105,0.08); color: #059669; border: 1px solid rgba(5,150,105,0.14); }
.yn-iban-currency--usd { background: rgba(217,119,6,0.08); color: var(--yn-gold); border: 1px solid rgba(217,119,6,0.14); }

.yn-iban-label { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--yn-text-faint); margin-bottom: 4px; }
.yn-iban-value { font-size: 14px; font-weight: 600; color: var(--yn-text); margin-bottom: 14px; }

.yn-iban-row {
    display: flex; align-items: center; gap: 10px;
    background: var(--yn-bg); border: 1px solid var(--yn-border-mid);
    border-radius: 8px; padding: 10px 14px;
}
.yn-iban-code { font-family: 'DM Mono', 'Courier New', monospace; font-size: 13px; color: var(--yn-text); letter-spacing: 0.5px; flex: 1; }
.yn-copy-btn {
    flex-shrink: 0; width: 32px; height: 32px; border-radius: 7px;
    display: flex; align-items: center; justify-content: center;
    background: var(--yn-surface); border: 1px solid var(--yn-border-mid);
    color: var(--yn-text-muted); font-size: 15px; cursor: pointer; transition: all 0.18s ease;
}
.yn-copy-btn:hover { background: var(--yn-blue-soft); border-color: rgba(29,78,216,0.2); color: var(--yn-blue); }
.yn-copy-btn.copied { background: rgba(5,150,105,0.08); border-color: rgba(5,150,105,0.2); color: #059669; }

/* ── NOTICE BOX ── */
.yn-notice {
    background: var(--yn-surface); border: 1px solid var(--yn-border-mid);
    border-left: 4px solid var(--yn-blue); border-radius: 12px; padding: 20px 24px;
    display: flex; align-items: flex-start; gap: 14px;
}
.yn-notice-icon { flex-shrink: 0; font-size: 20px; color: var(--yn-blue); margin-top: 1px; }
.yn-notice-title { font-size: 14px; font-weight: 600; color: var(--yn-text); margin-bottom: 4px; }
.yn-notice-text { font-size: 13px; font-weight: 300; color: var(--yn-text-muted); line-height: 1.65; margin: 0; }
.yn-notice-text a { color: var(--yn-blue); font-weight: 500; }
.yn-notice-text strong { color: var(--yn-text); font-weight: 600; }

.yn-bank-section-header { text-align: center; margin-bottom: 44px; }
.yn-section-label--center { justify-content: center; }

@media (max-width: 767px) { .yn-iban-code { font-size: 11px; } }
