/**
 * OfflineMind Magazine — responsive.css
 * Edge cases, print, touch targets, dark mode placeholder
 * @package OffLineMind
 * @version 2.0.0
 */

/* Print */
@media print {
    .om-single-body a[href^="http"]::after {
        content: " (" attr(href) ")";
        font-size: 0.85em;
        color: #666;
    }

    .om-card, .om-hero-main, .om-hero-side {
        break-inside: avoid;
        box-shadow: none !important;
        border: 1px solid #ddd;
    }
}

/* Very large screens */
@media (min-width: 1440px) {
    .om-container { padding-left: 2.5rem; padding-right: 2.5rem; }
}

/* Landscape phones */
@media (max-width: 768px) and (orientation: landscape) {
    .om-hero { padding: var(--om-s6) 0; }
}

/* Touch — bigger tap targets */
@media (hover: none) and (pointer: coarse) {
    .om-nav-menu > li > a,
    .om-header-btn,
    .om-hamburger,
    .om-pagination .page-numbers,
    .om-scroll-top,
    .om-share__btn {
        min-height: 44px;
        min-width: 44px;
    }

    .om-card--compact {
        min-height: 80px;
        padding: var(--om-s4);
    }
}

/* Keyboard focus */
.is-using-keyboard *:focus {
    outline: 3px solid var(--om-primary) !important;
    outline-offset: 2px;
}

/* Dark mode placeholder — attiva quando pronto */
/*
@media (prefers-color-scheme: dark) {
    :root {
        --om-bg-site: #0f172a;
        --om-bg-card: #1e293b;
        --om-bg-alt: #1e293b;
        --om-text: #cbd5e1;
        --om-dark: #f1f5f9;
        --om-body: #94a3b8;
        --om-border: #334155;
        --om-border-lt: #1e293b;
        --om-muted: #64748b;
        --om-light: #64748b;
        --om-black: #f8fafc;
    }
    .om-header { border-bottom-color: var(--om-border); }
    .om-topbar { background: #0a0f1a; }
    .om-section-head { border-bottom-color: var(--om-primary); }
}
*/
