/* =========================================================
   ÉVÉNEMENTS & ANNONCES — VERSION PLUS CLAIRE
   Surcharge visuelle uniquement.
   La structure et les fonctionnalités restent inchangées.
========================================================= */

body {
    background: #f3efe7;
}

.events-page {
    background:
        linear-gradient(
            180deg,
            #f7f3eb 0,
            #f3efe7 48%,
            #eee8dd 100%
        );
    color: #1a1f24;
}

/* =========================================================
   EN-TÊTE DE PAGE
========================================================= */

.events-page__header {
    padding: 34px 38px;
    border: 1px solid rgba(27, 31, 36, .08);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 18px 46px rgba(35, 30, 20, .07);
}

.events-page__header h1,
.events-section__heading h2,
.event-page-card h3,
.classified-card h3,
.classifieds-empty h3 {
    color: #171b20;
}

.events-page__header > p,
.events-section__heading > p,
.classifieds-heading__action p {
    color: #687077;
}

.section-kicker {
    color: #b3821e;
}

/* =========================================================
   ONGLETS
========================================================= */

.events-tabs {
    padding: 10px;
    border: 1px solid rgba(25, 29, 33, .08);
    border-radius: 14px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 10px 30px rgba(30, 25, 18, .05);
}

.events-tabs__link {
    color: #30363b;
    border-color: transparent;
}

.events-tabs__link:hover,
.events-tabs__link:focus-visible {
    background: #f0eadf;
    color: #14191e;
}

.events-tabs__link--gold {
    background: #c99a32;
    color: #13171a;
}

/* =========================================================
   SECTIONS
========================================================= */

.events-section,
.classifieds-section {
    margin-top: 34px;
    padding: 34px;
    border: 1px solid rgba(26, 30, 34, .08);
    border-radius: 18px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 18px 48px rgba(31, 26, 18, .055);
}

.events-section__heading,
.classifieds-section .events-section__heading {
    border-bottom-color: rgba(25, 29, 33, .10);
}

/* =========================================================
   CARTES ÉVÉNEMENTS
========================================================= */

.event-page-card {
    overflow: hidden;
    border: 1px solid #e2ddd3;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(35, 30, 20, .055);
}

.event-page-card__date {
    background: #1a2026;
    color: #ffffff;
}

.event-page-card__day {
    color: #d6a73d;
}

.event-page-card__month,
.event-page-card__time {
    color: rgba(255, 255, 255, .76);
}

.event-page-card__content {
    background: #ffffff;
}

.event-page-card__description {
    color: #5e666d;
}

.event-page-card__meta {
    border-top-color: #ece7de;
    color: #737a80;
}

.event-page-card__meta strong {
    color: #2b3136;
}

.event-page-card__type {
    background: #eee9df;
    color: #464d52;
}

/* =========================================================
   PETITES ANNONCES
========================================================= */

.classified-card {
    overflow: hidden;
    border: 1px solid #e1dcd2;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(35, 30, 20, .06);
}

.classified-card__visual {
    background: #e9e4da;
}

.classified-card__body {
    background: #ffffff;
}

.classified-card__category {
    background: #f0eadf;
    color: #725516;
}

.classified-card__price {
    color: #a47417;
}

.classified-card__description,
.classified-card__seller span,
.classified-detail__meta {
    color: #70777d;
}

.classified-card__seller strong,
.classified-detail__content,
.classified-detail__meta strong {
    color: #252b30;
}

.classified-card__seller,
.classified-card__details,
.classified-card__contact {
    border-color: #ece7de;
}

.classified-card__details summary,
.classified-card__contact summary {
    color: #2c3338;
}

.classified-card__details summary:hover,
.classified-card__contact summary:hover {
    color: #a97818;
}

.classified-detail,
.classified-card__contact-box {
    background: #f8f5ef;
    color: #30363b;
}

.classified-detail__photo {
    background: #e9e3d9;
}

.classified-detail__price {
    color: #a87717;
}

.classified-card__contact-box a {
    color: #805d17;
}

/* =========================================================
   ACTIONS / ÉTATS VIDES
========================================================= */

.classifieds-deposit {
    border-color: #c99a32;
    background: #c99a32;
    color: #15191c;
}

.classifieds-deposit:hover,
.classifieds-deposit:focus-visible {
    background: #ddb348;
}

.events-page__empty,
.classifieds-empty {
    border: 1px dashed #d7d0c4;
    border-radius: 14px;
    background: #ffffff;
    color: #636b71;
}

.classifieds-note {
    color: #747b80;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 800px) {
    .events-page__header,
    .events-section,
    .classifieds-section {
        padding: 24px 20px;
        border-radius: 14px;
    }

    .events-tabs {
        padding: 8px;
    }
}