/* =========================================================
   CONDITIONS PREMIUM — Alpes-Sud.net
   Rubrique conditions glace / neige et mixte
   CSS neuf, responsive, sans ajout de contenu HTML.
   ========================================================= */

:root{
    --cond-navy:#002b55;
    --cond-navy-2:#073f63;
    --cond-ink:#10283b;
    --cond-text:#263f50;
    --cond-muted:#657684;
    --cond-line:rgba(0,43,85,.14);
    --cond-line-strong:rgba(0,43,85,.24);
    --cond-teal:#2d8a8f;
    --cond-teal-2:#3d7f9f;
    --cond-bg:#dfe8ec;
    --cond-bg-2:#cfdce2;
    --cond-surface:#f4f8fa;
    --cond-surface-2:#e7eff3;
    --cond-surface-3:#d8e5eb;
    --cond-white:#fff;
    --cond-danger:#b35b62;
    --cond-shadow:0 18px 42px rgba(0,43,85,.10);
    --cond-shadow-soft:0 10px 24px rgba(0,43,85,.075);
}

body{
    background:
        radial-gradient(circle at 8% 0%, rgba(45,138,143,.11), transparent 34%),
        linear-gradient(180deg, var(--cond-bg) 0%, var(--cond-bg-2) 100%);
}

.conditions-page{
    width:min(calc(100% - 48px), 1180px) !important;
    max-width:1180px !important;
    margin:0 auto !important;
    padding:38px 0 74px !important;
    color:var(--cond-text);
}

.conditions-page *{
    box-sizing:border-box;
}

.conditions-page a{
    color:var(--cond-navy-2);
    text-decoration:none;
}

.conditions-page a:hover{
    color:var(--cond-teal);
}

/* =========================================================
   HEADER DES LISTES
   ========================================================= */

.conditions-live-panel{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,360px);
    gap:0;
    margin:0 0 30px;
    overflow:hidden;
    background:
        linear-gradient(135deg, rgba(0,43,85,.98), rgba(7,63,99,.96) 64%, rgba(45,138,143,.78));
    border:1px solid rgba(0,43,85,.22);
    box-shadow:var(--cond-shadow);
}

.conditions-live-panel::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.20;
    background:
        radial-gradient(ellipse at 88% 24%, transparent 0 30%, rgba(255,255,255,.58) 30.3%, transparent 30.8%, transparent 39%, rgba(255,255,255,.38) 39.3%, transparent 39.8%),
        linear-gradient(140deg, transparent 0 55%, rgba(255,255,255,.12) 55.3%, transparent 56%);
}

.conditions-live-copy{
    position:relative;
    z-index:1;
    padding:44px 48px 42px;
}

.conditions-live-copy h1{
    max-width:820px;
    margin:0;
    color:#fff;
    font-size:clamp(2.4rem, 5.2vw, 5.1rem);
    line-height:.95;
    letter-spacing:-.07em;
    font-weight:850;
}

.conditions-live-copy p{
    max-width:760px;
    margin:24px 0 0;
    color:rgba(244,251,253,.82);
    font-size:1.04rem;
    line-height:1.75;
}

.conditions-live-stats{
    position:relative;
    z-index:1;
    display:grid;
    align-content:stretch;
    border-left:1px solid rgba(255,255,255,.16);
    background:rgba(255,255,255,.07);
}

.conditions-live-stats span{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:108px;
    padding:24px 28px;
    border-bottom:1px solid rgba(255,255,255,.14);
}

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

.conditions-live-stats strong{
    color:#fff;
    font-size:2.15rem;
    line-height:1;
    font-weight:840;
    letter-spacing:-.05em;
}

.conditions-live-stats em{
    margin-top:8px;
    color:rgba(255,255,255,.66);
    font-size:.72rem;
    line-height:1;
    font-style:normal;
    letter-spacing:.15em;
    text-transform:uppercase;
    font-weight:780;
}

.conditions-live-panel-mixte{
    background:
        linear-gradient(135deg, rgba(0,43,85,.99), rgba(17,62,93,.96) 62%, rgba(61,127,159,.82));
}

