/* ======================================================================================
   SIDEBAR.CSS – Styles de la barre latérale
   Auteur                : Renaud
   Création              : 03 novembre 2025
   Dernière modification : 18 novembre 2025
   Description :
      • Styles généraux pour la barre latérale (.sidebar).
      • Styles pour les blocs de contenu de la barre latérale (.sidebar-block).
      • Styles pour les titres et éléments de liste à l'intérieur de la barre latérale.
   ======================================================================================= */


/* ======================================================================================
   STYLES GÉNÉRAUX DE LA BARRE LATÉRALE
   Description :
      • Définit l'apparence générale (fond, espacement) de la barre latérale.
   ======================================================================================= */

/* ======================================================================================
   SIDEBAR-CONTENT.CSS
   Gestion de la barre latérale (Infos, Contact, Pub, Tarifs)
   ======================================================================================= */

/* --- Conteneur Global Sidebar --- */
.sidebar-content {
    background-color: var(--color-background-sidebar);
    padding: 1.5rem;
    border-left: 1px solid var(--color-sidebar-border); /* Bordure à gauche sur Desktop */
    border-top: none;
    height: fit-content; /* La sidebar s'arrête à la fin de son contenu */
}

/* Adaptation Mobile (Sidebar en dessous) */
@media (max-width: 900px) {
    .sidebar-content {
        border-left: none;
        border-top: 1px solid var(--color-sidebar-border);
        margin-top: 2rem;
    }
}

/* --- Blocs Individuels (Contact, CGV, Pub...) --- */
.sidebar-block {
    background-color: var(--color-background-sidebar-block);
    border: 1px solid var(--color-sidebar-border);
    border-radius: 8px; /* Arrondi cohérent avec les cartes */
    padding: 1.25rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 4px var(--color-sidebar-shadow);
}

.sidebar-block:last-child {
    margin-bottom: 0;
}

/* --- Typographie Interne --- */
.sidebar-heading {
    font-family: var(--font-headings);
    font-size: 1.25rem; /* h4 */
    color: var(--color-headings);
    margin-top: 0;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--color-link-default); /* Petite touche de couleur sous le titre */
    text-align: center;
}

.sidebar-item, 
.sidebar-address p {
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 0.8rem;
    color: var(--color-text-body);
}

.sidebar-address {
    font-style: normal;
}

/* --- Liens dans la sidebar --- */
.sidebar-link {
    color: var(--color-link-default);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.sidebar-link:hover,
.sidebar-link:focus {
    color: var(--color-link-hover);
    text-decoration: underline;
}

/* --- Liens importants (CGV / Mentions) --- */
.sidebar-link--cgv {
    display: block; /* Un lien par ligne */
    padding: 0.3rem 0;
}

/* --- Bloc Publicité --- */
.sidebar-block--advertisement {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.sidebar-advert-link {
    display: block;
    margin: 1rem 0;
    transition: transform 0.2s ease;
}

.sidebar-advert-link:hover {
    transform: scale(1.02);
}

.sidebar-advert-img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.sidebar-advert-text {
    font-size: 0.9rem;
    font-style: italic;
    margin-bottom: 1rem;
}

/* Bouton "En savoir plus" de la pub (style mini bouton) */
.sidebar-link--advert {
    display: inline-block;
    background-color: var(--color-link-default);
    color: #fff; /* Toujours blanc */
    padding: 0.4rem 1rem;
    border-radius: 4px;
    font-size: 0.85rem;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.sidebar-link--advert:hover {
    background-color: var(--color-link-hover);
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
}

/* --- Bloc Tarifs (Tableau simple) --- */
.sidebar-price-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.sidebar-price-table td {
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--color-sidebar-border);
}

.sidebar-price-table td:last-child {
    text-align: right;
    font-weight: bold;
    white-space: nowrap;
}