/* =============================================================================
   SILVRA — Responsive layout
   ============================================================================= */

/* --- Tablet --- */
@media (max-width: 960px) {
    .send-layout { grid-template-columns: 1fr; }
    .steps { grid-template-columns: 1fr; }
    .footer-inner { grid-template-columns: 1fr 1fr; }
}

/* --- Mobile nav --- */
@media (max-width: 760px) {
    .nav-toggle { display: flex; margin-left: auto; }
    .site-nav { order: 3; width: 100%; margin-left: 0; }
    .header-inner { flex-wrap: wrap; height: auto; padding-top: var(--sp-3); padding-bottom: var(--sp-3); }
    .nav-list {
        position: absolute; top: var(--header-h); left: 0; right: 0;
        flex-direction: column; gap: 0; padding: var(--sp-3) var(--sp-5);
        background: var(--black-elevated); border-bottom: 1px solid var(--border);
        display: none;
    }
    .nav-list.is-open { display: flex; }
    .nav-link { display: block; padding: var(--sp-3) 0; }
    .header-actions { order: 2; }
    .btn-connect .btn-label { display: none; }
    .btn-connect::after { content: 'Connect'; }
    .footer-inner { grid-template-columns: 1fr; }
    .section { padding: var(--sp-7) 0; }
}

@media (min-width: 761px) {
    .nav-list { display: flex !important; }
}

/* --- Small mobile --- */
@media (max-width: 480px) {
    .container { padding: 0 var(--sp-4); }
    .panel { padding: var(--sp-4); }
    .panel-transfer { padding: var(--sp-4); }
    .fee-line { font-size: .88rem; }
    .toast-region { left: var(--sp-3); right: var(--sp-3); max-width: none; }
    .modal-foot { flex-direction: column-reverse; }
    .modal-foot .btn { width: 100%; }
}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
    .btn-metallic:hover::after { animation: none; }
}