/* =========================================================
   RÉGIONS / SOUS-RÉGIONS
   ========================================================= */

.conditions-region,
.conditions-course{
    margin:0 0 14px;
    padding:0;
    border:1px solid var(--cond-line);
    background:rgba(244,248,250,.82);
    box-shadow:var(--cond-shadow-soft);
    overflow:hidden;
}

.conditions-region[open],
.conditions-course[open]{
    border-color:rgba(0,43,85,.20);
}

.conditions-region > summary,
.conditions-course > summary,
.conditions-region-flat > h2{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:58px;
    margin:0;
    padding:18px 24px;
    color:var(--cond-navy);
    background:linear-gradient(180deg, var(--cond-surface) 0%, var(--cond-surface-2) 100%);
    border-bottom:1px solid var(--cond-line);
    cursor:pointer;
    list-style:none;
    font-size:.78rem;
    line-height:1.15;
    font-weight:850;
    letter-spacing:.15em;
    text-transform:uppercase;
}

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

.conditions-region > summary::after,
.conditions-course > summary::after{
    content:"";
    flex:0 0 auto;
    width:10px;
    height:10px;
    border-right:2px solid rgba(0,43,85,.62);
    border-bottom:2px solid rgba(0,43,85,.62);
    transform:rotate(45deg) translateY(-2px);
    transition:transform .18s ease;
}

.conditions-region[open] > summary::after,
.conditions-course[open] > summary::after{
    transform:rotate(-135deg) translateY(-2px);
}

.conditions-region-flat{
    margin:0 0 22px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
}

.conditions-region-flat > h2{
    cursor:default;
    box-shadow:var(--cond-shadow-soft);
    border:1px solid var(--cond-line);
}

.conditions-region-flat > h2::after{
    content:"";
    width:70px;
    height:2px;
    background:linear-gradient(90deg, var(--cond-teal), transparent);
}

.conditions-subregion{
    margin:12px 0 0;
    background:rgba(255,255,255,.45);
    box-shadow:none;
}

.conditions-subregion > summary{
    min-height:48px;
    padding:14px 22px;
    color:#294a60;
    background:rgba(231,239,243,.64);
    font-size:.72rem;
}

/* =========================================================
   LIGNES CONDITIONS — LISTES
   ========================================================= */

.condition-line{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:18px;
    align-items:center;
    margin:0;
    padding:18px 22px;
    background:rgba(255,255,255,.68);
    border-top:1px solid rgba(0,43,85,.09);
    transition:background-color .16s ease, transform .16s ease, box-shadow .16s ease;
    cursor:pointer;
}

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

.condition-line:hover{
    z-index:2;
    background:#fff;
    box-shadow:0 12px 30px rgba(0,43,85,.10);
    transform:translateY(-1px);
}

.condition-line-recent{
    background:linear-gradient(90deg, rgba(45,138,143,.10), rgba(255,255,255,.78) 34%);
}

.condition-line-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    overflow:hidden;
    text-indent:-9999px;
}

.condition-editorial-main,
.condition-editorial-action{
    position:relative;
    z-index:2;
}

.condition-editorial-title{
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:10px 14px;
}

.condition-editorial-title strong{
    color:var(--cond-ink);
    font-size:1.06rem;
    line-height:1.22;
    font-weight:790;
    letter-spacing:-.02em;
}

.condition-editorial-title span{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:3px 9px;
    color:#24576b;
    background:rgba(45,138,143,.12);
    border:1px solid rgba(45,138,143,.18);
    font-size:.72rem;
    line-height:1;
    font-weight:780;
    letter-spacing:.04em;
}

.condition-editorial-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px 13px;
    margin-top:9px;
}

.condition-premium-count,
.condition-premium-update{
    position:relative;
    display:inline-flex;
    align-items:center;
    color:var(--cond-muted);
    font-size:.82rem;
    line-height:1.35;
}

.condition-premium-count{
    color:var(--cond-navy-2) !important;
    font-weight:760;
}

