/* =============================================
   RESPONSIVE CSS - Globális responsive szabályok
   (Komponens-specifikus responsive stílusok a saját fájljukban vannak)
   ============================================= */

/* Tablet méret */
@media (min-width: 769px) and (max-width: 1024px) {
    .container {
        padding: var(--spacing-sm);
    }
}

/* Mobile méret */
@media (max-width: 768px) {
    .container {
        padding: var(--spacing-sm);
    }
    
    .floating-phone {
        display: flex;
    }
    
    /* Hover kikapcsolás mobilon - globális */
    .menu-toggle:hover,
    .back-to-top:hover,
    .floating-phone:hover {
        transform: none;
        box-shadow: inherit;
        background-color: inherit;
    }
}

/* Padding a main elemhez a fixed navigation miatt */
main {
    padding-bottom: 70px;
}