/*
 * ============================================================
 * TAXIRAMA — PERSONNALISATIONS CSS
 * ============================================================
 * Site           : taxirama.fr
 * Thème          : theme-taxirama
 * Développement  : Nantyr
 * Dernière modif : 22/10/2026
 *
 * Feuille de styles personnalisés du site Taxirama.
 * ============================================================
 */

/* ============================================================
   1. PAGE D'ACCUEIL — EN-TÊTE
   ============================================================ */
section#home-header div#home-header-container div#home-header-content h1 {
    margin: 0px 0px 0px 0px;
}

/* ============================================================
   2. PRODUITS ET VÉHICULES
   ============================================================ */
section.produit-description div.produit-description-right-content-text h4 {
    display: none;
}

section#vehicule-container ul.categories-list-content ul.category-items-content div.vehicule_contact span {
    width: 100%;
    height: 2px;
    background-color: #e30613;
    margin: 30px 0px;
}

section#vehicule-container div.vehicule_contact h3 {
    border-bottom: 1px solid #e30613;
    width: 150px;
    padding: 20px 0px;
}

/* ============================================================
   3. BOUTONS
   ============================================================ */
div.button {
    display: flex;
}

div.button button:hover {
    color: white;
    background-color: #e30613;
}

div.button button {
    color: #171715;
    text-decoration: none;
    font-size: 14px;
    border: 1px solid #e30613;
    padding: 15px 55px;
    margin: 0px;
    font-family: "lato", sans-serif;
    font-weight: 700;
    font-style: normal;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
}

/* ============================================================
   4. RENDEZ-VOUS MOBILE
   ============================================================ */
div#header-rdv-mobile {
    text-align: center;
    padding-left: 0;
    padding-bottom: 13px;
}

/* ============================================================
   5. RESPONSIVE — PETITS ÉCRANS (550 px et moins)
   ============================================================ */
@media (max-width: 550px) {
    section#home-header div#home-header-container {
        width: 85%;
        padding: 10px;
        padding-bottom: 15px;
        top: 280px;
    }

    section#home-header div#home-header-container div#home-header-content p {
        font-size: 16px;
        line-height: 15px;
    }
}

/* ============================================================
   6. RESPONSIVE — À PARTIR DE 551 px
   ============================================================ */
@media screen and (min-width: 551px) {
    section#home-header div#home-header-container {
        width: 55%;
        position: relative;
        padding: 10px;
        padding-bottom: 15px;
        top: 400px;
        box-shadow: 0px 0px 15px lightgrey;
    }
}

/* ============================================================
   7. RESPONSIVE — ORDINATEURS (1025 px et plus)
   ============================================================ */
@media (min-width: 1025px) {
    button#faq-btn-mobile {
        display: none;
    }
}

/* ============================================================
   8. RESPONSIVE — TABLETTES ET MOBILES (1024 px et moins)
   ============================================================ */
@media (max-width: 1024px) {
    button#agendize, button#agendize2 {
        display: none;
    }

    section#home-header div#home-header-container a {
        border: none;
        padding: 0px;
        width: 100%;
    }

    nav.main-navigation li ul.sub-menu li {
        text-align: left;
        width: 150px;
    }

    div#home-header-content div.button {
        display: none;
    }
}