.condition-premium-update strong{
    color:var(--cond-ink);
    font-weight:760;
}

.condition-premium-update-recent{
    color:#276f73;
    font-weight:700;
}

.condition-add-link,
.conditions-actions a,
.condition-form-actions input[type="submit"]{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 16px;
    color:#fff !important;
    background:linear-gradient(135deg, var(--cond-navy), var(--cond-navy-2));
    border:1px solid rgba(0,43,85,.28);
    font-size:.76rem;
    line-height:1;
    font-weight:820;
    letter-spacing:.10em;
    text-transform:uppercase;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
    transition:transform .16s ease, background .16s ease, box-shadow .16s ease;
}

.condition-add-link:hover,
.conditions-actions a:hover,
.condition-form-actions input[type="submit"]:hover{
    color:#fff !important;
    background:linear-gradient(135deg, var(--cond-teal), var(--cond-navy-2));
    box-shadow:0 10px 24px rgba(0,43,85,.16);
    transform:translateY(-1px);
}

/* =========================================================
   PAGES DÉTAIL OBSERVATIONS
   ========================================================= */

.conditions-detail-page{
    max-width:1040px !important;
}

.condition-detail-header{
    position:relative;
    margin:0 0 30px;
    padding:34px 38px;
    overflow:hidden;
    background:
        linear-gradient(135deg, rgba(0,43,85,.98), rgba(7,63,99,.95) 72%, rgba(45,138,143,.72));
    border:1px solid rgba(0,43,85,.22);
    box-shadow:var(--cond-shadow);
}

.condition-detail-header::after{
    content:"";
    position:absolute;
    right:-90px;
    bottom:-120px;
    width:300px;
    height:300px;
    border:42px solid rgba(255,255,255,.06);
    border-radius:50%;
    pointer-events:none;
}

.condition-observation-kicker{
    display:block;
    margin:0 0 14px;
    color:rgba(255,255,255,.64);
    font-size:.72rem;
    line-height:1;
    letter-spacing:.17em;
    text-transform:uppercase;
    font-weight:820;
}

.condition-detail-header h1{
    position:relative;
    z-index:1;
    max-width:820px;
    margin:0;
    color:#fff;
    font-size:clamp(2rem,4.4vw,4.2rem);
    line-height:1;
    letter-spacing:-.06em;
    font-weight:850;
}

.condition-detail-header p{
    position:relative;
    z-index:1;
    max-width:690px;
    margin:18px 0 0;
    color:rgba(246,251,253,.78);
    font-size:1rem;
    line-height:1.7;
}

.conditions-actions{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:24px 0 0;
}

.conditions-actions a:nth-child(2){
    color:#eaf5f8 !important;
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.22);
}

.condition-observation-card{
    display:block;
    margin:0 0 18px;
    background:rgba(255,255,255,.74);
    border:1px solid var(--cond-line);
    box-shadow:var(--cond-shadow-soft);
}

.condition-observation-item{
    display:grid;
    grid-template-columns:230px minmax(0,1fr);
}

.condition-observation-date{
    padding:24px;
    background:linear-gradient(180deg, var(--cond-surface) 0%, var(--cond-surface-2) 100%);
    border-right:1px solid var(--cond-line);
}

.condition-observation-date span,
.condition-label{
    display:block;
    margin:0 0 8px;
    color:#557082;
    font-size:.70rem;
    line-height:1.25;
    font-weight:840;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.condition-observation-date strong{
    display:block;
    color:var(--cond-ink);
    font-size:1.05rem;
    line-height:1.35;
    font-weight:780;
}

.condition-observation-body{
    min-width:0;
    padding:24px 26px;
}

.condition-observation-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 18px;
    margin:0 0 20px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(0,43,85,.10);
    color:var(--cond-muted);
    font-size:.88rem;
    line-height:1.45;
}

.condition-observation-meta a{
    font-weight:760;
}

.condition-observation-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.condition-observation-section{
    margin:0 0 18px;
}

.condition-observation-main-comment{
    margin-bottom:0;
}

.condition-observation-content{
    color:#294556;
    font-size:1rem;
    line-height:1.72;
}

