/* =========================================================
   ALPES-SUD.NET — Conditions 2026 / variante bleu foncé
   Refonte sous le bloc titre+intro uniquement.
   Palette plus dense, plus premium, avec utilisation des SVG du site.
   ========================================================= */

.conditions-page{
    --as-ink:#e8f0f6;
    --as-body:#11273a;
    --as-muted:#aab9c5;
    --as-muted-2:#90a4b4;
    --as-line:rgba(140,168,188,.20);
    --as-soft:#0f2436;
    --as-soft-2:#16354d;
    --as-soft-3:#1d4461;
    --as-panel:#102b42;
    --as-panel-2:#15344c;
    --as-panel-3:#1a405b;
    --as-teal:#3d7f9f;
    --as-teal-dark:#2d8a8f;
    --as-navy:#002b55;
    --as-alert:#d86e73;
}

/* =========================================================
   TABLEAU VISUEL SOUS L'INTRODUCTION
   ========================================================= */

.conditions-live-panel{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:28px;
    align-items:end;
    max-width:1080px;
    margin:0 auto 56px;
    padding:32px 36px;
    overflow:hidden;
    border:1px solid rgba(88,127,156,.28);
    border-radius:12px;
    background:
        linear-gradient(112deg,rgba(0,43,85,.96) 0%,rgba(17,57,86,.96) 52%,rgba(24,69,102,.92) 100%),
        radial-gradient(circle at 12% 0%,rgba(61,127,159,.28),transparent 42%),
        #102b42;
    box-shadow:0 20px 44px rgba(5,17,27,.22);
}

.conditions-live-panel::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        url('/illustrations/home-contours.svg') right center / 480px auto no-repeat,
        url('/illustrations/panel-mountains.svg') left bottom / 320px auto no-repeat;
    opacity:.18;
    pointer-events:none;
}

.conditions-live-panel::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:41%;
    height:100%;
    background-size:cover;
    background-position:center;
    opacity:.28;
    filter:saturate(.70) brightness(.74) contrast(1.02);
    mix-blend-mode:screen;
    pointer-events:none;
}

.conditions-live-panel-glace::after{
    background-image:url('/assets/img/conditions/cascade-01.jpg');
}

.conditions-live-panel-mixte::after{
    background-image:url('/assets/img/conditions/mixte-02.jpg');
}

.conditions-live-copy,
.conditions-live-stats{
    position:relative;
    z-index:1;
}

.conditions-live-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
    color:#8ec8db;
    font-size:.72rem;
    font-weight:850;
    letter-spacing:.17em;
    text-transform:uppercase;
}

.conditions-live-kicker::before{
    content:"";
    width:28px;
    height:1px;
    background:rgba(142,200,219,.72);
}

.conditions-live-copy h2{
    max-width:570px;
    margin:0 0 12px;
    color:#f4f8fb;
    font-size:clamp(1.55rem,2.7vw,2.25rem);
    line-height:1.08;
    font-weight:620;
    letter-spacing:-.035em;
}

.conditions-live-copy p{
    max-width:610px;
    margin:0;
    color:#d0dde7;
    font-size:.99rem;
    line-height:1.74;
}

.conditions-live-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(82px,1fr));
    gap:10px;
    min-width:322px;
}

