/**
 * GDSA 74 - Footer personnalisé
 * Thème Sirat
 */

/* ==========================================
   1. Structure du footer Sirat
   ========================================== */

/* Masquer les colonnes inutiles */
#footer .footer-block:nth-child(2),
#footer .footer-block:nth-child(3),
#footer .footer-block:nth-child(4) {
    display: none !important;
}

/* Première colonne sur toute la largeur */
#footer .footer-block:first-child {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
}

/* Widget HTML sur toute la largeur */
#footer .footer-block:first-child .widget,
#footer .footer-block:first-child .custom-html-widget {
    width: 100% !important;
    max-width: 100% !important;
}

/* ==========================================
   2. Conteneur principal
   ========================================== */

#footer .gdsa-footer-widget {
    width: 100%;
    color: #d6d9d7 !important;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 1.75;
    text-align: left !important;
    text-transform: none !important;
}

/* ==========================================
   3. Trois colonnes
   ========================================== */

#footer .gdsa-footer-columns {
    display: grid;
    grid-template-columns: 1.25fr 0.85fr 1fr;
    gap: 65px;
    width: 100%;
    padding: 10px 0 35px;
    text-align: left !important;
}

#footer .gdsa-footer-columns > div {
    min-width: 0;
    text-align: left !important;
}

/* ==========================================
   4. Titres
   ========================================== */

#footer .gdsa-footer-widget .gdsa-footer-columns h3 {
    position: relative;
    display: block;
    color: #f4bb20 !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.3px;
    text-align: left !important;
    text-transform: none !important;
    margin: 0 0 26px !important;
    padding: 0 0 13px !important;
    border: none !important;
    background: none !important;
}

/* Supprimer les décorations du thème */
#footer .gdsa-footer-columns h3::before {
    display: none !important;
}

/* Soulignement jaune */
#footer .gdsa-footer-columns h3::after {
    content: "" !important;
    display: block !important;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48px !important;
    height: 2px !important;
    background: #f4bb20 !important;
    border: none !important;
}

/* ==========================================
   5. Paragraphes et typographie
   ========================================== */

#footer .gdsa-footer-widget p {
    color: #d6d9d7 !important;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 1.75 !important;
    margin: 0 0 15px !important;
    text-align: left !important;
    text-transform: none !important;
}

#footer .gdsa-footer-widget strong {
    color: #f0f0f0 !important;
    font-weight: 600 !important;
}

/* ==========================================
   6. Liens généraux
   ========================================== */

#footer .gdsa-footer-widget a,
#footer .gdsa-footer-widget a:link,
#footer .gdsa-footer-widget a:visited {
    color: #d6d9d7 !important;
    text-decoration: none !important;
    text-transform: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

#footer .gdsa-footer-widget a:hover,
#footer .gdsa-footer-widget a:focus {
    color: #f4bb20 !important;
    text-decoration: none !important;
}

/* ==========================================
   7. Liens utiles
   ========================================== */

#footer .gdsa-footer-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#footer .gdsa-footer-navigation li {
    list-style: none !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

#footer .gdsa-footer-navigation a {
    display: inline-block;
    color: #d6d9d7 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: color 0.2s ease, transform 0.2s ease;
}

#footer .gdsa-footer-navigation a:hover {
    color: #f4bb20 !important;
    transform: translateX(5px);
}

/* ==========================================
   8. Contact
   ========================================== */

#footer .gdsa-footer-contact p {
    margin-bottom: 22px !important;
}

#footer .gdsa-footer-widget a.gdsa-footer-button,
#footer .gdsa-footer-widget a.gdsa-footer-button:link,
#footer .gdsa-footer-widget a.gdsa-footer-button:visited {
    display: inline-block !important;
    padding: 11px 20px !important;
    border: 1px solid #f4bb20 !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: #f4bb20 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    text-transform: none !important;
    transition: background 0.2s ease, color 0.2s ease;
}

#footer .gdsa-footer-widget a.gdsa-footer-button:hover,
#footer .gdsa-footer-widget a.gdsa-footer-button:focus {
    background: #f4bb20 !important;
    color: #242725 !important;
}

/* ==========================================
   9. Bandeau légal
   ========================================== */

#footer .gdsa-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    margin-top: 5px;
    padding: 23px 0 5px;
    border-top: 1px solid #444a46;
    color: #aeb5b0 !important;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 1.6;
    text-align: left !important;
}

#footer .gdsa-footer-bottom-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
}

#footer .gdsa-footer-bottom a,
#footer .gdsa-footer-bottom a:link,
#footer .gdsa-footer-bottom a:visited {
    color: #aeb5b0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    border: none !important;
}

#footer .gdsa-footer-bottom a:hover,
#footer .gdsa-footer-bottom a:focus {
    color: #f4bb20 !important;
}

/* ==========================================
   10. Tablette
   ========================================== */

@media screen and (max-width: 991px) {

    #footer .gdsa-footer-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 35px;
    }

    #footer .gdsa-footer-contact {
        grid-column: 1 / -1;
    }
}

/* ==========================================
   11. Mobile
   ========================================== */

@media screen and (max-width: 600px) {

    #footer .footer-block:first-child {
        padding-left: 15px;
        padding-right: 15px;
    }

    #footer .gdsa-footer-columns {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 5px 0 25px;
    }

    #footer .gdsa-footer-contact {
        grid-column: auto;
    }

    #footer .gdsa-footer-widget .gdsa-footer-columns h3 {
        font-size: 19px !important;
        margin-bottom: 20px !important;
    }

    #footer .gdsa-footer-widget p {
        font-size: 14px !important;
    }

    #footer .gdsa-footer-navigation a {
        font-size: 14px !important;
    }

    #footer .gdsa-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding-top: 20px;
    }

    #footer .gdsa-footer-bottom-links {
        gap: 12px 20px;
    }

    #footer .gdsa-footer-bottom,
    #footer .gdsa-footer-bottom a {
        font-size: 12px !important;
    }
}