.condition-observation-content strong{
    color:var(--cond-ink);
}

.condition-observation-content img{
    max-width:100%;
    height:auto;
}

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

.condition-post-card,
.condition-card{
    background:rgba(255,255,255,.78);
    border:1px solid var(--cond-line);
    box-shadow:var(--cond-shadow-soft);
}

.condition-post-card{
    max-width:920px;
    margin:0 auto;
    padding:30px;
}

.condition-form{
    display:grid;
    gap:20px;
}

.condition-form-row{
    display:grid;
    grid-template-columns:240px minmax(0,1fr);
    gap:22px;
    align-items:start;
}

.condition-form label{
    color:#35576b;
    font-size:.80rem;
    line-height:1.5;
    font-weight:820;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.condition-form input[type="text"],
.condition-form input[type="date"],
.condition-form select,
.condition-form textarea{
    width:100%;
    max-width:100%;
    min-width:0;
    padding:13px 14px;
    color:var(--cond-ink);
    background:#fff;
    border:1px solid rgba(0,43,85,.20);
    border-radius:0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
    font:inherit;
    font-size:1rem;
}

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

.condition-form input:focus,
.condition-form select:focus,
.condition-form textarea:focus{
    outline:2px solid rgba(45,138,143,.24);
    border-color:rgba(45,138,143,.58);
}

.condition-alert{
    color:var(--cond-danger);
    font-weight:850;
}

.condition-help{
    margin:4px 0 0;
    padding:22px 24px;
    background:linear-gradient(180deg, var(--cond-surface) 0%, var(--cond-surface-2) 100%);
}

.condition-help p{
    margin:0 0 10px;
    color:#35576b;
    line-height:1.65;
}

.condition-help p:last-child{
    margin-bottom:0;
}

.condition-form-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:4px;
}

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

@media(max-width:980px){
    .conditions-page{
        width:min(calc(100% - 24px), 900px) !important;
        padding-top:26px !important;
        padding-bottom:54px !important;
    }

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

    .conditions-live-copy{
        padding:32px 26px 28px;
    }

    .conditions-live-copy h1{
        font-size:clamp(2.05rem, 7vw, 3.6rem);
    }

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

    .conditions-live-stats span{
        min-height:94px;
        padding:18px 16px;
        border-bottom:0;
        border-right:1px solid rgba(255,255,255,.14);
    }

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

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

    .condition-editorial-action{
        display:flex;
        justify-content:flex-start;
    }

    .condition-observation-item{
        grid-template-columns:1fr;
    }

    .condition-observation-date{
        border-right:0;
        border-bottom:1px solid var(--cond-line);
        padding:20px 22px;
    }

    .condition-form-row{
        grid-template-columns:1fr;
        gap:8px;
    }
}

@media(max-width:640px){
    .conditions-page{
        width:calc(100% - 20px) !important;
        padding-top:18px !important;
    }

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

    .conditions-live-copy h1{
        font-size:2.15rem;
        line-height:1.02;
    }

    .conditions-live-copy p{
        margin-top:16px;
        font-size:.96rem;
        line-height:1.62;
    }

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

    .conditions-live-stats span{
        min-height:0;
        padding:15px 20px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.14);
    }

    .conditions-live-stats strong{
        font-size:1.6rem;
    }

    .conditions-region > summary,
    .conditions-course > summary,
    .conditions-region-flat > h2{
        min-height:0;
        padding:16px 18px;
        font-size:.72rem;
        letter-spacing:.12em;
    }

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

    .condition-editorial-title strong{
        font-size:1rem;
    }

    .condition-add-link,
    .conditions-actions a,
    .condition-form-actions input[type="submit"]{
        width:100%;
        min-height:42px;
    }

    .condition-detail-header{
        padding:26px 20px;
        margin-bottom:22px;
    }

    .condition-detail-header h1{
        font-size:2rem;
        line-height:1.03;
    }

    .conditions-actions{
        flex-direction:column;
    }

    .condition-observation-body{
        padding:20px;
    }

    .condition-observation-grid{
        grid-template-columns:1fr;
        gap:0;
    }

    .condition-observation-meta{
        flex-direction:column;
        gap:4px;
    }

    .condition-post-card{
        padding:20px;
    }

    .condition-form input[type="date"]{
        display:block;
        width:100%;
        max-width:100%;
        min-width:0;
        box-sizing:border-box;
        -webkit-appearance:none;
        appearance:none;
    }

    .condition-form input[type="date"]::-webkit-date-and-time-value{
        min-height:1.6em;
        text-align:left;
    }
}

