/* V8 Asszisztens – responsive (mobil, tablet) */

@media print {
    body > *:not(#print-content) { display: none !important; }
    #print-content { display: block !important; padding: 0; }
    @page { margin: 1.5cm; }
}

/* ==========================================
   MOBIL NÉZET (max 768px)
   ========================================== */
@media (max-width: 768px) {
    /* Nav */
    .nav-actions--desktop { display: none !important; }
    .nav-actions--mobile  { display: flex; gap: 8px; align-items: center; }
    .hamburger-menu { display: flex; }

    /* Nav brand kisebb */
    .nav-brand { font-size: 1rem !important; }
    .nav-brand span { font-size: 0.72rem !important; }
    .nameday-bar { display: none; }

    /* App container */
    .app-container { flex-direction: column; padding: 8px; gap: 8px; overflow-y: auto; }
    .main-panel { flex: none; height: auto; overflow: visible; }
    .side-panel { flex: none; height: auto; overflow: visible; order: 2; }

    /* Naptár fejléc */
    .calendar-header { flex-direction: column; gap: 8px; padding: 8px 12px; }
    .calendar-header h2 { font-size: 1rem; }
    .view-switcher { flex-wrap: wrap; justify-content: center; }
    .view-btn { font-size: 0.78rem; padding: 4px 10px; }

    /* Heti nézet */
    .v8-grid { grid-template-columns: 1fr; grid-template-rows: auto; padding: 8px; gap: 8px; }

    /* Havi nézet – vízszintes görgetés hogy mind a 7 nap látható legyen */
    .v8-grid-month {
        grid-template-columns: repeat(7, minmax(44px, 1fr));
        gap: 3px;
        padding: 6px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .month-col-header {
        font-size: 0.65rem;
        padding: 3px 1px;
    }
    .month-day-box {
        min-width: 44px;
        min-height: 60px;
        padding: 3px;
    }
    .month-day-num {
        font-size: 0.78rem;
    }
    .month-day-box .entry-item {
        font-size: 0.65rem;
        padding: 2px 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* Havi nézet konténer görgethetővé tétele */
    .main-panel {
        overflow-x: auto;
    }

    /* Modal */
    .modal-box { width: 96% !important; max-height: 92vh; margin: 0 auto; }
    .split-row { flex-direction: column; gap: 10px; }

    /* Keresés */
    .search-list-container { padding: 8px; }
    .search-results-wrapper { max-width: 100%; }
    .search-result-item { flex-direction: column; align-items: flex-start; gap: 6px; }
    .search-result-date { width: 100%; border-bottom: 1px solid var(--border); padding-bottom: 4px; }
    .search-result-text { padding: 0; width: 100%; }

    /* Betűméretek – kicsit nagyobb mobilon */
    body { font-size: 15px; }
    .entry-item { font-size: 0.9rem; padding: 7px 9px; }
    .day-header { font-size: 0.88rem; }
    .widget h3 { font-size: 1.05rem; }
    .btn { font-size: 0.88rem; }
    .modal-body label { font-size: 0.88rem; }
    .modal-body input, .modal-body select, .modal-body textarea { font-size: 0.95rem; padding: 11px; }

    /* Side panel widget-ek */
    .widget { padding: 10px; }
    .cat-item { font-size: 0.92rem; }
}

/* ==========================================
   TABLET NÉZET (768px – 1024px)
   ========================================== */
@media (min-width: 769px) and (max-width: 1024px) {
    .nav-actions--desktop { flex-wrap: wrap; gap: 6px; }
    .btn { font-size: 0.82rem; padding: 6px 10px; }
    .app-container { padding: 12px; gap: 12px; }
    .v8-grid { grid-template-columns: repeat(2, 1fr); }
}