/* Hero Section */
.hero {
    position: relative;
    background: url('../images/car-background.webp') no-repeat center center/cover;
    min-height: 100vh;
    padding: 80px 0;
    z-index: 1;
    display: flex;
    align-items: center;
}

/* Overlay sombre */
.hero::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: -1;
}

/* Hero title */
.hero-title {
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
}

/* Hero description */
.hero-desc {
    color: #ddd;
    font-size: 1.2rem;
    margin-top: 15px;
    max-width: 500px;
}

/* Formulaire */
.hero-form {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    animation: slideUp 1s ease;
}

@keyframes slideUp {
    from {transform: translateY(50px); opacity: 0;}
    to {transform: translateY(0); opacity: 1;}
}

/* About section */
.about h2 {
    color: #10007a;
    font-size: 2rem;
}

.about p {
    font-size: 1.1rem;
    color: #4f5259;
}

/*btn customs*/
.btn-danger-customs{
    background-color: #c84532 !important;
}

/* Bouton outline personnalisé */
.btn-outline-primary-customs {
    color: #c84532 !important;               /* texte garde la couleur de la marque */
    border: 2px solid #c84532 !important;    /* bordure de la même couleur */
    background-color: transparent !important;
    transition: all 0.3s ease !important;
}

.btn-outline-primary-customs:hover,
.btn-outline-primary-customs:focus {
    background-color: #c84532 !important;    /* au hover -> fond rouge */
    color: #fff !important;                  /* texte devient blanc pour contraste */
    border-color: #c84532 !important;
}

/* Couleurs de marque */
:root{
  --brand-blue:#10007a;
  --brand-red:#c84532;
  --brand-grey:#4f5259;
  --brand-blue-10:#f2f2fa;
}

/* Footer */
.site-footer{
  background:#f8f9fa; /* Bootstrap bg-light amélioré */
  color:#2b2b2b;
  border-top:1px solid #ececf2;
}

.site-footer .footer-topbar{
  height:6px;
  background: linear-gradient(90deg, var(--brand-blue), var(--brand-red));
}

.footer-brand-text{
  color: var(--brand-blue);
  letter-spacing:.3px;
}

.footer-desc{
  color: var(--brand-grey);
}

.footer-nav .nav-link{
  color:#333;
  opacity:.9;
  transition:opacity .2s ease, color .2s ease, transform .2s ease;
}

.footer-nav .nav-link:hover,
.footer-link:hover{
  color: var(--brand-blue);
  text-decoration: none;
  transform: translateY(-1px);
}

.footer-link{
  color:#333;
  text-decoration:none;
}

.back-to-top{
  border-color:#e3e6ef;
  color:#333;
}
.back-to-top:hover{
  color:#fff;
  background: var(--brand-blue);
  border-color: var(--brand-blue);
}


/* Icônes du footer */
.footer-icon {
  font-size: 1.2rem;         /* taille icône */
  vertical-align: middle;
}

/* Couleurs FDLocation */
.footer-icon-blue {
  color: #10007a;  /* bleu */
}

.footer-icon-red {
  color: #c84532;  /* rouge */
}

.footer-link {
  color: #4f5259;  /* gris */
  text-decoration: none;
  transition: color .2s ease;
}

.footer-link:hover {
  color: #10007a;  /* passe en bleu au survol */
}


/*formulaire de recherche*/
@media only screen and (min-width: 10px) {
    div.mpcrbm_transport_search_area .mpcrbm_search_area label {
        font-weight: 400;
        color: #152C5B;
        font-size: 12px !important;
    }
}