/* =========================================================
   AJUSTEMENTS V2 — couloirs : photo, régions plus lisibles,
   ambiance moins blanche
   ========================================================= */

body{
    background:
        radial-gradient(circle at 10% 0%, rgba(45,138,143,.13), transparent 32%),
        radial-gradient(circle at 90% 16%, rgba(0,43,85,.07), transparent 34%),
        linear-gradient(180deg, #cbdbe2 0%, #d8e4e9 44%, #c7d8df 100%);
}

.conditions-page{
    color:#193244;
}

.conditions-live-panel-photo{
    grid-template-columns:minmax(0,1fr) 250px 300px;
    background:
        linear-gradient(135deg, rgba(0,43,85,.98), rgba(7,63,99,.97) 56%, rgba(45,138,143,.72));
}

.conditions-live-panel-photo .conditions-live-copy{
    padding-right:40px;
}

.conditions-live-photo{
    position:relative;
    z-index:1;
    min-width:0;
    margin:0;
    overflow:hidden;
    background:#b9c9d1;
    border-left:1px solid rgba(255,255,255,.16);
}

.conditions-live-photo::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg, rgba(0,43,85,.22), transparent 34%),
        linear-gradient(0deg, rgba(0,43,85,.28), transparent 44%);
}

.conditions-live-photo img{
    display:block;
    width:100%;
    height:100%;
    min-height:100%;
    object-fit:cover;
    object-position:center center;
    filter:saturate(.95) contrast(1.05);
}

.conditions-region-flat{
    margin-bottom:28px;
    padding:0 0 16px;
    background:rgba(231,239,243,.52);
    border:1px solid rgba(0,43,85,.10);
    box-shadow:0 14px 34px rgba(0,43,85,.065);
}

.conditions-region-flat > h2{
    min-height:64px;
    margin:0 0 16px;
    border:0;
    box-shadow:none;
    letter-spacing:.16em;
}

.conditions-region-flat > h2::after{
    width:86px;
    height:1px;
}

