/* ================================================================
   CORRECTIONS MOBILE
   ================================================================ */

@media (max-width: 768px) {
    /* === 1. RECHERCHE CENTRÉE === */
    .search-container {
        padding: 0.5rem !important;
    }
    
    .search-form {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.5rem !important;
        width: 100% !important;
    }
    
    .search-input {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .search-button {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 0.75rem !important;
        font-size: 0.9rem !important;
    }
    
    /* === 2. TEXTES HEADER ESPACÉS === */
    .site-tagline {
        font-size: 0.9rem !important;
        padding: 0.5rem !important;
        margin-bottom: 0.3rem !important;
    }
    
    /* IRMINSUL VISIBLE AVEC IMAGE sur mobile */
    .irminsul-background {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 0.5rem 0 !important;
        text-align: center !important;
        height: auto !important;
    }
    
    .irminsul-background img {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-width: 80px !important;
        width: 80px !important;
        height: auto !important;
    }
    
    .title-section {
        padding: 1rem 0.5rem !important;
    }
    
    .site-title {
        font-size: 2rem !important;
        letter-spacing: 0.3rem !important;
    }
    
    /* Edelweiss plus petits sur mobile */
    .symbol img {
        max-width: 50px !important;
        height: auto !important;
    }
}

/* === VIDÉOS RESPONSIVE (ODYSEE, YOUTUBE, DAILYMOTION) === */
/* Container wrapper pour toutes les vidéos */
.odysee-video,
.youtube-video,
.dailymotion-video,
.video-container,
.video-wrapper {
    position: relative !important;
    width: 100% !important;
    padding-bottom: 56.25% !important; /* Ratio 16:9 */
    height: 0 !important;
    overflow: hidden !important;
    margin: 1.5rem 0 !important;
}

.odysee-video iframe,
.youtube-video iframe,
.dailymotion-video iframe,
.video-container iframe,
.video-wrapper iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 2px solid var(--gold) !important;
}

/* Iframes vidéo directes sans wrapper */
iframe[src*="youtube.com"],
iframe[src*="youtu.be"],
iframe[src*="odysee.com"],
iframe[src*="dailymotion.com"] {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9 !important;
}