/* 
 * VARAZZE MARE - MAIN STYLESHEET
 * Fix Responsività Totale
 */

@import url('./modules/global.css');
@import url('./modules/search.css');
@import url('./modules/slider.css');
@import url('./modules/viewer.css');

/* --- FIX CRITICI PER MOBILE --- */

html, body {
    max-width: 100vw;
    overflow-x: hidden; /* IMPERATIVO: Blocca scroll orizzontale */
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent; /* Rimuove highlight blu su tap mobile */
}

/* Reset Immagini */
img, video {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Utility Aspect Ratio per browser vecchi */
.aspect-4-3 {
    position: relative;
    padding-bottom: 75%;
}
.aspect-4-3 > img, .aspect-4-3 > div {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;
}

/* Placeholder CSS elegante (sostituisce l'immagine brutta 'No Foto') */
.no-photo-placeholder {
    background-color: #f5f5f4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #a8a29e;
}