/* ======================================================== */
/* mobile.css (Versiune 7 - Afișare completă panou licee) */
/* ======================================================== */

/* --- 1. FIX GLOBAL PENTRU OVERFLOW --- */
html {
    width: 100%;
}
body {
    width: 100%;
    overflow-x: hidden;
}

main.max-w-\[85rem\] {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#controls-container,
#content-container,
.tab-content,
#concluzii-section > .container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    box-sizing: border-box;
}
.border-b.border-gray-200 {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* --- 2. SECȚIUNEA HERO ȘI FONTURI --- */
.hero-bg-pattern h1 { font-size: 2rem !important; line-height: 1.2 !important; }
.hero-bg-pattern h2 { font-size: 1.5rem !important; line-height: 1.3 !important; }

/* --- 3. SELECTOARE JUDEȚ/ȘCOALĂ --- */
#judet-button, #scoala-button {
    height: 3.75rem !important;
    font-size: 1rem !important;
}
#judet-list, #scoala-list {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90vw !important;
    max-width: 450px;
    height: 75vh !important;
    max-height: 550px;
    z-index: 9999;
}
body.dropdown-open::after {
    content: '';
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9998;
}

/* --- 4. HARTA ȘI PANOUL DE DETALII --- */
#map-container {
    height: 60vh;
    width: 100%;
}
#map {
    height: 100% !important;
}
.lg\:w-1\/3 {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin-top: 1.5rem;
}

/* === MODIFICAREA CHEIE AICI === */
/* Forțăm panoul cu lista de licee să se extindă complet */
#destinatii-scroll-wrapper {
    max-height: none !important; /* Eliminăm orice limită de înălțime */
    overflow-y: visible !important; /* Eliminăm bara de scroll verticală */
}
/* Ascundem butonul de "expandare", deoarece pe mobil lista e mereu vizibilă complet */
#expand-destinatii-btn {
    display: none !important;
}


/* --- 5. TABELE --- */
.overflow-x-auto {
    width: 100%;
}
.tab-content table th {
    white-space: normal !important;
    font-size: 0.8rem !important;
    padding: 0.6rem 0.4rem !important;
    line-height: 1.2;
}
.tab-content table td {
    font-size: 0.9rem !important;
    padding: 0.75rem 0.4rem !important;
    line-height: 1.3;
}
.tab-content table td .text-gray-500 {
    display: inline !important;
    margin-top: 0;
    font-size: 0.8rem;
}
.tab-content table td .text-xs {
     display: inline !important;
     font-size: 0.8rem;
     margin-left: 0.25rem;
}
#prestigious-table-body td:first-child {
    white-space: normal;
}

/* --- 6. SECȚIUNEA DE CONCLUZII --- */
#concluzii-section .relative.max-w-4xl {
    overflow: hidden;
}
#concluzii-section .container {
    max-width: 100%;
}
#concluzii-section .p-8, #concluzii-section .md\:p-12 {
    padding: 1.5rem 1rem;
}
#concluzii-section h2, .font-sora.text-4xl {
    font-size: 1.75rem;
    line-height: 1.2;
}
#concluzii-section .prose-lg {
    font-size: 1rem;
}
#concluzii-section h3 {
    font-size: 1.5rem;
}