.conditions-live-stats span{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:84px;
    padding:10px 12px;
    border:1px solid rgba(143,175,198,.16);
    border-radius:10px;
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(5px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.conditions-live-stats strong{
    color:#ffffff;
    font-size:1.7rem;
    line-height:1;
    font-weight:760;
    letter-spacing:-.04em;
}

.conditions-live-stats em{
    margin-top:8px;
    color:#9cb4c5;
    font-size:.69rem;
    font-style:normal;
    font-weight:840;
    letter-spacing:.11em;
    text-transform:uppercase;
}

/* =========================================================
   LISTES DENSES — SECTEURS ET COURSES
   ========================================================= */

.conditions-region{
    position:relative;
    max-width:1080px;
    margin:50px auto 0;
}

.conditions-region:first-of-type{
    margin-top:0;
}

.conditions-region h2{
    position:relative;
    display:flex;
    align-items:center;
    gap:13px;
    margin:0 0 16px;
    padding:0 0 12px;
    border-bottom:1px solid rgba(61,127,159,.30);
    color:#79b4ca;
    font-size:.76rem;
    line-height:1;
    font-weight:880;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.conditions-region h2::before{
    content:"";
    width:34px;
    height:14px;
    background:url('/illustrations/icon-mountain.svg') center / contain no-repeat;
    opacity:.85;
}

.conditions-course{
    margin:0 0 28px;
}

.conditions-course h3{
    display:inline-flex;
    align-items:center;
    margin:0 0 12px 6px;
    padding:6px 12px;
    border:1px solid rgba(88,127,156,.24);
    border-radius:999px;
    background:linear-gradient(180deg,rgba(15,36,54,.96),rgba(20,49,71,.92));
    color:#b8cad7;
    font-size:.78rem;
    font-weight:820;
    letter-spacing:.05em;
    text-transform:uppercase;
    box-shadow:0 8px 20px rgba(5,17,27,.16);
}

.condition-line{
    position:relative;
    grid-template-columns:minmax(245px,1.15fr) minmax(270px,1fr) auto;
    gap:18px;
    min-height:76px;
    margin-bottom:10px;
    padding:15px 18px 15px 58px;
    border:1px solid rgba(88,127,156,.22);
    border-radius:10px;
    background:
        url('/illustrations/card-contours.svg') right center / 220px auto no-repeat,
        linear-gradient(92deg,rgba(15,36,54,.98),rgba(22,53,77,.97));
    box-shadow:0 12px 30px rgba(5,17,27,.12);
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease;
}

.condition-line::before{
    content:"";
    position:absolute;
    left:18px;
    top:50%;
    width:24px;
    height:24px;
    transform:translateY(-50%);
    border-radius:50%;
    border:1px solid rgba(121,180,202,.32);
    background:
        radial-gradient(circle at 50% 50%,rgba(121,180,202,.80) 0 2px,transparent 3px),
        linear-gradient(180deg,rgba(32,86,118,.90),rgba(18,48,69,.92));
    box-shadow:0 0 0 5px rgba(255,255,255,.02);
}

.condition-line::after{
    content:"›";
    position:absolute;
    right:13px;
    top:50%;
    transform:translateY(-50%);
    color:rgba(188,207,220,.52);
    font-size:1.32rem;
    line-height:1;
    z-index:3;
    pointer-events:none;
}

.condition-line:hover{
    transform:translateY(-1px);
    border-color:rgba(121,180,202,.38);
    box-shadow:0 18px 36px rgba(5,17,27,.18);
    filter:brightness(1.05);
}

.condition-line-recent{
    border-left:3px solid rgba(216,110,115,.72);
    padding-left:56px;
}

.condition-line-recent::before{
    border-color:rgba(216,110,115,.45);
    background:
        radial-gradient(circle at 50% 50%,rgba(246,171,175,.92) 0 2px,transparent 3px),
        linear-gradient(180deg,rgba(88,39,48,.88),rgba(39,23,30,.92));
}

.condition-title-block{
    gap:10px;
}

.condition-title-block strong{
    color:#f2f7fa;
    font-size:1rem;
    line-height:1.25;
    font-weight:730;
    letter-spacing:-.015em;
}

.condition-title-block span{
    padding:4px 8px 3px;
    border:1px solid rgba(136,167,188,.14);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    color:#b7cad8;
    font-size:.69rem;
    font-weight:850;
    letter-spacing:.03em;
}

.condition-status-block{
    gap:10px;
    color:#9cb2c2;
    font-size:.82rem;
}

.condition-view-link{
    gap:7px;
    color:#d8e4ec;
    font-size:.8rem;
    font-weight:720;
    letter-spacing:.01em;
}

.condition-view-link::before{
    content:"";
    width:16px;
    height:16px;
    border-radius:50%;
    border:1px solid rgba(121,180,202,.28);
    background:linear-gradient(180deg,rgba(61,127,159,.34),rgba(61,127,159,.14));
}

.condition-view-link b{
    min-width:20px;
    height:20px;
    padding:0 7px;
    border:1px solid rgba(121,180,202,.18);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    color:#8dc3d8;
    font-size:.72rem;
}

.condition-separator{
    color:rgba(188,207,220,.22);
}

.condition-update{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#b0c1ce;
    font-size:.79rem;
}

.condition-update::before{
    content:"";
    width:14px;
    height:14px;
    border:1px solid rgba(121,180,202,.20);
    border-radius:4px;
    background:
        url('/illustrations/icon-mountain.svg') center / 10px auto no-repeat,
        rgba(255,255,255,.04);
    opacity:.78;
}

.condition-alert{
    color:#f3a2a4;
    font-weight:720;
}

.condition-action-block{
    padding-right:24px;
}

.condition-add-link{
    min-height:34px;
    padding:0 15px;
    border-radius:999px;
    border:1px solid rgba(121,180,202,.26);
    background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
    color:#e2ecf3;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    font-size:.72rem;
    font-weight:850;
    letter-spacing:.03em;
}

.condition-add-link::before{
    content:"+";
    margin-right:7px;
    font-size:.9rem;
    line-height:1;
    font-weight:620;
    color:#8ec8db;
}

.condition-add-link:hover{
    border-color:#8ec8db;
    background:linear-gradient(180deg,rgba(61,127,159,.34),rgba(45,138,143,.30));
    color:#fff;
}

/* =========================================================
   OBSERVATIONS DETAIL
   ========================================================= */

.conditions-detail-page .condition-observation-card{
    position:relative;
    max-width:980px;
    margin:0 auto 18px;
    padding:24px 26px;
    overflow:hidden;
    border:1px solid rgba(88,127,156,.22);
    border-radius:11px;
    background:
        url('/illustrations/feature-mountain.svg') right bottom / 230px auto no-repeat,
        linear-gradient(135deg,rgba(15,36,54,.99),rgba(21,52,76,.97));
    box-shadow:0 16px 34px rgba(5,17,27,.16);
}

.conditions-detail-page .condition-observation-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:3px;
    background:linear-gradient(180deg,rgba(142,200,219,.92),rgba(61,127,159,.18));
}

.condition-observation-top{
    align-items:flex-start;
    padding-bottom:16px;
    margin-bottom:18px;
    border-bottom:1px solid rgba(121,180,202,.16);
}

.condition-label{
    color:#8ec8db;
    font-size:.7rem;
    font-weight:850;
    letter-spacing:.14em;
}

.condition-observation-title{
    color:#f3f7fb;
    font-size:1.28rem;
    font-weight:640;
    letter-spacing:-.025em;
}

.condition-observation-author{
    color:#afc1ce;
    font-size:.83rem;
}

.condition-observation-author a{
    color:#8ec8db;
    font-weight:760;
}

.condition-observation-grid{
    gap:14px;
}

.condition-observation-box,
.condition-observation-comment{
    border:1px solid rgba(121,180,202,.12);
    border-radius:9px;
    background:rgba(255,255,255,.05);
}

.condition-observation-content{
    color:#dce6ed;
    font-size:.96rem;
    line-height:1.76;
}

/* =========================================================
   FORMULAIRES OBSERVATIONS
   ========================================================= */

.condition-card{
    max-width:920px;
    margin-left:auto;
    margin-right:auto;
    border:1px solid rgba(88,127,156,.22);
    border-radius:12px;
    background:
        url('/illustrations/panel-mountains.svg') right bottom / 240px auto no-repeat,
        linear-gradient(135deg,rgba(15,36,54,.99),rgba(21,52,76,.98));
    box-shadow:0 18px 38px rgba(5,17,27,.16);
}

.condition-form{
    max-width:820px;
}

.condition-form-row{
    margin-bottom:20px;
}

.condition-form-row label{
    color:#e3edf4;
    font-size:.87rem;
    font-weight:780;
}

.condition-form-row input,
.condition-form-row select,
.condition-form-row textarea{
    border:1px solid rgba(121,180,202,.20);
    border-radius:8px;
    background:rgba(255,255,255,.92);
    color:#22323d;
    box-shadow:none;
}

.condition-form-row textarea{
    min-height:180px;
    resize:vertical;
}

.condition-form-row input:focus,
.condition-form-row select:focus,
.condition-form-row textarea:focus{
    border-color:rgba(142,200,219,.72);
    box-shadow:0 0 0 3px rgba(142,200,219,.16);
}

.condition-help{
    max-width:none;
    margin-top:28px;
    border:1px solid rgba(121,180,202,.14);
    background:rgba(255,255,255,.05);
    box-shadow:none;
}

.condition-help p{
    color:#c6d6e1;
    line-height:1.72;
}

.condition-form-actions input[type="submit"]{
    border-radius:999px;
    padding:12px 24px;
    border:1px solid rgba(142,200,219,.22);
    background:linear-gradient(180deg,#2d8a8f,#2f6f8e);
    color:#fff;
    box-shadow:0 12px 24px rgba(6,23,36,.22);
    letter-spacing:.03em;
}

.condition-form-actions input[type="submit"]:hover{
    background:linear-gradient(180deg,#3d7f9f,#2d8a8f);
}

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

@media(max-width:980px){
    .conditions-live-panel{
        grid-template-columns:1fr;
        padding:26px 24px;
    }

    .conditions-live-panel::after{
        width:100%;
        opacity:.12;
    }

    .conditions-live-stats{
        min-width:0;
    }

    .condition-line{
        grid-template-columns:1fr;
        gap:9px;
        padding-right:18px;
    }

    .condition-line::after{
        display:none;
    }

    .condition-action-block{
        justify-content:flex-start;
        padding-right:0;
    }
}

@media(max-width:640px){
    .conditions-live-panel{
        margin-bottom:42px;
        border-radius:10px;
    }

    .conditions-live-stats{
        grid-template-columns:1fr;
    }

    .conditions-live-stats span{
        min-height:64px;
        flex-direction:row;
        gap:10px;
    }

    .conditions-live-stats em{
        margin-top:0;
    }

    .condition-line{
        min-height:0;
        padding:14px 14px 14px 48px;
    }

    .condition-line::before{
        left:14px;
    }

    .condition-status-block{
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
    }

    .condition-separator{
        display:none;
    }

    .condition-add-link{
        width:auto;
    }
}


/* =========================================================
   Ajustements V2 — Bleu foncé mieux dosé
   - Les lignes redeviennent plus claires pour respirer.
   - Le survol n'est plus blanc flashy.
   - Suppression du pictogramme type case à cocher avant Observations.
   - Titres de régions plus lisibles.
   ========================================================= */

.conditions-live-panel{
    border-color:rgba(61,127,159,.34);
    background:
        linear-gradient(105deg,rgba(0,43,85,.95) 0%,rgba(14,48,75,.92) 46%,rgba(237,243,246,.88) 100%),
        radial-gradient(circle at 14% 0%,rgba(61,127,159,.26),transparent 44%),
        #102b42;
    box-shadow:0 18px 40px rgba(5,17,27,.16);
}

.conditions-live-panel::before{
    opacity:.13;
}

.conditions-live-panel::after{
    opacity:.18;
    filter:saturate(.72) brightness(.82) contrast(.98);
    mix-blend-mode:multiply;
}

.conditions-live-copy{
    max-width:650px;
}

.conditions-live-copy p{
    max-width:620px;
    color:#f1f7fb;
    font-weight:430;
    text-shadow:0 1px 1px rgba(0,18,34,.28);
}

.conditions-live-stats span{
    border-color:rgba(255,255,255,.13);
    background:rgba(0,43,85,.23);
}

.conditions-region h2{
    margin-bottom:18px;
    padding-bottom:13px;
    color:#003a66;
    font-size:.86rem;
    font-weight:900;
    letter-spacing:.14em;
    border-bottom-color:rgba(0,43,85,.22);
}

.conditions-region h2::before{
    opacity:.95;
    filter:none;
}

.conditions-course h3{
    border-color:rgba(0,43,85,.18);
    background:linear-gradient(180deg,rgba(248,251,252,.96),rgba(235,243,247,.94));
    color:#24485f;
    box-shadow:none;
}

/* Lignes : plus lumineuses, avec bleu foncé en accent seulement */
.condition-line{
    border-color:rgba(0,43,85,.16);
    background:
        url('/illustrations/card-contours.svg') right center / 210px auto no-repeat,
        linear-gradient(90deg,rgba(248,251,252,.98),rgba(239,246,249,.96));
    box-shadow:0 8px 22px rgba(5,17,27,.055);
}

.condition-line::before{
    border-color:rgba(0,43,85,.26);
    background:
        radial-gradient(circle at 50% 50%,rgba(61,127,159,.72) 0 2px,transparent 3px),
        linear-gradient(180deg,rgba(232,241,246,.96),rgba(214,228,236,.96));
    box-shadow:0 0 0 5px rgba(0,43,85,.035);
}

.condition-line::after{
    color:rgba(0,43,85,.36);
}

.condition-line:hover{
    transform:translateY(-1px);
    border-color:rgba(45,138,143,.36);
    background:
        url('/illustrations/card-contours.svg') right center / 210px auto no-repeat,
        linear-gradient(90deg,rgba(241,247,250,.98),rgba(229,240,246,.97));
    box-shadow:0 12px 28px rgba(5,17,27,.08);
    filter:none;
}

.condition-line-recent{
    border-left-color:rgba(168,58,58,.52);
}

.condition-line-recent::before{
    border-color:rgba(168,58,58,.32);
    background:
        radial-gradient(circle at 50% 50%,rgba(168,58,58,.72) 0 2px,transparent 3px),
        linear-gradient(180deg,rgba(255,244,244,.95),rgba(239,220,222,.96));
}

.condition-title-block strong{
    color:#122b3c;
    font-weight:760;
}

.condition-title-block span{
    border-color:rgba(0,43,85,.12);
    background:rgba(0,43,85,.055);
    color:#31526a;
}

.condition-status-block{
    color:#5d6f7c;
}

/* Suppression du pictogramme qui ressemblait à une case à cocher */
.condition-view-link::before{
    display:none !important;
    content:none !important;
}

.condition-view-link{
    color:#2f4f64;
}

.condition-view-link b{
    border-color:rgba(45,138,143,.18);
    background:rgba(45,138,143,.08);
    color:#2d6f86;
}

.condition-separator{
    color:rgba(0,43,85,.20);
}

.condition-update{
    color:#647684;
}

.condition-update::before{
    border-color:rgba(0,43,85,.16);
    background:rgba(255,255,255,.62);
}

.condition-alert{
    color:#a83a3a;
}

.condition-add-link{
    border-color:rgba(45,138,143,.36);
    background:rgba(255,255,255,.54);
    color:#2d6f86;
    box-shadow:none;
}

.condition-add-link::before{
    color:#2d8a8f;
}

.condition-add-link:hover{
    border-color:rgba(45,138,143,.58);
    background:rgba(45,138,143,.10);
    color:#16495a;
}

/* Détail et formulaires : fond encore bleu, mais moins massif */
.conditions-detail-page .condition-observation-card,
.condition-card{
    border-color:rgba(0,43,85,.18);
    background:
        url('/illustrations/feature-mountain.svg') right bottom / 220px auto no-repeat,
        linear-gradient(135deg,rgba(248,251,252,.98),rgba(236,245,249,.96));
    box-shadow:0 12px 30px rgba(5,17,27,.075);
}

.condition-observation-title{
    color:#112b3d;
}

.condition-observation-author,
.condition-observation-content,
.condition-help p{
    color:#4f6472;
}

.condition-observation-box,
.condition-observation-comment,
.condition-help{
    border-color:rgba(0,43,85,.12);
    background:rgba(255,255,255,.66);
}

.condition-form-row label{
    color:#213b4d;
}

@media(max-width:980px){
    .conditions-live-panel{
        background:
            linear-gradient(135deg,rgba(0,43,85,.94),rgba(18,57,86,.92)),
            #102b42;
    }

    .conditions-live-copy p{
        color:#e8f2f8;
    }
}


/* =========================================================
   Ajustements V3 — Repenser la liste
   - Moins de rectangles lourds.
   - Fond doux, non flashy.
   - Organisation par secteurs en blocs "collapse visuel".
   - Nombre d'observations en bulle de commentaire.
   - Icône de mise à jour remplacée par un repère calendrier discret.
   ========================================================= */

.conditions-live-panel{
    margin-bottom:48px;
    border-color:rgba(45,86,116,.28);
    background:
        linear-gradient(105deg,rgba(0,43,85,.95) 0%,rgba(18,56,82,.92) 48%,rgba(226,237,243,.84) 100%),
        radial-gradient(circle at 10% 0%,rgba(61,127,159,.24),transparent 38%),
        #102b42;
}

.conditions-live-copy h2{
    color:#f4f8fb;
}

.conditions-live-copy p{
    max-width:650px;
    color:#f6fbff !important;
    opacity:.96;
    font-weight:460;
    text-shadow:0 1px 2px rgba(0,18,34,.34);
}

.conditions-live-kicker{
    color:#a8d4e4;
}

.conditions-live-stats span{
    background:rgba(0,43,85,.18);
    border-color:rgba(255,255,255,.16);
}

/* Un secteur devient visuellement un bloc pliable, sans gros pavés blancs */
.conditions-region{
    max-width:1080px;
    margin:32px auto 0;
    padding:0;
    border:1px solid rgba(0,43,85,.14);
    border-radius:14px;
    background:
        linear-gradient(180deg,rgba(234,243,247,.94),rgba(220,234,241,.88));
    box-shadow:0 12px 30px rgba(5,17,27,.075);
    overflow:hidden;
}

.conditions-region:first-of-type{
    margin-top:0;
}

.conditions-region h2{
    min-height:54px;
    margin:0;
    padding:0 22px;
    border-bottom:1px solid rgba(0,43,85,.12);
    color:#f4f8fb !important;
    background:
        url('/illustrations/home-contours.svg') right center / 360px auto no-repeat,
        linear-gradient(90deg,#002b55,#113b5a 62%,#1e5a76);
    font-size:.82rem;
    font-weight:880;
    letter-spacing:.13em;
}

.conditions-region h2::before{
    width:28px;
    height:28px;
    border:1px solid rgba(255,255,255,.20);
    border-radius:50%;
    background:
        url('/illustrations/icon-mountain.svg') center / 18px auto no-repeat,
        rgba(255,255,255,.08);
    filter:brightness(0) invert(1);
    opacity:.82;
}

.conditions-region h2::after{
    content:"⌄";
    margin-left:auto;
    color:rgba(255,255,255,.72);
    font-size:1rem;
    font-weight:500;
    letter-spacing:0;
}

/* Sous-sections des couloirs : compactes et calmes */
.conditions-course{
    margin:0;
    padding:14px 18px 4px;
}

.conditions-course + .conditions-course{
    border-top:1px solid rgba(0,43,85,.09);
}

.conditions-course h3{
    margin:0 0 10px;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    color:#254b63;
    font-size:.78rem;
    font-weight:860;
    letter-spacing:.08em;
}

/* Liste : rythme dense, type table élégante plutôt que gros rectangles */
.condition-line{
    display:grid;
    grid-template-columns:minmax(260px,1.25fr) minmax(260px,1fr) auto;
    align-items:center;
    gap:16px;
    min-height:58px;
    margin:0;
    padding:11px 16px 11px 0;
    border:0;
    border-radius:0;
    background:transparent !important;
    box-shadow:none !important;
    filter:none !important;
    border-top:1px solid rgba(0,43,85,.075);
    transition:background-color .16s ease, box-shadow .16s ease;
}

.conditions-region > .condition-line:first-of-type,
.conditions-course > .condition-line:first-of-type{
    border-top:0;
}

.condition-line::before{
    display:none;
}

.condition-line::after{
    right:12px;
    color:rgba(0,43,85,.32);
    font-size:1.08rem;
}

.condition-line:hover{
    transform:none;
    border-color:rgba(0,43,85,.075);
    background:
        linear-gradient(90deg,rgba(0,43,85,.045),rgba(45,138,143,.06)) !important;
    box-shadow:inset 3px 0 0 rgba(45,138,143,.45) !important;
}

.condition-line-recent{
    border-left:0;
}

.condition-line-recent:hover{
    box-shadow:inset 3px 0 0 rgba(168,58,58,.50) !important;
}

/* Titre + difficulté */
.condition-title-block{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    padding-left:22px;
}

.condition-title-block strong{
    color:#143044;
    font-size:.96rem;
    font-weight:740;
    letter-spacing:-.01em;
}

.condition-title-block span{
    flex:0 0 auto;
    padding:3px 8px 2px;
    border:1px solid rgba(0,43,85,.13);
    border-radius:999px;
    background:rgba(0,43,85,.055);
    color:#355a70;
    font-size:.67rem;
    font-weight:840;
}

/* Statuts : plus de fausse case, vraie bulle commentaire pour le nombre */
.condition-status-block{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    color:#526b7b;
    font-size:.78rem;
}

.condition-view-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#355569;
    font-size:.76rem;
    font-weight:760;
}

.condition-view-link::before{
    display:none !important;
}

.condition-view-link b{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:25px;
    height:20px;
    padding:0 8px;
    border:1px solid rgba(45,138,143,.34);
    border-radius:12px;
    background:rgba(45,138,143,.10);
    color:#205e74;
    font-size:.72rem;
    font-weight:850;
}

.condition-view-link b::after{
    content:"";
    position:absolute;
    left:8px;
    bottom:-4px;
    width:6px;
    height:6px;
    border-left:1px solid rgba(45,138,143,.34);
    border-bottom:1px solid rgba(45,138,143,.34);
    background:rgba(45,138,143,.10);
    transform:rotate(-35deg);
}

/* Mise à jour : repère calendrier minimal, pas une case */
.condition-update{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#657988;
    font-size:.76rem;
    white-space:nowrap;
}

.condition-update::before{
    content:"";
    display:inline-block;
    width:14px;
    height:14px;
    border:0;
    border-radius:0;
    background:none;
    opacity:1;
}

.condition-update::after{
    content:"";
    position:absolute;
    left:1px;
    top:50%;
    width:11px;
    height:10px;
    transform:translateY(-47%);
    border:1px solid rgba(45,86,116,.42);
    border-radius:2px;
    box-shadow:inset 0 3px 0 rgba(45,86,116,.16);
}

.condition-update strong.condition-alert{
    color:#a83a3a;
    font-weight:780;
}

.condition-separator{
    display:none;
}

/* Action : lien discret, pas bouton massif */
.condition-action-block{
    padding-right:28px;
}

.condition-add-link{
    min-height:28px;
    padding:0 11px;
    border-radius:999px;
    border:1px solid rgba(45,138,143,.30);
    background:rgba(255,255,255,.22);
    color:#255e72;
    box-shadow:none;
    font-size:.68rem;
    font-weight:820;
    letter-spacing:.02em;
}

.condition-add-link::before{
    content:"+";
    margin-right:6px;
    color:#2d8a8f;
}

.condition-add-link:hover{
    border-color:rgba(45,138,143,.50);
    background:rgba(45,138,143,.11) !important;
    color:#16495a;
}

/* Les cartes de détail et formulaires restent plus feutrées */
.conditions-detail-page .condition-observation-card,
.condition-card{
    background:
        url('/illustrations/feature-mountain.svg') right bottom / 210px auto no-repeat,
        linear-gradient(135deg,rgba(239,247,250,.98),rgba(222,236,244,.94));
    border-color:rgba(0,43,85,.14);
}

@media(max-width:980px){
    .condition-line{
        grid-template-columns:1fr;
        gap:7px;
        padding:12px 16px;
    }

    .condition-title-block{
        padding-left:0;
    }

    .condition-status-block{
        flex-wrap:wrap;
    }

    .condition-action-block{
        padding-right:0;
    }
}

@media(max-width:640px){
    .conditions-region h2{
        padding:0 16px;
        font-size:.76rem;
    }

    .conditions-course{
        padding:12px 14px 4px;
    }
}


/* =========================================================
   Ajustements V4 — Finition demandée
   - Texte du bandeau repris depuis l'introduction.
   - Titres de courses plus fins.
   - Pages liste_comment plus bleues.
   - Icône région remplacée par une vraie montagne SVG.
   ========================================================= */

.conditions-live-kicker{
    color:#b9dbea;
}

.conditions-live-copy h2{
    font-size:clamp(1.45rem,2.45vw,2.05rem);
    font-weight:600;
    letter-spacing:-.025em;
}

.conditions-live-copy p{
    max-width:700px;
    color:#f8fcff !important;
    font-size:.98rem;
    line-height:1.72;
}

/* Icône de région : montagne, plus de vague */
.conditions-region h2::before{
    content:"";
    width:30px;
    height:30px;
    flex:0 0 30px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:50%;
    background-color:rgba(255,255,255,.08);
    background-image:url('/illustrations/icon-mountain.svg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:19px auto;
    filter:brightness(0) invert(1);
    opacity:.92;
}

/* Titres de courses : plus fins, moins massifs */
.condition-title-block strong{
    color:#183344;
    font-size:.89rem !important;
    font-weight:610 !important;
    letter-spacing:.005em;
    line-height:1.28;
}

.condition-title-block span{
    font-size:.64rem;
    font-weight:760;
    opacity:.88;
}

.condition-line:hover .condition-title-block strong{
    color:#0f2b3c;
}

/* Sous-titres de couloirs un peu plus discrets */
.conditions-course h3{
    color:#315b72;
    font-size:.72rem;
    font-weight:760;
    letter-spacing:.075em;
}

/* Détail observations : davantage de bleu, sans devenir sombre partout */
.conditions-detail-page .condition-observation-card{
    border-color:rgba(0,43,85,.22);
    background:
        url('/illustrations/home-contours.svg') right top / 330px auto no-repeat,
        linear-gradient(135deg,rgba(0,43,85,.94) 0%,rgba(17,57,86,.92) 34%,rgba(231,241,247,.96) 100%);
    box-shadow:0 16px 36px rgba(5,17,27,.13);
}

.conditions-detail-page .condition-observation-card::before{
    background:linear-gradient(180deg,#8ec8db,rgba(61,127,159,.28));
}

.conditions-detail-page .condition-observation-top{
    border-bottom-color:rgba(255,255,255,.18);
}

.conditions-detail-page .condition-label{
    color:#b9dbea;
}

.conditions-detail-page .condition-observation-title{
    color:#ffffff;
    font-weight:620;
}

.conditions-detail-page .condition-observation-author{
    color:#d8e7ef;
}

.conditions-detail-page .condition-observation-author a{
    color:#ffffff;
    text-decoration-color:rgba(255,255,255,.32);
}

.conditions-detail-page .condition-observation-box,
.conditions-detail-page .condition-observation-comment{
    border-color:rgba(0,43,85,.14);
    background:rgba(255,255,255,.70);
}

.conditions-detail-page .condition-observation-content{
    color:#203747;
}

.conditions-detail-page .condition-observation-grid .condition-label{
    color:#2d6f86;
}

/* Message sans observation / cartes annexes : rappel bleu */
.conditions-detail-page .condition-card{
    border-color:rgba(0,43,85,.18);
    background:
        url('/illustrations/panel-mountains.svg') right bottom / 230px auto no-repeat,
        linear-gradient(135deg,rgba(0,43,85,.90),rgba(20,61,89,.88) 42%,rgba(232,242,247,.96));
}

.conditions-detail-page .condition-card h2,
.conditions-detail-page .condition-card h3{
    color:#ffffff;
}

.conditions-detail-page .condition-card p{
    color:#e8f3f8;
}

/* Formulaires : garder le bleu mais préserver la lisibilité */
.condition-card .condition-form-row label{
    color:#e7f2f8;
}

.condition-card .condition-help p{
    color:#d7e6ee;
}

@media(max-width:980px){
    .conditions-detail-page .condition-observation-card,
    .conditions-detail-page .condition-card{
        background:
            linear-gradient(135deg,rgba(0,43,85,.92),rgba(17,57,86,.90));
    }

    .conditions-detail-page .condition-observation-box,
    .conditions-detail-page .condition-observation-comment{
        background:rgba(255,255,255,.90);
    }
}


/* =========================================================
   Ajustements V5 — Textes exacts + SVG montagne
   ========================================================= */

.conditions-live-panel::before{
    background:
        url('/illustrations/panel-mountains.svg') right bottom / 420px auto no-repeat,
        url('/illustrations/icon-mountain.svg') 34px 32px / 92px auto no-repeat !important;
    opacity:.16;
}

.conditions-region h2{
    background:
        linear-gradient(90deg,#002b55,#113b5a 62%,#1e5a76) !important;
}

.conditions-region h2::before{
    background-color:rgba(255,255,255,.08) !important;
    background-image:url('/illustrations/icon-mountain.svg') !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:19px auto !important;
    filter:brightness(0) invert(1) !important;
}

.conditions-detail-page .condition-observation-card{
    background:
        url('/illustrations/panel-mountains.svg') right bottom / 260px auto no-repeat,
        linear-gradient(135deg,rgba(0,43,85,.94) 0%,rgba(17,57,86,.92) 34%,rgba(231,241,247,.96) 100%) !important;
}

.conditions-detail-page .condition-card{
    background:
        url('/illustrations/panel-mountains.svg') right bottom / 230px auto no-repeat,
        linear-gradient(135deg,rgba(0,43,85,.90),rgba(20,61,89,.88) 42%,rgba(232,242,247,.96)) !important;
}

.condition-title-block strong{
    font-size:.87rem !important;
    font-weight:580 !important;
    letter-spacing:.01em !important;
}

.conditions-live-copy p{
    color:#f8fcff !important;
    opacity:.98;
}


/* =========================================================
   Proposition V6 — Carnet de terrain / accordéons
   Direction radicalement différente :
   - régions en vrais accordéons natifs ;
   - lecture façon carnet de terrain, moins "cartes" ;
   - pas de blanc agressif ;
   - lignes compactes séparées par du rythme typographique ;
   - compteurs conservés mais présentés comme un tableau de bord latéral.
   ========================================================= */

.conditions-live-panel{
    display:grid;
    grid-template-columns:minmax(0,1fr) 290px;
    gap:0;
    align-items:stretch;
    max-width:1080px;
    margin:0 auto 42px;
    padding:0;
    border:1px solid rgba(0,43,85,.22);
    border-radius:0;
    background:
        linear-gradient(90deg,#002b55 0%,#103a5a 56%,#dcebf1 100%);
    box-shadow:0 14px 34px rgba(5,17,27,.12);
}

.conditions-live-panel::before{
    background:
        url('/illustrations/panel-mountains.svg') left bottom / 360px auto no-repeat !important;
    opacity:.14;
}

.conditions-live-panel::after{
    width:32%;
    opacity:.12;
    filter:saturate(.60) brightness(.82);
}

.conditions-live-copy{
    padding:30px 34px;
}

.conditions-live-kicker{
    color:#9fd0e1;
    font-size:.68rem;
    letter-spacing:.18em;
}

.conditions-live-copy h2{
    margin-bottom:12px;
    color:#fff;
    font-size:clamp(1.35rem,2.4vw,1.92rem);
    font-weight:560;
    letter-spacing:-.02em;
}

.conditions-live-copy p{
    max-width:720px;
    color:#f2f8fb !important;
    font-size:.95rem;
    line-height:1.74;
    text-shadow:none;
}

.conditions-live-stats{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    min-width:0;
    border-left:1px solid rgba(255,255,255,.14);
    background:rgba(0,43,85,.15);
}

.conditions-live-stats span{
    min-height:0;
    padding:18px 22px;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.13);
    border-radius:0;
    background:transparent;
    align-items:flex-start;
    box-shadow:none;
}

.conditions-live-stats span:last-child{
    border-bottom:0;
}

.conditions-live-stats strong{
    font-size:1.55rem;
    font-weight:650;
}

.conditions-live-stats em{
    margin-top:4px;
    color:#bfd3df;
    font-size:.66rem;
}

/* Accordéons région : vraie rupture d'organisation */
.conditions-region{
    display:block;
    max-width:1080px;
    margin:18px auto 0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
}

.conditions-region:first-of-type{
    margin-top:0;
}

.conditions-region > summary{
    position:relative;
    display:flex;
    align-items:center;
    gap:14px;
    min-height:56px;
    padding:0 18px 0 0;
    list-style:none;
    cursor:pointer;
    border-bottom:1px solid rgba(0,43,85,.18);
    color:#15374d;
    background:transparent;
    user-select:none;
}

.conditions-region > summary::-webkit-details-marker{
    display:none;
}

.conditions-region > summary::before{
    content:"";
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:50%;
    background:
        url('/illustrations/icon-mountain.svg') center / 22px auto no-repeat,
        linear-gradient(180deg,#002b55,#174969);
    box-shadow:0 7px 16px rgba(0,43,85,.16);
}

.conditions-region > summary::after{
    content:"ouvrir";
    margin-left:auto;
    color:#668092;
    font-size:.66rem;
    font-weight:780;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.conditions-region[open] > summary::after{
    content:"refermer";
}

.conditions-region > summary span{
    color:#14334a;
    font-size:.86rem;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.conditions-region[open]{
    padding-bottom:8px;
}

/* On neutralise l'ancien h2 si un navigateur garde des styles précédents */
.conditions-region h2{
    display:none;
}

/* Sous-familles couloirs : intitulé très sobre */
.conditions-course{
    margin:0;
    padding:16px 0 2px 52px;
    border:0;
}

.conditions-course + .conditions-course{
    border-top:1px solid rgba(0,43,85,.07);
}

.conditions-course h3{
    margin:0 0 8px;
    color:#44677c;
    font-size:.66rem;
    font-weight:760;
    letter-spacing:.12em;
}

/* Ligne façon carnet, compacte, sans pavé */
.condition-line{
    display:grid;
    grid-template-columns:minmax(260px,1.2fr) minmax(275px,1fr) auto;
    gap:14px;
    align-items:center;
    min-height:46px;
    margin:0;
    padding:9px 12px 9px 52px;
    border:0;
    border-radius:0;
    background:transparent !important;
    box-shadow:none !important;
    border-bottom:1px solid rgba(0,43,85,.075);
}

.condition-line::before{
    display:block;
    left:20px;
    width:7px;
    height:7px;
    border:0;
    border-radius:50%;
    background:#6f8ea0;
    box-shadow:none;
}

.condition-line-recent::before{
    background:#a83a3a;
}

.condition-line::after{
    display:none;
}

.condition-line:hover{
    transform:none;
    background:linear-gradient(90deg,rgba(0,43,85,.055),rgba(45,138,143,.035)) !important;
    box-shadow:none !important;
}

.condition-line:hover .condition-title-block strong{
    color:#002b55;
}

.condition-title-block{
    padding-left:0;
    gap:9px;
}

.condition-title-block strong{
    color:#263f50;
    font-size:.84rem !important;
    font-weight:520 !important;
    letter-spacing:.01em !important;
}

.condition-title-block span{
    padding:2px 7px;
    border-color:rgba(0,43,85,.12);
    background:rgba(0,43,85,.045);
    color:#506c7d;
    font-size:.62rem;
    font-weight:700;
}

.condition-status-block{
    gap:14px;
    color:#607684;
    font-size:.74rem;
}

.condition-view-link{
    color:#34566b;
    font-size:.74rem;
    font-weight:720;
}

.condition-view-link b{
    min-width:25px;
    height:19px;
    border-color:rgba(45,138,143,.36);
    background:rgba(45,138,143,.10);
    color:#1f5f75;
}

.condition-update{
    color:#6b7f8b;
    font-size:.73rem;
}

.condition-update::after{
    border-color:rgba(0,43,85,.28);
    box-shadow:inset 0 3px 0 rgba(0,43,85,.10);
}

.condition-action-block{
    padding-right:0;
}

.condition-add-link{
    min-height:25px;
    padding:0 9px;
    border-color:rgba(0,43,85,.16);
    background:rgba(0,43,85,.035);
    color:#355f76;
    font-size:.63rem;
    font-weight:760;
}

.condition-add-link:hover{
    background:rgba(45,138,143,.10) !important;
    color:#12384a;
}

/* Détail observations : version "fiche bleue" plus différente */
.conditions-detail-page .condition-observation-card{
    max-width:940px;
    border:0;
    border-radius:0;
    background:
        linear-gradient(90deg,#002b55 0 5px,transparent 5px),
        linear-gradient(135deg,rgba(230,240,246,.96),rgba(215,232,240,.92)) !important;
    box-shadow:0 12px 28px rgba(5,17,27,.08);
}

.conditions-detail-page .condition-observation-card::before{
    display:none;
}

.conditions-detail-page .condition-observation-title{
    color:#103047;
    font-weight:560;
}

.conditions-detail-page .condition-label{
    color:#2d6f86;
}

.conditions-detail-page .condition-observation-author{
    color:#5e7483;
}

.conditions-detail-page .condition-observation-author a{
    color:#2d6f86;
}

.conditions-detail-page .condition-observation-top{
    border-bottom-color:rgba(0,43,85,.12);
}

.conditions-detail-page .condition-observation-box,
.conditions-detail-page .condition-observation-comment{
    border:0;
    border-left:1px solid rgba(0,43,85,.14);
    border-radius:0;
    background:rgba(255,255,255,.34);
}

.conditions-detail-page .condition-card{
    border-radius:0;
}

@media(max-width:980px){
    .conditions-live-panel{
        grid-template-columns:1fr;
    }

    .conditions-live-stats{
        grid-template-columns:repeat(3,1fr);
        border-left:0;
        border-top:1px solid rgba(255,255,255,.14);
    }

    .conditions-live-stats span{
        border-bottom:0;
        border-right:1px solid rgba(255,255,255,.13);
    }

    .conditions-live-stats span:last-child{
        border-right:0;
    }

    .conditions-course{
        padding-left:0;
    }

    .condition-line{
        grid-template-columns:1fr;
        padding-left:28px;
    }

    .condition-line::before{
        left:8px;
    }
}

@media(max-width:640px){
    .conditions-live-copy{
        padding:25px 22px;
    }

    .conditions-live-stats{
        grid-template-columns:1fr;
    }

    .conditions-live-stats span{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.13);
    }

    .conditions-region > summary{
        min-height:52px;
    }

    .conditions-region > summary::after{
        display:none;
    }
}


/* =========================================================
   Ajustements V7 — bandeau = titre de page, flèches, couloirs harmonisés
   ========================================================= */

/* Le bandeau porte désormais le titre et l'intro de la page */
.conditions-live-copy h1,
.conditions-live-copy h2{
    margin:0 0 12px;
    color:#fff;
    font-size:clamp(1.42rem,2.5vw,2.05rem);
    line-height:1.12;
    font-weight:560;
    letter-spacing:-.02em;
}

.conditions-live-copy p{
    max-width:760px;
    color:#f5fbff !important;
}

/* Cascades : accordéons avec flèche, plus de libellé ouvrir/refermer */
.conditions-region > summary::after{
    content:"⌄" !important;
    width:34px;
    height:34px;
    margin-left:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(0,43,85,.14);
    border-radius:50%;
    color:#2a566f;
    background:rgba(255,255,255,.32);
    font-size:1.05rem;
    font-weight:600;
    letter-spacing:0;
    text-transform:none;
    transition:transform .16s ease, background-color .16s ease;
}

.conditions-region[open] > summary::after{
    content:"⌃" !important;
    background:rgba(45,138,143,.10);
}

/* Variante couloirs : pas d'accordéon région, pour éviter le déséquilibre 2 régions / nombreuses sous-régions */
.conditions-region-flat{
    display:block;
    max-width:1080px;
    margin:24px auto 0;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
}

.conditions-region-flat h2{
    display:flex !important;
    align-items:center;
    gap:14px;
    min-height:54px;
    margin:0 0 6px;
    padding:0 0 0 0;
    border:0;
    border-bottom:1px solid rgba(0,43,85,.18);
    color:#14334a !important;
    background:transparent !important;
    font-size:.82rem;
    font-weight:820;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.conditions-region-flat h2::before{
    content:"";
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:50%;
    background:
        url('/illustrations/icon-mountain.svg') center / 22px auto no-repeat,
        linear-gradient(180deg,#002b55,#174969);
    box-shadow:0 7px 16px rgba(0,43,85,.16);
    filter:none !important;
    opacity:1;
}

.conditions-region-flat h2::after{
    content:"";
    flex:1 1 auto;
    height:1px;
    margin-left:8px;
    background:linear-gradient(90deg,rgba(45,138,143,.22),transparent);
}

/* Couloirs : les sous-régions sont des repères latéraux, pas des mini-sections lourdes */
.conditions-region-flat .conditions-course{
    position:relative;
    display:grid;
    grid-template-columns:190px minmax(0,1fr);
    column-gap:22px;
    margin:0;
    padding:0;
    border:0;
}

.conditions-region-flat .conditions-course + .conditions-course{
    border-top:1px solid rgba(0,43,85,.07);
}

.conditions-region-flat .conditions-course h3{
    position:sticky;
    top:12px;
    align-self:start;
    margin:0;
    padding:15px 0 0 0;
    color:#315b72;
    font-size:.68rem;
    font-weight:760;
    line-height:1.35;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.conditions-region-flat .conditions-course .condition-line{
    grid-column:2;
}

/* Lignes de listing encore moins blanches */
.condition-line:hover{
    background:linear-gradient(90deg,rgba(0,43,85,.075),rgba(45,138,143,.055)) !important;
}

.condition-line{
    border-bottom-color:rgba(0,43,85,.085);
}

/* Pages détail / post : moins de blanc très clair */
.conditions-detail-page .condition-observation-card{
    background:
        linear-gradient(90deg,#002b55 0 5px,transparent 5px),
        url('/illustrations/panel-mountains.svg') right bottom / 250px auto no-repeat,
        linear-gradient(135deg,rgba(208,226,236,.96),rgba(187,214,226,.90)) !important;
}

.conditions-detail-page .condition-observation-box,
.conditions-detail-page .condition-observation-comment{
    background:rgba(231,241,246,.72) !important;
    border-left-color:rgba(0,43,85,.20);
}

.condition-card,
.conditions-detail-page .condition-card{
    background:
        url('/illustrations/panel-mountains.svg') right bottom / 230px auto no-repeat,
        linear-gradient(135deg,rgba(0,43,85,.88),rgba(20,61,89,.84) 44%,rgba(198,222,233,.92)) !important;
    border-color:rgba(0,43,85,.24);
}

.condition-form-row input,
.condition-form-row select,
.condition-form-row textarea{
    background:rgba(232,242,247,.94) !important;
    border-color:rgba(0,43,85,.20);
}

.condition-help,
.condition-observation-box,
.condition-observation-comment{
    background:rgba(220,235,242,.70) !important;
}

@media(max-width:980px){
    .conditions-region-flat .conditions-course{
        display:block;
    }

    .conditions-region-flat .conditions-course h3{
        position:static;
        padding:14px 0 7px;
    }

    .conditions-region-flat .conditions-course .condition-line{
        grid-column:auto;
    }
}


/* =========================================================
   Ajustements V8 — titres exacts, images plus visibles, mobile, couloirs
   ========================================================= */

/* Bandeau : uniquement titre + texte + compteurs */
.conditions-live-panel{
    background:
        linear-gradient(90deg,rgba(0,43,85,.92) 0%,rgba(16,58,90,.78) 47%,rgba(220,235,243,.54) 100%) !important;
}

.conditions-live-panel::after{
    width:44% !important;
    opacity:.34 !important;
    filter:saturate(.78) brightness(.92) contrast(1.04) !important;
    mix-blend-mode:multiply !important;
}

.conditions-live-copy h1{
    margin:0 0 12px;
    color:#fff;
    font-size:clamp(1.55rem,2.65vw,2.22rem);
    line-height:1.08;
    font-weight:600;
    letter-spacing:-.025em;
}

.conditions-live-copy p{
    max-width:790px;
    color:#f8fcff !important;
    font-size:.98rem;
    line-height:1.72;
}

.conditions-live-kicker{
    display:none !important;
}

/* Cascades : toutes les régions arrivent fermées */
.conditions-page details.conditions-region:not([open]){
    padding-bottom:0;
}

.conditions-page details.conditions-region:not([open]) > summary{
    border-bottom-color:rgba(0,43,85,.11);
}

.conditions-page details.conditions-region:not([open]) > summary::after{
    content:"⌄" !important;
}

.conditions-page details.conditions-region[open] > summary::after{
    content:"⌃" !important;
}

/* Couloirs : 2 régions visibles, sous-régions repliées dans le style des cascades */
.conditions-region-flat{
    max-width:1080px;
    margin:28px auto 0;
    padding:0;
    border:0;
    background:transparent;
}

.conditions-region-flat h2{
    display:flex !important;
    align-items:center;
    gap:14px;
    min-height:56px;
    margin:0 0 14px;
    padding:0;
    border-bottom:1px solid rgba(0,43,85,.18);
    background:transparent !important;
    color:#14334a !important;
    font-size:.84rem;
    font-weight:840;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.conditions-region-flat h2::before{
    content:"";
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:50%;
    background:
        url('/illustrations/icon-mountain.svg') center / 22px auto no-repeat,
        linear-gradient(180deg,#002b55,#174969);
    box-shadow:0 7px 16px rgba(0,43,85,.16);
    filter:none !important;
    opacity:1;
}

.conditions-region-flat h2::after{
    content:"";
    flex:1 1 auto;
    height:1px;
    margin-left:8px;
    background:linear-gradient(90deg,rgba(45,138,143,.22),transparent);
}

/* Sous-régions couloirs : exactement l'esprit collapse de liste cascades */
.conditions-subregion{
    display:block;
    margin:12px 0 0;
    border:1px solid rgba(0,43,85,.13);
    background:linear-gradient(180deg,rgba(230,240,246,.88),rgba(217,233,241,.82));
    box-shadow:0 8px 22px rgba(5,17,27,.055);
}

.conditions-subregion > summary{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:50px;
    padding:0 14px;
    list-style:none;
    cursor:pointer;
    border-bottom:1px solid transparent;
    color:#15374d;
}

.conditions-subregion > summary::-webkit-details-marker{
    display:none;
}

.conditions-subregion > summary::before{
    content:"";
    width:28px;
    height:28px;
    flex:0 0 28px;
    border-radius:50%;
    background:
        url('/illustrations/icon-mountain.svg') center / 17px auto no-repeat,
        linear-gradient(180deg,#002b55,#174969);
    box-shadow:0 6px 12px rgba(0,43,85,.13);
}

.conditions-subregion > summary span{
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.10em;
    text-transform:uppercase;
    color:#24485f;
}

.conditions-subregion > summary::after{
    content:"⌄";
    margin-left:auto;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(0,43,85,.12);
    border-radius:50%;
    color:#2a566f;
    background:rgba(255,255,255,.28);
    font-size:.95rem;
}

.conditions-subregion[open] > summary{
    border-bottom-color:rgba(0,43,85,.10);
}

.conditions-subregion[open] > summary::after{
    content:"⌃";
}

.conditions-subregion .condition-line{
    padding-left:46px;
}

.conditions-subregion .condition-line::before{
    left:20px;
}

/* Ancienne grille latérale couloirs neutralisée */
.conditions-region-flat .conditions-course{
    display:block !important;
    column-gap:0 !important;
    padding:0 !important;
}

.conditions-region-flat .conditions-course .condition-line{
    grid-column:auto !important;
}

.conditions-region-flat .conditions-course h3{
    display:none !important;
}

/* Mobile : garder les éléments d'une course en ligne compacte */
@media(max-width:700px){
    .conditions-live-panel{
        grid-template-columns:1fr;
        background:
            linear-gradient(135deg,rgba(0,43,85,.93),rgba(16,58,90,.86)),
            #102b42 !important;
    }

    .conditions-live-panel::after{
        width:100% !important;
        opacity:.16 !important;
    }

    .conditions-live-copy{
        padding:24px 20px;
    }

    .conditions-live-copy h1{
        font-size:1.55rem;
    }

    .condition-line{
        grid-template-columns:minmax(82px,1fr) auto auto auto !important;
        gap:8px !important;
        align-items:center !important;
        min-height:42px;
        padding:8px 8px 8px 26px !important;
        overflow:hidden;
    }

    .condition-line::before{
        left:9px !important;
        width:6px;
        height:6px;
    }

    .condition-title-block{
        min-width:0;
        display:flex;
        gap:5px;
        padding-left:0 !important;
    }

    .condition-title-block strong{
        min-width:0;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        font-size:.75rem !important;
    }

    .condition-title-block span{
        padding:1px 5px;
        font-size:.56rem;
    }

    .condition-status-block{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        gap:7px !important;
        flex-wrap:nowrap !important;
        min-width:0;
    }

    .condition-view-link{
        font-size:0 !important;
        gap:0 !important;
        white-space:nowrap;
    }

    .condition-view-link b{
        font-size:.64rem !important;
        min-width:22px;
        height:18px;
        padding:0 6px;
    }

    .condition-update{
        max-width:72px;
        overflow:hidden;
        white-space:nowrap;
        font-size:0 !important;
    }

    .condition-update::before,
    .condition-update::after{
        display:none !important;
    }

    .condition-update strong,
    .condition-update strong.condition-alert{
        font-size:.62rem !important;
        color:#637987;
    }

    .condition-add-link{
        min-height:23px;
        width:24px;
        padding:0 !important;
        font-size:0 !important;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .condition-add-link::before{
        margin:0;
        font-size:.9rem;
    }

    .conditions-subregion > summary span,
    .conditions-region > summary span{
        font-size:.72rem;
        line-height:1.3;
    }
}

@media(max-width:430px){
    .condition-line{
        grid-template-columns:minmax(70px,1fr) auto auto !important;
    }

    .condition-update{
        display:none !important;
    }
}


/* =========================================================
   Ajustements V9 — bandeau plus élégant + mobile non empilé
   ========================================================= */

/* Bandeau : titre traité comme une rubrique discrète, texte secondaire */
.conditions-live-panel{
    background:
        linear-gradient(90deg,rgba(0,43,85,.82) 0%,rgba(16,58,90,.64) 43%,rgba(220,235,243,.30) 100%) !important;
}

.conditions-live-panel::after{
    width:50% !important;
    opacity:.52 !important;
    filter:saturate(.84) brightness(1.02) contrast(1.04) !important;
    mix-blend-mode:multiply !important;
}

.conditions-live-panel::before{
    opacity:.09 !important;
}

.conditions-live-copy{
    padding-top:28px;
    padding-bottom:28px;
}

.conditions-live-copy h1{
    margin:0 0 11px !important;
    color:#9fd0e1 !important;
    font-size:.86rem !important;
    line-height:1.2 !important;
    font-weight:860 !important;
    letter-spacing:.17em !important;
    text-transform:uppercase !important;
}

.conditions-live-copy p{
    max-width:700px !important;
    color:rgba(245,251,255,.86) !important;
    font-size:.82rem !important;
    line-height:1.62 !important;
    font-weight:420 !important;
    text-shadow:0 1px 1px rgba(0,18,34,.20) !important;
}

.conditions-live-stats span{
    background:rgba(0,43,85,.12) !important;
}

.conditions-live-stats strong{
    font-size:1.45rem !important;
}

.conditions-live-stats em{
    font-size:.62rem !important;
}

/* Mobile : une course doit rester sur une seule ligne compacte */
@media(max-width:760px){
    .condition-line{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto auto auto !important;
        align-items:center !important;
        column-gap:7px !important;
        row-gap:0 !important;
        min-height:40px !important;
        padding:8px 8px 8px 24px !important;
        overflow:hidden !important;
    }

    .condition-line::before{
        display:block !important;
        left:8px !important;
        width:6px !important;
        height:6px !important;
        top:50% !important;
    }

    .condition-title-block{
        grid-column:1 !important;
        grid-row:1 !important;
        display:flex !important;
        align-items:center !important;
        gap:5px !important;
        min-width:0 !important;
        padding-left:0 !important;
    }

    .condition-title-block strong{
        min-width:0 !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        font-size:.74rem !important;
        font-weight:560 !important;
        line-height:1.1 !important;
    }

    .condition-title-block span{
        flex:0 0 auto !important;
        padding:1px 5px !important;
        font-size:.54rem !important;
        line-height:1.35 !important;
    }

    .condition-status-block{
        display:contents !important;
    }

    .condition-view-link{
        grid-column:2 !important;
        grid-row:1 !important;
        display:flex !important;
        align-items:center !important;
        font-size:0 !important;
        line-height:1 !important;
        gap:0 !important;
        min-width:0 !important;
        white-space:nowrap !important;
    }

    .condition-view-link b{
        min-width:22px !important;
        height:18px !important;
        padding:0 6px !important;
        font-size:.62rem !important;
        line-height:18px !important;
    }

    .condition-view-link b::after{
        display:none !important;
    }

    .condition-update{
        grid-column:3 !important;
        grid-row:1 !important;
        display:block !important;
        max-width:62px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        font-size:0 !important;
        line-height:1 !important;
    }

    .condition-update::before,
    .condition-update::after{
        display:none !important;
        content:none !important;
    }

    .condition-update strong,
    .condition-update strong.condition-alert{
        display:inline !important;
        color:#a83a3a !important;
        font-size:.61rem !important;
        font-weight:760 !important;
        line-height:1 !important;
    }

    .condition-update:not(:has(strong)){
        font-size:.61rem !important;
        color:#627887 !important;
    }

    .condition-action-block{
        grid-column:4 !important;
        grid-row:1 !important;
        display:flex !important;
        justify-content:flex-end !important;
        align-items:center !important;
        padding-right:0 !important;
        min-width:24px !important;
    }

    .condition-add-link{
        width:23px !important;
        min-width:23px !important;
        height:23px !important;
        min-height:23px !important;
        padding:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        overflow:hidden !important;
        border-radius:50% !important;
        font-size:0 !important;
        line-height:1 !important;
    }

    .condition-add-link::before{
        margin:0 !important;
        font-size:.88rem !important;
        line-height:1 !important;
    }
}

/* Fallback mobile pour navigateurs sans :has : cache le libellé "Mise à jour" via largeur minimale */
@media(max-width:430px){
    .condition-line{
        grid-template-columns:minmax(0,1fr) auto auto !important;
        column-gap:6px !important;
    }

    .condition-update{
        display:none !important;
    }

    .condition-action-block{
        grid-column:3 !important;
    }
}


/* =========================================================
   Ajustements V10 — bandeau bleu foncé plus proche de la version initiale
   ========================================================= */

.conditions-live-panel{
    background:
        linear-gradient(105deg,rgba(0,43,85,.96) 0%,rgba(13,49,76,.94) 48%,rgba(24,69,102,.88) 100%),
        radial-gradient(circle at 12% 0%,rgba(61,127,159,.28),transparent 42%),
        #102b42 !important;
    border-color:rgba(88,127,156,.30) !important;
    box-shadow:0 20px 44px rgba(5,17,27,.20) !important;
}

.conditions-live-panel::after{
    width:44% !important;
    opacity:.30 !important;
    filter:saturate(.75) brightness(.78) contrast(1.02) !important;
    mix-blend-mode:screen !important;
}

.conditions-live-panel::before{
    opacity:.14 !important;
}

.conditions-live-copy h1{
    color:#9fd0e1 !important;
}

.conditions-live-copy p{
    color:rgba(244,250,253,.88) !important;
    text-shadow:0 1px 2px rgba(0,18,34,.34) !important;
}

.conditions-live-stats{
    background:rgba(0,20,38,.18) !important;
    border-left-color:rgba(255,255,255,.13) !important;
}

.conditions-live-stats span{
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(255,255,255,.12) !important;
}

.conditions-live-stats strong{
    color:#fff !important;
}

.conditions-live-stats em{
    color:#b9cdda !important;
}

@media(max-width:700px){
    .conditions-live-panel{
        background:
            linear-gradient(135deg,rgba(0,43,85,.96),rgba(13,49,76,.94) 56%,rgba(20,62,91,.88)),
            #102b42 !important;
    }

    .conditions-live-panel::after{
        width:100% !important;
        opacity:.14 !important;
        mix-blend-mode:screen !important;
    }
}


/* =========================================================
   V11 — Reconstruction complète des items course
   Structure générale inchangée : bandeaux, régions, collapses conservés.
   Seule la construction de chaque course est repensée pour le mobile.
   ========================================================= */

/* Base item : grille stable, compacte, sans empilement brutal */
.condition-line.condition-item{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    align-items:center !important;
    gap:14px !important;
    min-height:48px !important;
    padding:8px 12px 8px 52px !important;
    border:0 !important;
    border-bottom:1px solid rgba(0,43,85,.075) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
}

.condition-line.condition-item::before{
    display:block !important;
    content:"" !important;
    position:absolute !important;
    left:22px !important;
    top:50% !important;
    width:7px !important;
    height:7px !important;
    transform:translateY(-50%) !important;
    border:0 !important;
    border-radius:50% !important;
    background:#6f8ea0 !important;
    box-shadow:none !important;
}

.condition-line.condition-item.condition-line-recent::before{
    background:#a83a3a !important;
}

.condition-line.condition-item::after{
    display:none !important;
}

.condition-line.condition-item:hover{
    transform:none !important;
    background:linear-gradient(90deg,rgba(0,43,85,.065),rgba(45,138,143,.045)) !important;
    box-shadow:none !important;
    filter:none !important;
}

/* Bloc titre */
.condition-item-main{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}

.condition-item-title{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#263f50;
    font-size:.86rem;
    line-height:1.18;
    font-weight:560;
    letter-spacing:.005em;
}

.condition-grade{
    flex:0 0 auto;
    padding:2px 7px;
    border:1px solid rgba(0,43,85,.12);
    border-radius:999px;
    background:rgba(0,43,85,.045);
    color:#506c7d;
    font-size:.61rem;
    line-height:1.35;
    font-weight:720;
}

/* Métas : compactes et lisibles */
.condition-item-meta{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    min-width:0;
    white-space:nowrap;
}

.condition-comments{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#34566b;
    font-size:.72rem;
    font-weight:730;
}

.condition-comments-label{
    display:inline;
}

/* Bulle commentaire */
.condition-comments b{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    height:19px;
    padding:0 7px;
    border:1px solid rgba(45,138,143,.34);
    border-radius:12px;
    background:rgba(45,138,143,.10);
    color:#1f5f75;
    font-size:.66rem;
    line-height:19px;
    font-weight:850;
}

.condition-comments b::after{
    content:"";
    position:absolute;
    left:8px;
    bottom:-4px;
    width:6px;
    height:6px;
    border-left:1px solid rgba(45,138,143,.34);
    border-bottom:1px solid rgba(45,138,143,.34);
    background:rgba(45,138,143,.10);
    transform:rotate(-35deg);
}

.condition-date{
    display:inline-flex;
    align-items:baseline;
    gap:5px;
    color:#6b7f8b;
    font-size:.70rem;
    line-height:1;
}

.condition-date span{
    color:#7e929f;
    font-size:.60rem;
    font-weight:760;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.condition-date strong{
    color:#536b7b;
    font-size:.72rem;
    font-weight:720;
}

.condition-date-recent strong{
    color:#a83a3a;
    font-weight:780;
}

/* Action : texte desktop, icône mobile */
.condition-add-compact{
    position:relative;
    z-index:4;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:25px;
    padding:0 10px;
    border:1px solid rgba(0,43,85,.16);
    border-radius:999px;
    background:rgba(0,43,85,.035);
    color:#355f76;
    text-decoration:none;
    font-size:.63rem;
    line-height:1;
    font-weight:760;
    white-space:nowrap;
}

.condition-add-compact::before{
    content:"+";
    margin-right:6px;
    color:#2d8a8f;
    font-size:.86rem;
    line-height:1;
    font-weight:700;
}

.condition-add-compact:hover{
    background:rgba(45,138,143,.10) !important;
    color:#12384a;
}

/* Neutralisation des anciennes classes si encore présentes ailleurs */
.condition-title-block,
.condition-status-block,
.condition-action-block{
    min-width:0;
}

/* Tablette : on garde tout sur une seule ligne, en compressant les libellés */
@media(max-width:760px){
    .condition-line.condition-item{
        grid-template-columns:minmax(0,1fr) auto auto !important;
        gap:8px !important;
        min-height:42px !important;
        padding:7px 8px 7px 25px !important;
    }

    .condition-line.condition-item::before{
        left:9px !important;
        width:6px !important;
        height:6px !important;
    }

    .condition-item-main{
        gap:5px;
    }

    .condition-item-title{
        font-size:.75rem;
        line-height:1.1;
        font-weight:560;
    }

    .condition-grade{
        padding:1px 5px;
        font-size:.53rem;
        max-width:42px;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .condition-item-meta{
        gap:6px;
    }

    .condition-comments-label{
        display:none;
    }

    .condition-comments{
        gap:0;
    }

    .condition-comments b{
        min-width:22px;
        height:18px;
        padding:0 6px;
        font-size:.61rem;
        line-height:18px;
    }

    .condition-comments b::after{
        display:none;
    }

    .condition-date{
        gap:0;
        max-width:66px;
        overflow:hidden;
    }

    .condition-date span{
        display:none;
    }

    .condition-date strong{
        display:block;
        max-width:66px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        font-size:.61rem;
        line-height:1;
    }

    .condition-add-compact{
        width:23px;
        min-width:23px;
        height:23px;
        min-height:23px;
        padding:0;
        border-radius:50%;
        overflow:hidden;
        font-size:0;
    }

    .condition-add-compact::before{
        margin:0;
        font-size:.88rem;
    }
}

/* Très petits écrans : on sacrifie la date, jamais le nom ni le bouton d'ajout */
@media(max-width:430px){
    .condition-line.condition-item{
        grid-template-columns:minmax(0,1fr) auto auto !important;
        gap:6px !important;
    }

    .condition-date{
        display:none !important;
    }

    .condition-grade{
        max-width:34px;
    }
}


/* =========================================================
   V12 — Finition élégante des éléments Observations / MAJ / Ajouter
   Structure inchangée. On ne touche qu'à l'habillage des items course.
   ========================================================= */

/* L'item garde une ligne nette, mais les informations secondaires deviennent plus discrètes */
.condition-line.condition-item{
    grid-template-columns:minmax(0,1fr) auto auto !important;
    gap:16px !important;
    min-height:46px !important;
    padding-top:7px !important;
    padding-bottom:7px !important;
}

.condition-line.condition-item:hover{
    background:
        linear-gradient(90deg,rgba(0,43,85,.052),rgba(45,138,143,.035)) !important;
}

/* Titre : élément principal, le reste s'efface */
.condition-item-title{
    color:#223d50 !important;
    font-size:.85rem !important;
    font-weight:540 !important;
}

.condition-line.condition-item:hover .condition-item-title{
    color:#002b55 !important;
}

.condition-grade{
    border-color:rgba(0,43,85,.10) !important;
    background:rgba(0,43,85,.035) !important;
    color:#607684 !important;
    font-size:.59rem !important;
    font-weight:680 !important;
}

/* Bloc méta : plus aérien, moins gadget */
.condition-item-meta{
    gap:12px !important;
    color:#5f7482 !important;
}

/* Observations : style "commentaire" mais plus fin */
.condition-comments{
    gap:6px !important;
    color:#4a6576 !important;
    font-size:.69rem !important;
    font-weight:680 !important;
}

.condition-comments-label{
    color:#6d8290 !important;
    font-size:.66rem !important;
    font-weight:640 !important;
}

.condition-comments b{
    min-width:22px !important;
    height:18px !important;
    padding:0 7px !important;
    border-color:rgba(45,138,143,.28) !important;
    background:rgba(45,138,143,.075) !important;
    color:#286b80 !important;
    font-size:.63rem !important;
    font-weight:780 !important;
    box-shadow:none !important;
}

.condition-comments b::after{
    left:7px !important;
    bottom:-3px !important;
    width:5px !important;
    height:5px !important;
    border-color:rgba(45,138,143,.26) !important;
    background:rgba(45,138,143,.075) !important;
}

/* MAJ : fini le côté "case / gros pictogramme", simple date éditoriale */
.condition-date{
    position:relative !important;
    gap:5px !important;
    padding-left:12px !important;
    color:#728593 !important;
    font-size:.68rem !important;
}

.condition-date::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    width:4px !important;
    height:4px !important;
    transform:translateY(-50%) !important;
    border-radius:50% !important;
    background:rgba(45,86,116,.32) !important;
}

.condition-date span{
    color:#7e929f !important;
    font-size:.56rem !important;
    font-weight:720 !important;
    letter-spacing:.10em !important;
}

.condition-date strong{
    color:#617887 !important;
    font-size:.68rem !important;
    font-weight:620 !important;
}

.condition-date-recent::before{
    background:#a83a3a !important;
}

.condition-date-recent strong{
    color:#a83a3a !important;
    font-weight:720 !important;
}

/* Ajouter : action légère, pas bouton massif */
.condition-add-compact{
    min-height:26px !important;
    padding:0 10px !important;
    border-color:rgba(0,43,85,.13) !important;
    background:rgba(255,255,255,.18) !important;
    color:#42677a !important;
    font-size:.61rem !important;
    font-weight:720 !important;
    letter-spacing:.01em !important;
    box-shadow:none !important;
}

.condition-add-compact::before{
    width:16px !important;
    height:16px !important;
    margin-right:6px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:rgba(45,138,143,.12) !important;
    color:#2d7c8e !important;
    font-size:.72rem !important;
    font-weight:760 !important;
}

.condition-add-compact:hover{
    border-color:rgba(45,138,143,.32) !important;
    background:rgba(45,138,143,.08) !important;
    color:#16495a !important;
}

/* Mobile : trois micro-actions seulement, élégantes et non empilées */
@media(max-width:760px){
    .condition-line.condition-item{
        grid-template-columns:minmax(0,1fr) auto auto auto !important;
        gap:6px !important;
        min-height:39px !important;
        padding:7px 7px 7px 24px !important;
    }

    .condition-item-title{
        font-size:.73rem !important;
        font-weight:520 !important;
    }

    .condition-grade{
        max-width:36px !important;
        padding:1px 5px !important;
        font-size:.50rem !important;
        font-weight:650 !important;
    }

    .condition-item-meta{
        display:flex !important;
        gap:6px !important;
    }

    .condition-comments-label{
        display:none !important;
    }

    .condition-comments b{
        min-width:21px !important;
        height:17px !important;
        padding:0 6px !important;
        border-radius:10px !important;
        font-size:.58rem !important;
        line-height:17px !important;
    }

    .condition-comments b::after{
        display:none !important;
    }

    .condition-date{
        max-width:50px !important;
        padding-left:0 !important;
        gap:0 !important;
    }

    .condition-date::before,
    .condition-date span{
        display:none !important;
    }

    .condition-date strong{
        display:block !important;
        max-width:50px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        font-size:.57rem !important;
        font-weight:650 !important;
        color:#687d8b !important;
    }

    .condition-date-recent strong{
        color:#a83a3a !important;
    }

    .condition-add-compact{
        width:22px !important;
        min-width:22px !important;
        height:22px !important;
        min-height:22px !important;
        padding:0 !important;
        border-radius:50% !important;
        background:rgba(45,138,143,.08) !important;
        font-size:0 !important;
    }

    .condition-add-compact::before{
        width:auto !important;
        height:auto !important;
        margin:0 !important;
        background:transparent !important;
        font-size:.82rem !important;
    }
}

@media(max-width:430px){
    .condition-line.condition-item{
        grid-template-columns:minmax(0,1fr) auto auto !important;
    }

    .condition-date{
        display:none !important;
    }
}


/* =========================================================
   V14 — Items plus intuitifs
   - "Observations" redevient un vrai lien évident.
   - "Ajouter" redevient lisible au lieu d'un simple symbole.
   - Plus d'overlay bloquant : les liens fonctionnent directement.
   - Mobile : une seule ligne, mais les actions restent compréhensibles.
   ========================================================= */

.condition-line-overlay{
    display:none !important;
    pointer-events:none !important;
}

/* Ligne sobre : titre | observations/date | ajouter */
.condition-line.condition-item{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    align-items:center !important;
    gap:14px !important;
    min-height:48px !important;
    padding:8px 12px 8px 46px !important;
    border:0 !important;
    border-bottom:1px solid rgba(0,43,85,.075) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
}

.condition-line.condition-item::before{
    content:"" !important;
    position:absolute !important;
    left:18px !important;
    top:50% !important;
    display:block !important;
    width:7px !important;
    height:7px !important;
    transform:translateY(-50%) !important;
    border:0 !important;
    border-radius:50% !important;
    background:#6f8ea0 !important;
    box-shadow:none !important;
}

.condition-line.condition-item.condition-line-recent::before{
    background:#a83a3a !important;
}

.condition-line.condition-item::after{
    display:none !important;
}

.condition-line.condition-item:hover{
    transform:none !important;
    background:linear-gradient(90deg,rgba(0,43,85,.055),rgba(45,138,143,.04)) !important;
    box-shadow:inset 2px 0 0 rgba(45,138,143,.32) !important;
    filter:none !important;
}

/* Titre cliquable : c'est le lien principal */
.condition-item-main{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    min-width:0 !important;
}

.condition-title-link{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#203b4f !important;
    text-decoration:none !important;
    font-size:.86rem !important;
    line-height:1.18 !important;
    font-weight:540 !important;
    letter-spacing:.004em !important;
}

.condition-title-link:hover{
    color:#002b55 !important;
    text-decoration:underline !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:3px !important;
}

.condition-grade{
    flex:0 0 auto !important;
    padding:2px 7px !important;
    border:1px solid rgba(0,43,85,.11) !important;
    border-radius:999px !important;
    background:rgba(0,43,85,.04) !important;
    color:#5f7483 !important;
    font-size:.58rem !important;
    line-height:1.25 !important;
    font-weight:680 !important;
}

/* Meta : lien observations évident + date calme */
.condition-item-meta{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
    white-space:nowrap !important;
}

.condition-open-link{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    min-height:26px !important;
    padding:0 10px !important;
    border:1px solid rgba(45,138,143,.24) !important;
    border-radius:999px !important;
    background:rgba(45,138,143,.075) !important;
    color:#255f73 !important;
    text-decoration:none !important;
    font-size:.66rem !important;
    line-height:1 !important;
    font-weight:720 !important;
}

.condition-open-link::before{
    content:"" !important;
    width:6px !important;
    height:6px !important;
    border-radius:50% !important;
    background:rgba(45,138,143,.55) !important;
}

.condition-open-link b{
    color:#1e6c82 !important;
    font-size:.70rem !important;
    font-weight:840 !important;
}

.condition-open-link:hover{
    border-color:rgba(45,138,143,.42) !important;
    background:rgba(45,138,143,.12) !important;
    color:#174d5d !important;
}

.condition-date{
    display:inline-flex !important;
    align-items:baseline !important;
    gap:5px !important;
    padding:0 !important;
    color:#728593 !important;
    font-size:.66rem !important;
    line-height:1 !important;
}

.condition-date::before,
.condition-date::after{
    display:none !important;
    content:none !important;
}

.condition-date span{
    color:#7f929f !important;
    font-size:.55rem !important;
    font-weight:760 !important;
    letter-spacing:.09em !important;
    text-transform:uppercase !important;
}

.condition-date strong{
    color:#617786 !important;
    font-size:.67rem !important;
    font-weight:650 !important;
}

.condition-date-recent strong{
    color:#a83a3a !important;
    font-weight:760 !important;
}

/* Ajouter : visible, mais secondaire */
.condition-add-compact{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:26px !important;
    padding:0 11px !important;
    border:1px solid rgba(0,43,85,.14) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.18) !important;
    color:#416678 !important;
    text-decoration:none !important;
    font-size:.62rem !important;
    line-height:1 !important;
    font-weight:720 !important;
    white-space:nowrap !important;
    box-shadow:none !important;
}

.condition-add-compact::before{
    content:"+" !important;
    margin-right:6px !important;
    color:#2d8a8f !important;
    font-size:.84rem !important;
    line-height:1 !important;
    font-weight:700 !important;
    background:none !important;
    width:auto !important;
    height:auto !important;
}

.condition-add-compact:hover{
    border-color:rgba(45,138,143,.36) !important;
    background:rgba(45,138,143,.09) !important;
    color:#174d5d !important;
}

/* Mobile : toujours une seule ligne, mais plus lisible qu'un pictogramme seul */
@media(max-width:760px){
    .condition-line.condition-item{
        grid-template-columns:minmax(0,1fr) auto auto !important;
        gap:6px !important;
        min-height:40px !important;
        padding:7px 7px 7px 24px !important;
    }

    .condition-line.condition-item::before{
        left:9px !important;
        width:6px !important;
        height:6px !important;
    }

    .condition-item-main{
        gap:5px !important;
    }

    .condition-title-link{
        font-size:.73rem !important;
        font-weight:520 !important;
    }

    .condition-grade{
        max-width:34px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        padding:1px 5px !important;
        font-size:.50rem !important;
    }

    .condition-item-meta{
        gap:4px !important;
    }

    .condition-open-link{
        min-height:22px !important;
        padding:0 7px !important;
        gap:4px !important;
        font-size:.58rem !important;
    }

    .condition-open-link span{
        display:none !important;
    }

    .condition-open-link::before{
        width:5px !important;
        height:5px !important;
    }

    .condition-open-link b{
        font-size:.61rem !important;
    }

    .condition-date{
        max-width:48px !important;
        overflow:hidden !important;
    }

    .condition-date span{
        display:none !important;
    }

    .condition-date strong{
        display:block !important;
        max-width:48px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        font-size:.57rem !important;
    }

    .condition-add-compact{
        min-height:22px !important;
        padding:0 7px !important;
        font-size:.57rem !important;
    }

    .condition-add-compact::before{
        margin-right:3px !important;
        font-size:.72rem !important;
    }
}

@media(max-width:430px){
    .condition-line.condition-item{
        grid-template-columns:minmax(0,1fr) auto auto !important;
    }

    .condition-date{
        display:none !important;
    }

    .condition-add-compact span{
        display:none !important;
    }

    .condition-add-compact{
        width:22px !important;
        min-width:22px !important;
        padding:0 !important;
        border-radius:50% !important;
    }

    .condition-add-compact::before{
        margin:0 !important;
        font-size:.82rem !important;
    }
}


/* =========================================================
   V15 — Items sobres, alignés, sans bulles
   - Plus de bulles/pastilles sur Observations et MAJ.
   - Difficulté plus lisible.
   - Colonnes fixes : aucun décalage selon présence/absence de MAJ.
   - Le bouton Ajouter est conservé, mais discret.
   - Harmonisation des pages commentaires / post : moins blanc cru.
   ========================================================= */

/* Ancien overlay neutralisé : les liens visibles font l'action */
.condition-line-overlay{
    display:none !important;
    pointer-events:none !important;
}

/* Ligne en 4 zones nettes : nom | observations | maj | ajouter */
.condition-line.condition-item{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 112px 92px 74px !important;
    align-items:center !important;
    gap:12px !important;
    min-height:46px !important;
    padding:8px 14px 8px 46px !important;
    border:0 !important;
    border-bottom:1px solid rgba(0,43,85,.075) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
}

.condition-line.condition-item::before{
    content:"" !important;
    position:absolute !important;
    left:20px !important;
    top:50% !important;
    width:6px !important;
    height:6px !important;
    transform:translateY(-50%) !important;
    border:0 !important;
    border-radius:50% !important;
    background:#708b9b !important;
    box-shadow:none !important;
}

.condition-line.condition-item.condition-line-recent::before{
    background:#a83a3a !important;
}

.condition-line.condition-item::after{
    display:none !important;
}

.condition-line.condition-item:hover{
    transform:none !important;
    background:linear-gradient(90deg,rgba(0,43,85,.05),rgba(45,138,143,.035)) !important;
    box-shadow:inset 2px 0 0 rgba(45,138,143,.30) !important;
    filter:none !important;
}

/* Titre + difficulté : la difficulté redevient lisible, sans pastille */
.condition-item-main{
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:baseline !important;
    gap:10px !important;
}

.condition-title-link{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#223d50 !important;
    text-decoration:none !important;
    font-size:.86rem !important;
    line-height:1.2 !important;
    font-weight:535 !important;
    letter-spacing:.004em !important;
}

.condition-title-link:hover{
    color:#002b55 !important;
    text-decoration:underline !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:3px !important;
}

.condition-grade{
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#425f72 !important;
    font-size:.75rem !important;
    line-height:1.15 !important;
    font-weight:720 !important;
    letter-spacing:.01em !important;
    white-space:nowrap !important;
}

/* On casse l'ancien groupe meta pour placer ses enfants sur la grille de l'article */
.condition-item-meta{
    display:contents !important;
}

/* Observations : texte-lien net, pas de bulle */
.condition-open-link{
    grid-column:2 !important;
    justify-self:start !important;
    display:inline-flex !important;
    align-items:baseline !important;
    gap:6px !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#315a70 !important;
    text-decoration:none !important;
    font-size:.72rem !important;
    line-height:1.2 !important;
    font-weight:650 !important;
}

.condition-open-link::before{
    display:none !important;
    content:none !important;
}

.condition-open-link span{
    color:#526f81 !important;
    font-size:.69rem !important;
    font-weight:620 !important;
}

.condition-open-link b{
    color:#1f6f86 !important;
    font-size:.76rem !important;
    font-weight:820 !important;
}

.condition-open-link:hover{
    color:#174d5d !important;
    text-decoration:underline !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:3px !important;
}

/* MAJ : même colonne même largeur, alignée verticalement */
.condition-date{
    grid-column:3 !important;
    justify-self:start !important;
    display:inline-grid !important;
    grid-template-columns:auto auto !important;
    align-items:baseline !important;
    gap:5px !important;
    min-width:86px !important;
    max-width:86px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#6e8290 !important;
    font-size:.68rem !important;
    line-height:1.2 !important;
}

.condition-date::before,
.condition-date::after{
    display:none !important;
    content:none !important;
}

.condition-date span{
    color:#82939f !important;
    font-size:.58rem !important;
    line-height:1.2 !important;
    font-weight:720 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
}

.condition-date strong{
    color:#607685 !important;
    font-size:.68rem !important;
    line-height:1.2 !important;
    font-weight:630 !important;
}

.condition-date-recent strong{
    color:#a83a3a !important;
    font-weight:760 !important;
}

.condition-date-empty{
    opacity:.34 !important;
}

/* Ajouter : garder le bon bouton, en secondaire */
.condition-add-compact{
    grid-column:4 !important;
    justify-self:end !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:25px !important;
    padding:0 10px !important;
    border:1px solid rgba(0,43,85,.14) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.16) !important;
    color:#416678 !important;
    text-decoration:none !important;
    font-size:.61rem !important;
    line-height:1 !important;
    font-weight:720 !important;
    white-space:nowrap !important;
    box-shadow:none !important;
}

.condition-add-compact::before{
    content:"+" !important;
    width:auto !important;
    height:auto !important;
    margin-right:5px !important;
    border:0 !important;
    background:none !important;
    color:#2d8a8f !important;
    font-size:.82rem !important;
    line-height:1 !important;
    font-weight:700 !important;
}

.condition-add-compact:hover{
    border-color:rgba(45,138,143,.36) !important;
    background:rgba(45,138,143,.09) !important;
    color:#174d5d !important;
}

/* Mobile : une seule ligne, mais sans bulles et avec hiérarchie claire */
@media(max-width:760px){
    .condition-line.condition-item{
        grid-template-columns:minmax(0,1fr) 29px 48px 22px !important;
        gap:7px !important;
        min-height:40px !important;
        padding:7px 7px 7px 24px !important;
    }

    .condition-line.condition-item::before{
        left:9px !important;
        width:6px !important;
        height:6px !important;
    }

    .condition-item-main{
        grid-template-columns:minmax(0,1fr) auto !important;
        gap:5px !important;
    }

    .condition-title-link{
        font-size:.73rem !important;
        line-height:1.12 !important;
        font-weight:520 !important;
    }

    .condition-grade{
        max-width:42px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        font-size:.61rem !important;
        font-weight:720 !important;
    }

    .condition-open-link{
        grid-column:2 !important;
        justify-self:center !important;
        font-size:0 !important;
        gap:0 !important;
    }

    .condition-open-link span{
        display:none !important;
    }

    .condition-open-link b{
        font-size:.64rem !important;
        line-height:1 !important;
    }

    .condition-open-link::after{
        content:"obs" !important;
        margin-left:3px !important;
        color:#6b7f8d !important;
        font-size:.50rem !important;
        font-weight:650 !important;
        letter-spacing:.02em !important;
    }

    .condition-date{
        grid-column:3 !important;
        min-width:48px !important;
        max-width:48px !important;
        grid-template-columns:1fr !important;
        gap:0 !important;
        justify-self:start !important;
    }

    .condition-date span{
        display:none !important;
    }

    .condition-date strong{
        max-width:48px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        font-size:.57rem !important;
        line-height:1 !important;
    }

    .condition-add-compact{
        grid-column:4 !important;
        width:22px !important;
        min-width:22px !important;
        height:22px !important;
        min-height:22px !important;
        padding:0 !important;
        border-radius:50% !important;
        font-size:0 !important;
    }

    .condition-add-compact span{
        display:none !important;
    }

    .condition-add-compact::before{
        margin:0 !important;
        font-size:.82rem !important;
    }
}

@media(max-width:430px){
    .condition-line.condition-item{
        grid-template-columns:minmax(0,1fr) 27px 22px !important;
        gap:6px !important;
    }

    .condition-date{
        display:none !important;
    }

    .condition-add-compact{
        grid-column:3 !important;
    }
}

/* Autres pages : réduire le blanc très clair et renforcer l'intégration bleue */
.conditions-detail-page .condition-observation-card{
    background:
        linear-gradient(90deg,#002b55 0 5px,transparent 5px),
        url('/illustrations/panel-mountains.svg') right bottom / 250px auto no-repeat,
        linear-gradient(135deg,rgba(211,228,237,.96),rgba(194,219,231,.90)) !important;
}

.conditions-detail-page .condition-observation-box,
.conditions-detail-page .condition-observation-comment{
    background:rgba(220,235,242,.76) !important;
    border-left:1px solid rgba(0,43,85,.18) !important;
}

.condition-card,
.conditions-detail-page .condition-card{
    background:
        url('/illustrations/panel-mountains.svg') right bottom / 230px auto no-repeat,
        linear-gradient(135deg,rgba(0,43,85,.88),rgba(20,61,89,.84) 44%,rgba(199,222,233,.92)) !important;
    border-color:rgba(0,43,85,.24) !important;
}

.condition-form-row input,
.condition-form-row select,
.condition-form-row textarea{
    background:rgba(227,239,245,.96) !important;
    border-color:rgba(0,43,85,.20) !important;
}

.condition-help{
    background:rgba(18,57,86,.34) !important;
    border-color:rgba(255,255,255,.12) !important;
}


/* =========================================================
   V16 — Métadonnées course repensées
   - La classification reste à gauche, avec le titre.
   - Observations / MAJ : plus de bulles, plus de capsules.
   - Alignement strict : aucune différence entre courses avec/sans MAJ.
   - Texte d'aide post_comment éclairci.
   ========================================================= */

/* Ligne : titre + difficulté à gauche, infos terrain au centre, ajout à droite */
.condition-line.condition-item{
    grid-template-columns:minmax(0,1fr) 178px 78px !important;
    gap:16px !important;
    min-height:46px !important;
    padding:8px 14px 8px 46px !important;
}

/* Titre + cotation : la cotation reste bien dans la zone de gauche */
.condition-item-main{
    display:flex !important;
    align-items:baseline !important;
    gap:10px !important;
    min-width:0 !important;
}

.condition-title-link{
    flex:0 1 auto !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.condition-grade{
    flex:0 0 auto !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#31566d !important;
    font-size:.78rem !important;
    line-height:1 !important;
    font-weight:760 !important;
    letter-spacing:.015em !important;
    white-space:nowrap !important;
}

/* La zone observations/MAJ devient une seule ligne éditoriale */
.condition-item-meta{
    display:grid !important;
    grid-template-columns:70px 92px !important;
    align-items:center !important;
    gap:16px !important;
    min-width:178px !important;
    max-width:178px !important;
    white-space:nowrap !important;
}

/* Observations : lien texte moderne, aucune bulle */
.condition-open-link{
    grid-column:auto !important;
    justify-self:start !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#2e6075 !important;
    text-decoration:none !important;
    font-size:.70rem !important;
    line-height:1 !important;
    font-weight:650 !important;
}

.condition-open-link::before,
.condition-open-link::after{
    display:none !important;
    content:none !important;
}

.condition-open-link span{
    order:2 !important;
    color:#667d8b !important;
    font-size:.63rem !important;
    font-weight:610 !important;
    letter-spacing:.01em !important;
    text-transform:none !important;
}

.condition-open-link b{
    order:1 !important;
    color:#1f6f86 !important;
    font-size:.80rem !important;
    line-height:1 !important;
    font-weight:820 !important;
}

.condition-open-link:hover{
    color:#174d5d !important;
    text-decoration:underline !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:3px !important;
}

/* MAJ : alignée au centre vertical, sans effet surélevé */
.condition-date{
    grid-column:auto !important;
    justify-self:start !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    min-width:92px !important;
    max-width:92px !important;
    height:18px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#6e8290 !important;
    line-height:18px !important;
    transform:none !important;
    vertical-align:middle !important;
}

.condition-date::before,
.condition-date::after{
    display:none !important;
    content:none !important;
}

.condition-date span{
    display:inline !important;
    color:#8496a2 !important;
    font-size:.56rem !important;
    line-height:18px !important;
    font-weight:720 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
}

.condition-date strong{
    display:inline !important;
    color:#607685 !important;
    font-size:.68rem !important;
    line-height:18px !important;
    font-weight:640 !important;
}

.condition-date-recent strong{
    color:#a83a3a !important;
    font-weight:760 !important;
}

.condition-date-empty{
    opacity:.30 !important;
}

/* Petit séparateur interne, discret, au lieu de bulles */
.condition-item-meta .condition-date{
    position:relative !important;
}

.condition-item-meta .condition-date::before{
    display:block !important;
    content:"" !important;
    position:absolute !important;
    left:-9px !important;
    top:4px !important;
    bottom:4px !important;
    width:1px !important;
    background:rgba(0,43,85,.13) !important;
}

/* Ajouter : on garde le principe validé */
.condition-add-compact{
    grid-column:auto !important;
    justify-self:end !important;
}

/* Mobile : toujours sur une ligne, cotation à gauche, infos très lisibles */
@media(max-width:760px){
    .condition-line.condition-item{
        grid-template-columns:minmax(0,1fr) 62px 22px !important;
        gap:7px !important;
        min-height:40px !important;
        padding:7px 7px 7px 24px !important;
    }

    .condition-item-main{
        display:flex !important;
        align-items:baseline !important;
        gap:5px !important;
        min-width:0 !important;
    }

    .condition-title-link{
        font-size:.73rem !important;
        line-height:1.1 !important;
        font-weight:520 !important;
    }

    .condition-grade{
        max-width:46px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        font-size:.62rem !important;
        line-height:1 !important;
        font-weight:760 !important;
    }

    .condition-item-meta{
        display:grid !important;
        grid-template-columns:25px 33px !important;
        gap:4px !important;
        min-width:62px !important;
        max-width:62px !important;
        align-items:center !important;
    }

    .condition-open-link{
        font-size:0 !important;
        gap:2px !important;
        justify-self:end !important;
    }

    .condition-open-link span{
        display:none !important;
    }

    .condition-open-link b{
        color:#1f6f86 !important;
        font-size:.64rem !important;
        line-height:1 !important;
    }

    .condition-open-link::after{
        display:inline !important;
        content:"obs" !important;
        color:#758995 !important;
        font-size:.49rem !important;
        line-height:1 !important;
        font-weight:650 !important;
    }

    .condition-date{
        min-width:33px !important;
        max-width:33px !important;
        height:16px !important;
        line-height:16px !important;
        justify-self:start !important;
    }

    .condition-date::before{
        display:none !important;
    }

    .condition-date span{
        display:none !important;
    }

    .condition-date strong{
        max-width:33px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        font-size:.55rem !important;
        line-height:16px !important;
    }

    .condition-add-compact{
        width:22px !important;
        min-width:22px !important;
        height:22px !important;
        min-height:22px !important;
        padding:0 !important;
        border-radius:50% !important;
        font-size:0 !important;
    }

    .condition-add-compact span{
        display:none !important;
    }

    .condition-add-compact::before{
        margin:0 !important;
        font-size:.82rem !important;
    }
}

@media(max-width:430px){
    .condition-line.condition-item{
        grid-template-columns:minmax(0,1fr) 25px 22px !important;
        gap:6px !important;
    }

    .condition-item-meta{
        grid-template-columns:25px !important;
        min-width:25px !important;
        max-width:25px !important;
    }

    .condition-date{
        display:none !important;
    }
}

/* post_comment / post_comment_couloir : texte d'aide éclairci sur fond bleu */
.condition-card .condition-help,
.conditions-detail-page .condition-card .condition-help{
    background:rgba(0,43,85,.30) !important;
    border-color:rgba(255,255,255,.16) !important;
}

.condition-card .condition-help p,
.condition-card .condition-help li,
.conditions-detail-page .condition-card .condition-help p,
.conditions-detail-page .condition-card .condition-help li{
    color:#eff8fc !important;
}

.condition-card .condition-help a,
.conditions-detail-page .condition-card .condition-help a{
    color:#ffffff !important;
    text-decoration-color:rgba(255,255,255,.45) !important;
}


/* =========================================================
   V17 — Redesign complet de la zone retours / actualisation
   - Fini "MAJ" surélevé et peu lisible.
   - Libellés plus lisibles : retour(s) / actualisé.
   - Présentation type mini-table éditoriale, sans bulles.
   - Cotation conservée à gauche.
   ========================================================= */

.condition-line.condition-item{
    grid-template-columns:minmax(0,1fr) 184px 78px !important;
    gap:16px !important;
}

/* Zone centrale : deux infos stables, comme deux petites colonnes */
.condition-item-meta{
    display:grid !important;
    grid-template-columns:62px 104px !important;
    align-items:center !important;
    gap:18px !important;
    min-width:184px !important;
    max-width:184px !important;
    padding-left:16px !important;
    border-left:1px solid rgba(0,43,85,.12) !important;
    white-space:nowrap !important;
}

/* Retour(s) : nombre mis devant, libellé lisible dessous/à côté selon place */
.condition-open-link{
    grid-column:1 !important;
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    align-items:baseline !important;
    column-gap:5px !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#1f6f86 !important;
    text-decoration:none !important;
    line-height:1 !important;
}

.condition-open-link b{
    grid-column:1 !important;
    color:#174d5d !important;
    font-size:.86rem !important;
    line-height:1 !important;
    font-weight:760 !important;
}

.condition-open-link span{
    grid-column:2 !important;
    color:#526f81 !important;
    font-size:.62rem !important;
    line-height:1 !important;
    font-weight:640 !important;
    letter-spacing:.015em !important;
}

.condition-open-link:hover span,
.condition-open-link:hover b{
    color:#002b55 !important;
}

.condition-open-link:hover{
    text-decoration:none !important;
}

/* Actualisation : bloc lisible, aligné, plus de texte surélevé */
.condition-date{
    grid-column:2 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    justify-items:start !important;
    gap:2px !important;
    min-width:104px !important;
    max-width:104px !important;
    height:auto !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    line-height:1 !important;
}

.condition-date::before,
.condition-date::after{
    display:none !important;
    content:none !important;
}

.condition-date span{
    display:block !important;
    color:#7c909d !important;
    font-size:.54rem !important;
    line-height:1 !important;
    font-weight:720 !important;
    letter-spacing:.10em !important;
    text-transform:uppercase !important;
}

.condition-date strong{
    display:block !important;
    margin-top:1px !important;
    color:#4e6879 !important;
    font-size:.69rem !important;
    line-height:1 !important;
    font-weight:650 !important;
}

.condition-date-recent strong{
    color:#a83a3a !important;
    font-weight:760 !important;
}

.condition-date-empty{
    opacity:.28 !important;
}

/* Ajouter reste à droite, stable */
.condition-add-compact{
    grid-column:auto !important;
}

/* Cotation : encore plus clairement à gauche */
.condition-grade{
    color:#244e66 !important;
    font-size:.80rem !important;
    line-height:1 !important;
    font-weight:780 !important;
}

/* Mobile : compact mais lisible, pas de "1 observations", pas de MAJ illisible */
@media(max-width:760px){
    .condition-line.condition-item{
        grid-template-columns:minmax(0,1fr) 54px 22px !important;
        gap:7px !important;
    }

    .condition-item-meta{
        grid-template-columns:20px 30px !important;
        min-width:54px !important;
        max-width:54px !important;
        gap:4px !important;
        padding-left:7px !important;
        border-left:1px solid rgba(0,43,85,.11) !important;
    }

    .condition-open-link{
        grid-template-columns:1fr !important;
        justify-items:center !important;
    }

    .condition-open-link b{
        font-size:.65rem !important;
        line-height:1 !important;
    }

    .condition-open-link span{
        display:none !important;
    }

    .condition-date{
        min-width:30px !important;
        max-width:30px !important;
        gap:0 !important;
    }

    .condition-date span{
        display:none !important;
    }

    .condition-date strong{
        max-width:30px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        font-size:.55rem !important;
        line-height:1 !important;
    }

    .condition-grade{
        max-width:46px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        font-size:.62rem !important;
    }
}

@media(max-width:430px){
    .condition-line.condition-item{
        grid-template-columns:minmax(0,1fr) 22px 22px !important;
    }

    .condition-item-meta{
        grid-template-columns:22px !important;
        min-width:22px !important;
        max-width:22px !important;
        padding-left:0 !important;
        border-left:0 !important;
    }

    .condition-date{
        display:none !important;
    }
}


/* =========================================================
   Correction clic ligne — toute la course ouvre les observations
   Le bouton Ajouter reste cliquable indépendamment.
   ========================================================= */

.condition-line.condition-item{
    position:relative !important;
    cursor:pointer !important;
}

.condition-row-link{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    display:block !important;
    text-indent:-9999px !important;
    overflow:hidden !important;
    background:transparent !important;
}

.condition-item-main,
.condition-item-meta{
    position:relative !important;
    z-index:2 !important;
    pointer-events:none !important;
}

.condition-title-link,
.condition-open-link{
    pointer-events:none !important;
}

.condition-add-compact{
    position:relative !important;
    z-index:5 !important;
    pointer-events:auto !important;
}

.condition-line.condition-item:hover .condition-title-link{
    color:#002b55 !important;
    text-decoration:underline !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:3px !important;
}


/* =========================================================
   V18 — Correctifs ciblés largeur / actions / observations
   Garde la mise en page précédente, corrige seulement :
   - largeur homogène des pages conditions ;
   - boutons des pages liste_comment.php ;
   - lisibilité et respiration des observations ;
   - références héritées de conditions.css.
   ========================================================= */

.conditions-page.container{
    max-width:1220px !important;
    padding-left:28px !important;
    padding-right:28px !important;
}

.conditions-page > .conditions-header,
.conditions-page > .conditions-live-panel,
.conditions-page > .conditions-region,
.conditions-page > .condition-card,
.conditions-detail-page .condition-observation-card{
    width:100% !important;
    max-width:none !important;
}

.conditions-page > .conditions-live-panel,
.conditions-page > .conditions-region,
.conditions-page > .conditions-header,
.conditions-page > .condition-card,
.conditions-detail-page .condition-observation-card{
    margin-left:0 !important;
    margin-right:0 !important;
}

.conditions-header{
    margin:0 0 28px !important;
    padding:28px 32px !important;
    border:1px solid rgba(0,43,85,.13) !important;
    border-radius:14px !important;
    background:
        url('/illustrations/home-contours.svg') right center / 420px auto no-repeat,
        linear-gradient(135deg,rgba(247,250,252,.98),rgba(232,241,246,.94)) !important;
    box-shadow:0 12px 30px rgba(5,17,27,.07) !important;
}

.conditions-header h1{
    margin:0 0 8px !important;
    color:#132f43 !important;
    font-size:clamp(1.72rem,2.9vw,2.35rem) !important;
    line-height:1.12 !important;
    font-weight:640 !important;
    letter-spacing:-.035em !important;
}

.conditions-header p{
    max-width:760px !important;
    margin:0 !important;
    color:#5f7482 !important;
    font-size:.98rem !important;
    line-height:1.72 !important;
}

.condition-observation-kicker{
    display:block !important;
    margin:0 0 8px !important;
    color:#2d778c !important;
    font-size:.72rem !important;
    line-height:1 !important;
    font-weight:820 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
}

.conditions-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin-top:20px !important;
}

.conditions-actions a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:0 16px !important;
    border:1px solid rgba(0,43,85,.24) !important;
    border-radius:999px !important;
    background:#002b55 !important;
    color:#ffffff !important;
    font-size:.80rem !important;
    line-height:1 !important;
    font-weight:760 !important;
    letter-spacing:.02em !important;
    text-decoration:none !important;
    box-shadow:0 8px 18px rgba(0,43,85,.16) !important;
}

.conditions-actions a + a{
    background:rgba(255,255,255,.60) !important;
    color:#24485f !important;
    border-color:rgba(0,43,85,.18) !important;
    box-shadow:none !important;
}

.conditions-actions a:hover,
.conditions-actions a:focus{
    background:#113b5a !important;
    color:#ffffff !important;
    text-decoration:none !important;
}

.conditions-actions a + a:hover,
.conditions-actions a + a:focus{
    background:rgba(45,138,143,.11) !important;
    color:#002b55 !important;
}

.conditions-detail-page .condition-observation-card{
    padding:28px 32px !important;
    border-radius:14px !important;
}

.conditions-detail-page .condition-observation-top{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:24px !important;
    padding-bottom:18px !important;
    margin-bottom:18px !important;
    border-bottom:1px solid rgba(0,43,85,.12) !important;
}

.conditions-detail-page .condition-observation-title{
    margin:0 !important;
    color:#132f43 !important;
    font-size:1.18rem !important;
    line-height:1.22 !important;
    font-weight:650 !important;
    letter-spacing:-.02em !important;
}

.conditions-detail-page .condition-observation-author{
    flex:0 0 auto !important;
    color:#627783 !important;
    font-size:.80rem !important;
    line-height:1.45 !important;
    text-align:right !important;
}

.conditions-detail-page .condition-observation-author a{
    color:#245f73 !important;
    font-weight:760 !important;
    text-decoration:none !important;
}

.conditions-detail-page .condition-observation-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
}

.conditions-detail-page .condition-observation-box,
.conditions-detail-page .condition-observation-comment{
    padding:16px 18px !important;
    border-radius:10px !important;
    border:1px solid rgba(0,43,85,.11) !important;
    background:rgba(255,255,255,.58) !important;
}

.conditions-detail-page .condition-observation-comment{
    margin-top:14px !important;
}

.conditions-detail-page .condition-label{
    display:block !important;
    margin:0 0 7px !important;
    color:#2d6f86 !important;
    font-size:.66rem !important;
    line-height:1.2 !important;
    font-weight:820 !important;
    letter-spacing:.11em !important;
    text-transform:uppercase !important;
}

.conditions-detail-page .condition-observation-content{
    color:#3e5564 !important;
    font-size:.90rem !important;
    line-height:1.66 !important;
}

.conditions-page .condition-form{
    max-width:none !important;
    width:100% !important;
}

.conditions-page .condition-card{
    padding:28px 32px !important;
}

.condition-card .condition-help,
.conditions-detail-page .condition-card .condition-help{
    padding:18px 20px !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.55) !important;
}

.condition-card .condition-help a,
.conditions-detail-page .condition-card .condition-help a{
    color:#1f6f86 !important;
    font-weight:760 !important;
}

@media(max-width:760px){
    .conditions-page.container{
        padding-left:16px !important;
        padding-right:16px !important;
    }

    .conditions-header,
    .conditions-detail-page .condition-observation-card,
    .conditions-page .condition-card{
        padding:22px 18px !important;
    }

    .conditions-actions{
        gap:8px !important;
    }

    .conditions-actions a{
        min-height:36px !important;
        padding:0 12px !important;
        font-size:.75rem !important;
    }

    .conditions-detail-page .condition-observation-top{
        display:block !important;
    }

    .conditions-detail-page .condition-observation-author{
        margin-top:10px !important;
        text-align:left !important;
    }

    .conditions-detail-page .condition-observation-grid{
        grid-template-columns:1fr !important;
    }
}

/* =========================================================
   V19 — Correctif largeur réel
   Le conteneur .site-container porte déjà les marges latérales.
   On supprime donc le second padding ajouté par .container sur les pages conditions.
   ========================================================= */

main.container.conditions-page,
.container.conditions-page,
.conditions-page.container{
    width:100% !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

.conditions-page > .conditions-header,
.conditions-page > .conditions-live-panel,
.conditions-page > .conditions-region,
.conditions-page > .conditions-region-flat,
.conditions-page > .condition-card,
.conditions-detail-page .condition-observation-card{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}

.conditions-page .condition-form{
    width:100% !important;
    max-width:none !important;
}

@media(max-width:760px){
    main.container.conditions-page,
    .container.conditions-page,
    .conditions-page.container{
        padding-left:0 !important;
        padding-right:0 !important;
    }
}

/* =========================================================
   V20 — Pages post_comment : formulaire sobre, sans en-tête inutile
   ========================================================= */

.conditions-page > .condition-post-card{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:34px 40px !important;
    border:1px solid rgba(0,43,85,.14) !important;
    border-radius:6px !important;
    background:#eef5f8 !important;
    box-shadow:0 10px 26px rgba(5,17,27,.06) !important;
}

.condition-post-card .condition-form{
    width:100% !important;
    max-width:960px !important;
    margin:0 !important;
}

.condition-post-card .condition-form-row{
    display:grid !important;
    grid-template-columns:230px minmax(0,1fr) !important;
    gap:20px !important;
    align-items:start !important;
    margin:0 !important;
    padding:16px 0 !important;
    border-bottom:1px solid rgba(0,43,85,.10) !important;
}

.condition-post-card .condition-form-row label{
    margin:0 !important;
    padding-top:8px !important;
    color:#243f52 !important;
    font-size:.84rem !important;
    line-height:1.45 !important;
    font-weight:560 !important;
    letter-spacing:.01em !important;
}

.condition-post-card .condition-form-row label strong,
.condition-post-card .condition-form-row label .condition-alert{
    font-weight:650 !important;
}

.condition-post-card .condition-form-row input,
.condition-post-card .condition-form-row select,
.condition-post-card .condition-form-row textarea{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    min-height:40px !important;
    padding:9px 11px !important;
    border:1px solid rgba(0,43,85,.18) !important;
    border-radius:4px !important;
    background:#ffffff !important;
    color:#213847 !important;
    font-size:.92rem !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    box-shadow:none !important;
}

.condition-post-card .condition-form-row textarea{
    min-height:150px !important;
    resize:vertical !important;
}

.condition-post-card .condition-form-row input:focus,
.condition-post-card .condition-form-row select:focus,
.condition-post-card .condition-form-row textarea:focus{
    outline:none !important;
    border-color:rgba(45,138,143,.72) !important;
    box-shadow:0 0 0 3px rgba(45,138,143,.12) !important;
}

.condition-post-card .condition-form-inline{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    width:100% !important;
}

.condition-post-card .condition-form-inline select{
    width:auto !important;
    min-width:120px !important;
    flex:1 1 120px !important;
}

.condition-post-card .condition-help,
.conditions-page .condition-post-card .condition-help{
    width:auto !important;
    max-width:960px !important;
    margin:24px 0 0 !important;
    padding:16px 18px !important;
    border:1px solid rgba(0,43,85,.12) !important;
    border-left:4px solid rgba(45,138,143,.55) !important;
    border-radius:4px !important;
    background:rgba(255,255,255,.58) !important;
    box-shadow:none !important;
}

.condition-post-card .condition-help p{
    margin:0 0 8px !important;
    color:#435a69 !important;
    font-size:.88rem !important;
    line-height:1.65 !important;
    font-weight:400 !important;
}

.condition-post-card .condition-help p:last-child{
    margin-bottom:0 !important;
}

.condition-post-card .condition-help strong{
    color:#243f52 !important;
    font-weight:620 !important;
}

.condition-post-card .condition-help a{
    color:#1f6f86 !important;
    font-weight:600 !important;
}

.condition-post-card .condition-form-actions{
    display:flex !important;
    justify-content:flex-end !important;
    margin-top:24px !important;
}

.condition-post-card .condition-form-actions input[type="submit"]{
    min-height:40px !important;
    padding:0 22px !important;
    border:1px solid #002b55 !important;
    border-radius:4px !important;
    background:#002b55 !important;
    color:#ffffff !important;
    font-size:.82rem !important;
    line-height:1 !important;
    font-weight:620 !important;
    letter-spacing:.02em !important;
    box-shadow:none !important;
    cursor:pointer !important;
}

.condition-post-card .condition-form-actions input[type="submit"]:hover,
.condition-post-card .condition-form-actions input[type="submit"]:focus{
    background:#113b5a !important;
    color:#ffffff !important;
}

@media(max-width:760px){
    .conditions-page > .condition-post-card{
        padding:22px 18px !important;
        border-radius:4px !important;
    }

    .condition-post-card .condition-form-row{
        display:block !important;
        padding:14px 0 !important;
    }

    .condition-post-card .condition-form-row label{
        display:block !important;
        padding-top:0 !important;
        margin-bottom:7px !important;
    }

    .condition-post-card .condition-form-inline{
        gap:8px !important;
    }

    .condition-post-card .condition-form-actions{
        justify-content:flex-start !important;
    }
}


/* Champ date natif pour les observations */
.condition-form input[type="date"]{
    width:100%;
    max-width:320px;
}

@media(max-width:700px){
    .condition-form input[type="date"]{
        max-width:none;
    }
}

/* =========================================================
   V21 — Liste des observations : organisation plus sobre
   ========================================================= */

.conditions-detail-page .condition-observation-card.condition-observation-item{
    display:grid !important;
    grid-template-columns:190px minmax(0,1fr) !important;
    gap:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 0 18px !important;
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(0,43,85,.13) !important;
    border-radius:6px !important;
    background:#f3f7f9 !important;
    box-shadow:0 8px 22px rgba(5,17,27,.05) !important;
}

.conditions-detail-page .condition-observation-card.condition-observation-item::before{
    display:none !important;
    content:none !important;
}

.conditions-detail-page .condition-observation-date{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:9px !important;
    padding:22px 24px !important;
    border-right:1px solid rgba(255,255,255,.08) !important;
    background:linear-gradient(155deg,#002b55 0%,#123d62 58%,#1f5779 100%) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

.conditions-detail-page .condition-observation-date::after{
    content:"" !important;
    position:absolute !important;
    left:10px !important;
    right:10px !important;
    bottom:6px !important;
    width:auto !important;
    height:68px !important;
    background:url('/illustrations/panel-mountains.svg') center bottom / 166px auto no-repeat !important;
    opacity:.42 !important;
    pointer-events:none !important;
}

.conditions-detail-page .condition-observation-date span{
    position:relative !important;
    z-index:1 !important;
    display:block !important;
    color:#91c0d2 !important;
    font-size:.64rem !important;
    line-height:1.25 !important;
    font-weight:760 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
}

.conditions-detail-page .condition-observation-date strong{
    position:relative !important;
    z-index:1 !important;
    display:block !important;
    max-width:120px !important;
    color:#f3f8fb !important;
    font-size:.92rem !important;
    line-height:1.38 !important;
    font-weight:560 !important;
    letter-spacing:-.01em !important;
}

.conditions-detail-page .condition-observation-body{
    min-width:0 !important;
    padding:22px 26px 24px !important;
    box-sizing:border-box !important;
}

.conditions-detail-page .condition-observation-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px 18px !important;
    margin:0 0 18px !important;
    padding:0 0 12px !important;
    border-bottom:1px solid rgba(0,43,85,.10) !important;
    color:#697b86 !important;
    font-size:.79rem !important;
    line-height:1.45 !important;
    font-weight:400 !important;
}

.conditions-detail-page .condition-observation-meta a{
    color:#245f73 !important;
    font-weight:620 !important;
    text-decoration:none !important;
}

.conditions-detail-page .condition-observation-meta a:hover,
.conditions-detail-page .condition-observation-meta a:focus{
    color:#002b55 !important;
    text-decoration:underline !important;
    text-underline-offset:3px !important;
}

.conditions-detail-page .condition-observation-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px 28px !important;
    margin:0 !important;
}

.conditions-detail-page .condition-observation-section{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.conditions-detail-page .condition-observation-main-comment{
    margin-top:20px !important;
    padding-top:18px !important;
    border-top:1px solid rgba(0,43,85,.10) !important;
}

.conditions-detail-page .condition-observation-section .condition-label,
.conditions-detail-page .condition-observation-main-comment .condition-label{
    display:block !important;
    margin:0 0 6px !important;
    color:#2d6f86 !important;
    font-size:.68rem !important;
    line-height:1.25 !important;
    font-weight:740 !important;
    letter-spacing:.10em !important;
    text-transform:uppercase !important;
}

.conditions-detail-page .condition-observation-section .condition-observation-content,
.conditions-detail-page .condition-observation-main-comment .condition-observation-content{
    margin:0 !important;
    color:#344d5d !important;
    font-size:.89rem !important;
    line-height:1.72 !important;
    font-weight:400 !important;
}

.conditions-detail-page .condition-observation-main-comment .condition-observation-content{
    max-width:860px !important;
    white-space:pre-wrap !important;
}

.conditions-detail-page .condition-observation-top,
.conditions-detail-page .condition-observation-title,
.conditions-detail-page .condition-observation-author{
    display:initial;
}

@media(max-width:760px){
    .conditions-detail-page .condition-observation-card.condition-observation-item{
        grid-template-columns:1fr !important;
        margin-bottom:14px !important;
    }

    .conditions-detail-page .condition-observation-date{
        display:block !important;
        padding:16px 18px 14px !important;
        border-right:0 !important;
        border-bottom:1px solid rgba(255,255,255,.08) !important;
    }

    .conditions-detail-page .condition-observation-date::after{
        left:12px !important;
        right:12px !important;
        bottom:5px !important;
        width:auto !important;
        height:54px !important;
        background-size:146px auto !important;
        opacity:.38 !important;
    }

    .conditions-detail-page .condition-observation-date span{
        margin-bottom:5px !important;
        font-size:.62rem !important;
    }

    .conditions-detail-page .condition-observation-date strong{
        max-width:none !important;
        font-size:.9rem !important;
    }

    .conditions-detail-page .condition-observation-body{
        padding:17px 18px 19px !important;
    }

    .conditions-detail-page .condition-observation-meta{
        display:block !important;
        margin-bottom:16px !important;
    }

    .conditions-detail-page .condition-observation-meta span{
        display:block !important;
        margin-bottom:3px !important;
    }

    .conditions-detail-page .condition-observation-grid{
        grid-template-columns:1fr !important;
        gap:16px !important;
    }

    .conditions-detail-page .condition-observation-main-comment{
        margin-top:17px !important;
        padding-top:16px !important;
    }
}


/* =========================================================
   V22 — Liste couloirs : respiration entre sous-régions
   ========================================================= */

.conditions-page .conditions-region + .conditions-region{
    margin-top:34px !important;
}

.conditions-page .conditions-region + .conditions-region::before{
    content:"";
    display:block;
    width:100%;
    height:1px;
    margin:0 0 26px;
    background:linear-gradient(90deg,rgba(0,43,85,.04),rgba(61,127,159,.24),rgba(0,43,85,.04));
}

.conditions-page .conditions-region h2{
    margin-bottom:18px !important;
}

.conditions-page .conditions-course:last-child{
    margin-bottom:0 !important;
}

@media(max-width:760px){
    .conditions-page .conditions-region + .conditions-region{
        margin-top:28px !important;
    }

    .conditions-page .conditions-region + .conditions-region::before{
        margin-bottom:22px;
    }
}


/* =========================================================
   V23 — Couloirs : sous-régions bien séparées
   ========================================================= */

.conditions-couloirs-page .conditions-region{
    margin-top:54px !important;
}

.conditions-couloirs-page .conditions-region:first-of-type{
    margin-top:18px !important;
}

.conditions-couloirs-page .conditions-region + .conditions-region{
    margin-top:64px !important;
}

.conditions-couloirs-page .conditions-region + .conditions-region::before{
    display:none !important;
    content:none !important;
}

.conditions-couloirs-page .conditions-region h2{
    display:flex !important;
    align-items:center !important;
    gap:13px !important;
    margin:0 0 24px !important;
    padding:13px 18px 12px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-bottom:0 !important;
    border-radius:7px !important;
    background:
        linear-gradient(135deg,rgba(0,43,85,.98),rgba(15,58,88,.96)) !important;
    color:#f2f8fb !important;
    box-shadow:0 12px 28px rgba(5,17,27,.16) !important;
}

.conditions-couloirs-page .conditions-region h2::before{
    flex:0 0 auto !important;
    width:34px !important;
    height:15px !important;
    opacity:.82 !important;
    filter:brightness(0) invert(1) opacity(.76) !important;
}

.conditions-couloirs-page .conditions-region h2::after{
    content:"" !important;
    flex:1 1 auto !important;
    height:1px !important;
    margin-left:4px !important;
    background:linear-gradient(90deg,rgba(147,193,211,.42),rgba(147,193,211,0)) !important;
}

.conditions-couloirs-page .conditions-course{
    margin-bottom:32px !important;
}

.conditions-couloirs-page .conditions-region .condition-line:last-child{
    margin-bottom:0 !important;
}

@media(max-width:760px){
    .conditions-couloirs-page .conditions-region{
        margin-top:42px !important;
    }

    .conditions-couloirs-page .conditions-region:first-of-type{
        margin-top:12px !important;
    }

    .conditions-couloirs-page .conditions-region + .conditions-region{
        margin-top:50px !important;
    }

    .conditions-couloirs-page .conditions-region h2{
        margin-bottom:20px !important;
        padding:12px 15px 11px !important;
        border-radius:6px !important;
    }

    .conditions-couloirs-page .conditions-region h2::after{
        display:none !important;
    }
}


/* =========================================================
   V28 — Couloirs : cartes lisibles, rupture avec les pastilles
   ========================================================= */

/* Icône des bandeaux : ronde, jamais étirée. */
.conditions-couloirs-page .conditions-region h2::before{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    flex:0 0 28px !important;
    border-radius:50% !important;
    background:
        rgba(255,255,255,.08)
        url('/illustrations/icon-mountain.svg') center / 15px auto no-repeat !important;
    opacity:1 !important;
    filter:none !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16) !important;
}

/* La ligne devient une carte en deux niveaux :
   1. titre + difficulté
   2. barre infos + action */
.conditions-couloirs-page .condition-line.condition-item{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
        "main add"
        "meta add" !important;
    gap:8px 22px !important;
    align-items:center !important;
    min-height:auto !important;
    margin-bottom:12px !important;
    padding:18px 22px 16px 56px !important;
    border:1px solid rgba(0,43,85,.10) !important;
    border-left:3px solid rgba(45,111,134,.42) !important;
    border-radius:0 !important;
    background:
        linear-gradient(90deg,rgba(255,255,255,.36),rgba(255,255,255,.14)) !important;
    box-shadow:none !important;
}

.conditions-couloirs-page .condition-line.condition-item::after{
    display:none !important;
    content:none !important;
}

.conditions-couloirs-page .condition-item-main{
    grid-area:main !important;
    display:flex !important;
    align-items:baseline !important;
    gap:11px !important;
    min-width:0 !important;
}

.conditions-couloirs-page .condition-title-link{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#223d50 !important;
    font-size:1.02rem !important;
    line-height:1.18 !important;
    font-weight:640 !important;
    letter-spacing:-.01em !important;
}

.conditions-couloirs-page .condition-grade{
    flex:0 0 auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#2f6075 !important;
    font-size:.76rem !important;
    line-height:1 !important;
    font-weight:780 !important;
    letter-spacing:.02em !important;
}

/* Barre d'infos : pas de bulles, juste une ligne éditoriale. */
.conditions-couloirs-page .condition-couloir-meta{
    grid-area:meta !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    min-width:0 !important;
    max-width:none !important;
    white-space:normal !important;
}

.conditions-couloirs-page .condition-meta-observations,
.conditions-couloirs-page .condition-meta-updated{
    position:relative !important;
    z-index:2 !important;
    display:inline-flex !important;
    flex-direction:row !important;
    align-items:baseline !important;
    gap:7px !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 18px 0 0 !important;
    margin:0 18px 0 0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#667d8b !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    transform:none !important;
}

.conditions-couloirs-page .condition-meta-observations::before,
.conditions-couloirs-page .condition-meta-observations::after,
.conditions-couloirs-page .condition-meta-updated::before,
.conditions-couloirs-page .condition-meta-updated::after{
    display:none !important;
    content:none !important;
}

.conditions-couloirs-page .condition-meta-observations{
    border-right:1px solid rgba(0,43,85,.13) !important;
}

.conditions-couloirs-page .condition-meta-observations span,
.conditions-couloirs-page .condition-meta-updated span{
    display:inline !important;
    color:#7e929d !important;
    font-size:.63rem !important;
    line-height:1.2 !important;
    font-weight:760 !important;
    letter-spacing:.10em !important;
    text-transform:uppercase !important;
}

.conditions-couloirs-page .condition-meta-observations strong{
    display:inline !important;
    order:-1 !important;
    color:#14546e !important;
    font-size:.92rem !important;
    line-height:1 !important;
    font-weight:790 !important;
    letter-spacing:-.02em !important;
}

.conditions-couloirs-page .condition-meta-updated strong{
    display:inline !important;
    color:#496676 !important;
    font-size:.74rem !important;
    line-height:1.2 !important;
    font-weight:640 !important;
    letter-spacing:.01em !important;
}

.conditions-couloirs-page .condition-date-recent.condition-meta-updated strong{
    color:#1f667e !important;
    font-weight:720 !important;
}

.conditions-couloirs-page .condition-date-empty.condition-meta-updated{
    opacity:.58 !important;
}

/* Action à droite, sobre, en plein texte. */
.conditions-couloirs-page .condition-couloir-add{
    grid-area:add !important;
    align-self:center !important;
    justify-self:end !important;
    position:relative !important;
    z-index:2 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#2d6f86 !important;
    font-size:.79rem !important;
    line-height:1.2 !important;
    font-weight:720 !important;
    letter-spacing:.01em !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}

.conditions-couloirs-page .condition-couloir-add::before,
.conditions-couloirs-page .condition-couloir-add::after{
    display:none !important;
    content:none !important;
}

.conditions-couloirs-page .condition-couloir-add span{
    display:inline !important;
}

.conditions-couloirs-page .condition-meta-observations:hover,
.conditions-couloirs-page .condition-meta-observations:focus,
.conditions-couloirs-page .condition-couloir-add:hover,
.conditions-couloirs-page .condition-couloir-add:focus{
    color:#002b55 !important;
    text-decoration:underline !important;
    text-underline-offset:3px !important;
}

/* Mobile : on change vraiment de composition.
   Une carte simple : titre, méta en deux lignes, action en bas. */
@media(max-width:760px){
    .conditions-couloirs-page .conditions-region h2::before{
        width:25px !important;
        height:25px !important;
        min-width:25px !important;
        flex-basis:25px !important;
        background-size:14px auto !important;
    }

    .conditions-couloirs-page .condition-line.condition-item{
        display:block !important;
        margin-bottom:12px !important;
        padding:18px 18px 16px 28px !important;
        border-left-width:3px !important;
        background:rgba(238,247,250,.74) !important;
    }

    .conditions-couloirs-page .condition-line.condition-item::before{
        left:10px !important;
        top:24px !important;
        transform:none !important;
        width:7px !important;
        height:7px !important;
        border:0 !important;
        background:#6d8796 !important;
        box-shadow:none !important;
    }

    .conditions-couloirs-page .condition-item-main{
        display:flex !important;
        flex-wrap:wrap !important;
        align-items:baseline !important;
        gap:6px 9px !important;
        margin:0 0 13px !important;
    }

    .conditions-couloirs-page .condition-title-link{
        white-space:normal !important;
        overflow:visible !important;
        text-overflow:clip !important;
        color:#243f52 !important;
        font-size:1rem !important;
        line-height:1.24 !important;
    }

    .conditions-couloirs-page .condition-grade{
        font-size:.72rem !important;
    }

    .conditions-couloirs-page .condition-couloir-meta{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:0 !important;
        margin:0 0 14px !important;
        padding:12px 0 !important;
        border-top:1px solid rgba(0,43,85,.10) !important;
        border-bottom:1px solid rgba(0,43,85,.10) !important;
    }

    .conditions-couloirs-page .condition-meta-observations,
    .conditions-couloirs-page .condition-meta-updated{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:4px !important;
        margin:0 !important;
        padding:0 10px 0 0 !important;
        border:0 !important;
        white-space:normal !important;
    }

    .conditions-couloirs-page .condition-meta-updated{
        padding:0 0 0 14px !important;
        border-left:1px solid rgba(0,43,85,.12) !important;
    }

    .conditions-couloirs-page .condition-meta-observations span,
    .conditions-couloirs-page .condition-meta-updated span{
        font-size:.57rem !important;
        line-height:1.1 !important;
    }

    .conditions-couloirs-page .condition-meta-observations strong{
        order:0 !important;
        font-size:1.05rem !important;
    }

    .conditions-couloirs-page .condition-meta-updated strong{
        max-width:100% !important;
        overflow:visible !important;
        text-overflow:clip !important;
        white-space:normal !important;
        font-size:.78rem !important;
        line-height:1.2 !important;
    }

    .conditions-couloirs-page .condition-couloir-add{
        display:inline-flex !important;
        justify-content:flex-start !important;
        color:#1f667e !important;
        font-size:.82rem !important;
        line-height:1.2 !important;
    }
}


/* ======================================================================
   LISTE_COMMENT — fond raccord avec le reste du site
   Supprime l'effet sable/beige sur les pages détail observations.
   ====================================================================== */

.conditions-page.conditions-detail-page{
    background:
        linear-gradient(180deg,#c4d3dc 0%,#b5c8d3 48%,#a6bbc8 100%) !important;
}

.conditions-detail-page .conditions-header,
.conditions-detail-page .condition-detail-header,
.conditions-detail-page .condition-observation-header{
    background:
        url('/illustrations/home-contours.svg') right center / 420px auto no-repeat,
        linear-gradient(135deg,rgba(247,251,253,.96),rgba(230,240,245,.92)) !important;
    border-color:rgba(0,43,85,.14) !important;
    box-shadow:0 12px 28px rgba(0,43,85,.08) !important;
}

/* Les bandes entre observations reprennent le fond général, plus de sable. */
.conditions-detail-page .condition-observation-card.condition-observation-item{
    margin-bottom:18px !important;
    background:#f3f7f9 !important;
}

.conditions-detail-page .condition-observation-card.condition-observation-item + .condition-observation-card.condition-observation-item{
    margin-top:0 !important;
}

/* Le fond visible autour et entre les cartes doit rester bleu-gris. */
.conditions-detail-page .condition-observation-card,
.conditions-detail-page .condition-observation-body{
    background-color:#f3f7f9 !important;
}

/* Corrige les éventuels séparateurs hérités en beige/sable. */
.conditions-detail-page .condition-observation-card::after,
.conditions-detail-page .condition-observation-item::after{
    background:transparent !important;
}

.conditions-detail-page hr,
.conditions-detail-page .condition-separator,
.conditions-detail-page .conditions-separator{
    background:linear-gradient(90deg,rgba(0,43,85,.04),rgba(61,127,159,.24),rgba(0,43,85,.04)) !important;
    border:0 !important;
}

/* Mobile : même raccord, sans bande beige visible */
@media(max-width:760px){
    .conditions-page.conditions-detail-page{
        background:
            linear-gradient(180deg,#c4d3dc 0%,#b5c8d3 48%,#a6bbc8 100%) !important;
    }

    .conditions-detail-page .conditions-header,
    .conditions-detail-page .condition-detail-header,
    .conditions-detail-page .condition-observation-header{
        border-radius:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        background:
            url('/illustrations/home-contours.svg') right -130px center / 360px auto no-repeat,
            linear-gradient(135deg,rgba(247,251,253,.97),rgba(230,240,245,.94)) !important;
    }

    .conditions-detail-page .condition-observation-card.condition-observation-item{
        margin-bottom:14px !important;
    }
}