/* ==========================================================================
   Vendiauto - Prix Carburants
   Thème rouge / orange pour les pages prix des carburants
   ========================================================================== */

/* Carte Leaflet
   ========================================================================== */

#map {
    width: 100%;
    height: 400px;
    border-radius: 8px;
    z-index: 1;
}

/* Liens départements
   ========================================================================== */

.link-dept {
    color: var(--carb-main);
    font-weight: 600;
    text-decoration: none;
}

.link-dept:hover {
    color: var(--carb-dark);
    text-decoration: underline;
}

/* ==========================================================================
   Thème carburants : rouge / orange
   ========================================================================== */

:root {
    --carb-main: #ef3b2d;
    --carb-dark: #b42318;
    --carb-soft: #fff1ed;
    --carb-orange: #f97316;
}

/* Hero
   ========================================================================== */

.carb-hero-gradient {
    background:
        radial-gradient(circle at top left, rgba(239, 59, 45, .18), transparent 35%),
        radial-gradient(circle at top right, rgba(249, 115, 22, .14), transparent 34%),
        linear-gradient(135deg, #fff4ef 0%, #ffffff 46%, #fff8f4 100%);
}

.carb-hero-gradient .card.bg-light,
.carb-hero-gradient .bg-light {
    background-color: rgba(255, 255, 255, .84) !important;
}

/* Couleurs thème
   ========================================================================== */

.text-carb {
    color: var(--carb-main);
}

.bg-carb {
    background-color: var(--carb-main);
}

.border-carb {
    border-color: var(--carb-main);
}

.link-carb {
    color: var(--carb-main);
    font-weight: 600;
    text-decoration: none;
}

.link-carb:hover {
    color: var(--carb-dark);
    text-decoration: underline;
}

/* Boutons thème
   ========================================================================== */

.btn-carb {
    background-color: var(--carb-main);
    border-color: var(--carb-main);
    color: #fff;
}

.btn-carb:hover,
.btn-carb:focus {
    background-color: var(--carb-dark);
    border-color: var(--carb-dark);
    color: #fff;
}

.btn-outline-carb {
    background-color: #fff;
    border-color: var(--carb-main);
    color: var(--carb-main);
}

.btn-outline-carb:hover,
.btn-outline-carb:focus {
    background-color: var(--carb-main);
    border-color: var(--carb-main);
    color: #fff;
}

/* Compatibilité limitée aux pages prix carburants.
   Ces overrides restent ici perché le pagine prix usano ancora alcune classi Bootstrap. */
.btn-info,
.btn-outline-info.active {
    background-color: var(--carb-main);
    border-color: var(--carb-main);
    color: #fff;
}

.btn-outline-info {
    background-color: #fff;
    border-color: var(--carb-main);
    color: var(--carb-main);
}

.btn-outline-info:hover,
.btn-outline-info:focus {
    background-color: var(--carb-main);
    border-color: var(--carb-main);
    color: #fff;
}

.btn-primary {
    background-color: var(--carb-main);
    border-color: var(--carb-main);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--carb-dark);
    border-color: var(--carb-dark);
    color: #fff;
}

.btn-outline-primary {
    background-color: #fff;
    border-color: var(--carb-main);
    color: var(--carb-main);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--carb-main);
    border-color: var(--carb-main);
    color: #fff;
}

.text-primary,
.text-info {
    color: var(--carb-main) !important;
}

.bg-primary,
.bg-info {
    background-color: var(--carb-main) !important;
}

.border-primary,
.border-info {
    border-color: var(--carb-main) !important;
}

/* ==========================================================================
   Filtres carburants
   ========================================================================== */

#fuelFilterGroup {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    width: 100%;
    vertical-align: initial;
}

#fuelFilterGroup.btn-group {
    display: flex;
}

#fuelFilterGroup .fuel-filter-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid var(--carb-main);
    color: var(--carb-main);
    border-radius: 999px;
    margin: 0;
    padding: 0.35rem 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    box-shadow: none;
    text-shadow: none;
}

#fuelFilterGroup > .btn:not(:first-child),
#fuelFilterGroup > .btn:not(:last-child),
#fuelFilterGroup > .btn-group:not(:first-child) > .btn,
#fuelFilterGroup > .btn-group:not(:last-child) > .btn {
    border-radius: 999px;
    margin-left: 0;
}

#fuelFilterGroup .fuel-filter-btn:hover,
#fuelFilterGroup .fuel-filter-btn:focus {
    background-color: var(--carb-soft);
    border-color: var(--carb-dark);
    color: var(--carb-dark);
    z-index: 2;
}

#fuelFilterGroup .fuel-filter-btn.active {
    background-color: var(--carb-main);
    border-color: var(--carb-main);
    color: #fff;
    z-index: 3;
}

#fuelFilterGroup .fuel-filter-btn.active:hover,
#fuelFilterGroup .fuel-filter-btn.active:focus {
    background-color: var(--carb-dark);
    border-color: var(--carb-dark);
    color: #fff;
}

#fuelFilterGroup .fuel-filter-btn,
#fuelFilterGroup .fuel-filter-btn.active,
#fuelFilterGroup .fuel-filter-btn:hover,
#fuelFilterGroup .fuel-filter-btn:focus {
    text-decoration: none;
    opacity: 1;
}

/* Anciennes classes éventuelles fuel-tabs */
.fuel-tabs .btn {
    border-radius: 999px;
    margin-right: 0;
}

.fuel-tabs .btn-info,
.fuel-tabs .btn-primary {
    background-color: var(--carb-main);
    border-color: var(--carb-main);
    color: #fff;
}

.fuel-tabs .btn-outline-secondary:hover {
    border-color: var(--carb-main);
    color: var(--carb-main);
}

/* Mobile */
@media (max-width: 575.98px) {
    #fuelFilterGroup {
        gap: 0.4rem;
    }

    #fuelFilterGroup .fuel-filter-btn {
        flex: 1 1 auto;
        min-width: 92px;
        padding: 0.45rem 0.65rem;
        font-size: 0.85rem;
    }
}

/* Pagination
   ========================================================================== */

.page-item.active .page-link {
    background-color: var(--carb-main);
    border-color: var(--carb-main);
    color: #fff;
}

.page-link {
    color: var(--carb-main);
}

.page-link:hover {
    color: var(--carb-dark);
}