.conditions-region-primary > h2{
    color:#f5fbfd;
    background:
        linear-gradient(115deg, #002b55 0%, #073f63 58%, rgba(45,138,143,.82) 100%);
}

.conditions-region-primary > h2::after{
    background:linear-gradient(90deg, rgba(255,255,255,.72), transparent);
}

.conditions-region-secondary{
    background:rgba(218,231,237,.72);
}

.conditions-region-secondary > h2{
    color:#002b55;
    background:
        linear-gradient(115deg, #d6e4ea 0%, #edf4f6 70%, rgba(45,138,143,.18) 100%);
    border-bottom:1px solid rgba(0,43,85,.12);
}

.conditions-region-secondary > h2::after{
    background:linear-gradient(90deg, rgba(0,43,85,.38), transparent);
}

.conditions-subregion{
    width:calc(100% - 32px);
    margin:12px auto 0;
    background:rgba(240,246,248,.78);
    border:1px solid rgba(0,43,85,.10);
}

.conditions-subregion > summary{
    background:linear-gradient(180deg, rgba(226,237,242,.92) 0%, rgba(213,228,235,.86) 100%);
    border-bottom:1px solid rgba(0,43,85,.10);
}

.condition-line{
    background:rgba(246,250,251,.72);
}

.condition-line:hover{
    background:#fbfdfe;
}

.condition-line-recent{
    background:linear-gradient(90deg, rgba(45,138,143,.12), rgba(246,250,251,.80) 36%);
}

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

    .conditions-live-photo{
        order:-1;
        min-height:260px;
        border-left:0;
        border-bottom:1px solid rgba(255,255,255,.16);
    }

    .conditions-live-photo img{
        height:260px;
    }

    .conditions-live-panel-photo .conditions-live-stats{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:640px){
    .conditions-live-photo{
        min-height:220px;
    }

    .conditions-live-photo img{
        height:220px;
    }

    .conditions-region-flat{
        margin-bottom:22px;
        padding-bottom:12px;
    }

    .conditions-region-flat > h2{
        min-height:0;
        margin-bottom:12px;
    }

    .conditions-subregion{
        width:calc(100% - 18px);
        margin-top:10px;
    }
}

/* =========================================================
   AJUSTEMENTS V3 — photos officielles, régions et lignes
   ========================================================= */

.conditions-live-panel-photo{
    grid-template-columns:minmax(0,1fr) 300px minmax(250px,320px);
}

.conditions-live-panel-photo .conditions-live-stats{
    border-left:1px solid rgba(255,255,255,.14);
}

.conditions-live-photo{
    min-height:100%;
}

/* Les deux grands massifs de la page couloirs doivent avoir le même poids visuel. */
.conditions-region-primary > h2,
.conditions-region-secondary > h2{
    color:#f5fbfd;
    background:
        linear-gradient(115deg, #002b55 0%, #073f63 58%, rgba(45,138,143,.82) 100%);
    border-bottom:0;
}

.conditions-region-primary > h2::after,
.conditions-region-secondary > h2::after{
    background:linear-gradient(90deg, rgba(255,255,255,.72), transparent);
}

.conditions-region-secondary{
    background:rgba(231,239,243,.52);
}

/* La légère amorce turquoise sur les lignes ne doit pas apparaître seulement sur la première course récente. */
.condition-line,
.condition-line-recent{
    background:
        linear-gradient(90deg, rgba(45,138,143,.105), rgba(246,250,251,.82) 34%, rgba(246,250,251,.72) 100%);
}

.condition-line:hover,
.condition-line-recent:hover{
    background:
        linear-gradient(90deg, rgba(45,138,143,.16), #fbfdfe 38%, #fbfdfe 100%);
}

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

    .conditions-live-panel-photo .conditions-live-stats{
        border-left:0;
        border-top:1px solid rgba(255,255,255,.14);
    }
}

/* ======================================================================
   RAYONS ÉDITORIAUX — conditions
   ====================================================================== */
.conditions-live-panel,
.conditions-course,
.conditions-region-flat,
.conditions-subregion,
.condition-line,
.condition-detail-header,
.condition-observation-card,
.condition-post-card,
.condition-card,
.condition-help,
.condition-alert{
    border-radius:var(--as-radius-editorial,10px) !important;
}

.condition-line-overlay,
.condition-editorial-action,
.condition-form-actions input[type="submit"],
.conditions-actions a,
.condition-premium-count,
.condition-premium-update{
    border-radius:var(--as-radius-button,5px) !important;
}

.condition-observation-content img{
    border-radius:var(--as-radius-media,6px) !important;
}

/* ======================================================================
   CORRECTIF MOBILE — compteur observations récentes
   Évite que le libellé "récentes" soit tronqué dans les statistiques
   du bandeau conditions sur petit écran.
   ====================================================================== */
@media(max-width:640px){
    .conditions-live-stats span{
        width:100%;
        min-width:0;
        padding-left:18px !important;
        padding-right:18px !important;
        overflow:visible;
    }

    .conditions-live-stats strong,
    .conditions-live-stats em{
        display:block;
        max-width:100%;
        overflow:visible;
        text-overflow:clip;
        white-space:normal;
    }

    .conditions-live-stats em{
        line-height:1.25;
        letter-spacing:.11em;
        padding-right:2px;
        word-break:normal;
    }
}

@media(max-width:380px){
    .conditions-live-stats span{
        padding-left:16px !important;
        padding-right:16px !important;
    }

    .conditions-live-stats em{
        font-size:.68rem;
        letter-spacing:.08em;
    }
}