/* Színváltozók definiálása modern CSS-ben */
:root {
    --bg-dark: #333;
    --bg-mobile: #222;
    --text-light: #fff;
    --accent-color: #4da6ff;
}

/* Alapértelmezett térközök nullázása */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: var(--bg-dark);
    overflow: hidden;
}

/* A PDF konténer stílusozása */
.pdf-embed {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* Mobilos figyelmeztetés formázása */
.mobile-fallback {
    display: none;
    text-align: center;
    padding: 20px;
    font-family: sans-serif;
    color: var(--text-light);
    background-color: var(--bg-mobile);
    height: 100%;
    box-sizing: border-box;
}

.mobile-fallback h2 {
    margin-top: 10vh;
}

.mobile-fallback a {
    color: var(--accent-color);
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2rem;
    display: inline-block;
    margin-top: 15px;
    padding: 10px 20px;
    border: 2px solid var(--accent-color);
    border-radius: 5px;
    transition: all 0.3s ease;
}

.mobile-fallback a:hover {
    background-color: var(--accent-color);
    color: var(--bg-mobile);
}

/* Reszponzív nézet: mobilon gomb, asztalin PDF */
@media (max-width: 768px) {
    .mobile-fallback {
        display: block;
    }
    .pdf-embed {
        display: none;
    }
}