/* ===== ogbv:cadre ===== */
.ogbv-wrap{container:ogbv/inline-size;margin:26px 0 30px;padding:20px 20px 16px;background:var(--o-givre);border-radius:8px;grid-column:1/-1;flex:1 1 100%;width:100%}
.ogbv-tete{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;margin:0 0 14px}
.ogbv-tete h2{margin:0;padding:0;border:0;font:700 23px/1.25 var(--o-disp);letter-spacing:-.01em;color:var(--o-nuit)}
.ogbv-maj{display:flex;align-items:flex-start;gap:6px;margin:0;font:400 13.5px/1.35 var(--o-ui);color:var(--o-ardoise)}
.ogbv-maj .ogb-i{width:16px;height:16px;flex:none;margin-top:1px}
.ogbv-maj a{color:var(--o-cuivre-f)}
.ogbv-cb{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}

/* ===== ogbv:filtres ===== */
.ogbv-filtres{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.ogbv-filtres__t{font:400 12.5px/1 var(--o-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--o-ardoise);margin-right:4px}
.ogbv-filtres label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 10px;border:1px solid #C9D4DE;border-radius:6px;background:#fff;color:var(--o-nuit);font:400 14.5px/1.2 var(--o-ui);cursor:pointer;user-select:none}
.ogbv-filtres label:hover{border-color:var(--o-nuit)}
.ogbv-filtres .ogb-i{width:18px;height:18px}
.ogbv-sw{position:relative;width:28px;height:16px;border-radius:8px;background:#C9D4DE;transition:background .15s}
.ogbv-sw::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}

/* ===== ogbv:ligne ===== */
.ogbv-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.ogbv-list>li.ogbv-row{margin:0;padding:0;background:#fff;border:1px solid #D7DFE7;border-radius:6px;font-size:15px;line-height:1.45}
.ogbv-list>li.ogbv-row::before{content:none}
.ogbv-list>li.ogbv-hid{display:none}
.ogbv-wrap:has(.ogbv-t-more:checked) .ogbv-list>li.ogbv-hid{display:block}
.ogbv-list>li.ogbv-top{border:1px solid #E3B999;box-shadow:inset 4px 0 0 var(--o-cuivre)}
.ogbv-grid{display:grid;grid-template-columns:124px minmax(0,1fr) 168px;grid-template-areas:"t h a" "t b a" "t f f";gap:2px 16px;align-items:center;padding:14px 14px 8px 16px}
.ogbv-tile{grid-area:t;align-self:center}.ogbv-id{grid-area:h;min-width:0;align-self:end}.ogbv-corps{grid-area:b;align-self:start}.ogbv-act{grid-area:a}.ogbv-faits{grid-area:f}
.ogbv-tile{position:relative;height:80px;border-radius:6px;display:grid;place-items:center;padding:10px 12px}
.ogbv-tile--blanc{background:#fff;border:1px solid #E1E7ED}
.ogbv-tile--ardoise{background:#262E3A}
.ogbv-tile--brume{background:#D6DEE6}
.ogbv-tile img{max-width:100%;max-height:62px;width:auto;height:auto}
.ogbv-mono{font:700 26px/1 var(--o-disp);color:#fff}
.ogbv-rang{position:absolute;top:-9px;left:-9px;min-width:28px;height:28px;padding:0 6px;border-radius:5px;background:var(--o-cuivre);color:#fff;font:700 14px/28px var(--o-disp);text-align:center;box-shadow:0 2px 0 rgba(0,0,0,.18)}
.ogbv-top .ogbv-rang{background:var(--o-nuit);color:var(--o-cuivre-v)}
.ogbv-corps{min-width:0}
.ogbv-meta{margin-bottom:6px}
.ogbv-choix{display:inline-flex;align-items:center;gap:5px;margin:0 0 3px;font:400 12px/1 var(--o-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--o-cuivre-f)}
.ogbv-choix .ogb-i{width:15px;height:15px}
.ogbv-nom{margin:0 0 3px;padding:0;border:0;font:700 18px/1.25 var(--o-disp);color:var(--o-nuit)}
.ogbv-meta{display:flex;flex-wrap:wrap;gap:2px 12px;margin:0 0 5px;padding:0;list-style:none;font:400 13px/1.35 var(--o-ui);color:var(--o-ardoise)}
.ogbv-meta li{display:flex;align-items:center;gap:5px;margin:0;padding:0}
.ogbv-meta li::before{content:none}
.ogbv-meta .ogb-i{width:15px;height:15px;color:var(--o-nuit)}
.ogbv-meta .ogbv-crit{color:var(--o-sapin)}
.ogbv-meta .ogbv-crit .ogb-i .i-c{stroke:var(--o-sapin)}
.ogbv-off{margin:0;font:700 16px/1.3 var(--o-disp);color:var(--o-nuit)}
.ogbv-lab{display:block;margin:0 0 2px;font:400 11px/1 var(--o-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--o-cuivre-f)}
.ogbv-faits{display:flex;flex-wrap:wrap;gap:4px 18px;margin:6px 0 0;padding:6px 0 0;list-style:none;border-top:1px solid #EEF2F5}
.ogbv-faits:empty{display:none}
.ogbv-faits li{display:flex;align-items:center;gap:6px;margin:0;padding:0;font:400 13px/1.2 var(--o-ui);color:var(--o-ardoise)}
.ogbv-faits li::before{content:none}
.ogbv-faits .ogb-i{width:17px;height:17px;color:var(--o-nuit)}
.ogbv-faits b{margin-left:4px;font:700 13px/1 var(--o-disp);color:var(--o-nuit)}
.ogbv-act{display:flex;flex-direction:column;align-items:stretch;gap:2px;text-align:center}
.ogbv-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 10px;white-space:nowrap;border-radius:5px;background:var(--o-cuivre);color:#fff;text-decoration:none;font:700 15px/1.2 var(--o-disp);box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)}
.ogbv-cta:hover{background:var(--o-cuivre-f);color:#fff}
.ogbv-cta .ogb-i{width:17px;height:17px}
.ogbv-cta .ogb-i .i-c{stroke:#fff}
.ogbv-avis{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:var(--o-nuit);font:400 14.5px/1.2 var(--o-ui);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#AFBCCB}
.ogbv-avis:hover{color:var(--o-cuivre-f)}
.ogbv-age{font:400 11.5px/1.2 var(--o-ui);color:var(--o-ardoise)}
.ogbv-cond{border-top:1px dashed #D7DFE7;margin:0 16px}
.ogbv-cond>summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:36px;cursor:pointer;font:400 13px/1.2 var(--o-ui);color:var(--o-ardoise)}
.ogbv-cond>summary::-webkit-details-marker{display:none}
.ogbv-cond>summary .ogb-i{width:15px;height:15px}
.ogbv-cond p{margin:0 0 12px;font-size:13.5px;line-height:1.55;color:#3A4453}
.ogbv-more{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:10px 0 0;border-radius:6px;background:var(--o-nuit);color:#fff;font:400 15px/1 var(--o-ui);cursor:pointer}
.ogbv-more .ogb-i{width:18px;height:18px}
.ogbv-more__c{display:none}
.ogbv-wrap:has(.ogbv-t-more:checked) .ogbv-more__o{display:none}
.ogbv-wrap:has(.ogbv-t-more:checked) .ogbv-more__c{display:inline}
.ogbv-disc{display:flex;gap:8px;margin:12px 0 0;font:400 12.5px/1.5 var(--o-ui);color:var(--o-ardoise)}
.ogbv-disc .ogb-i{width:16px;height:16px;margin-top:1px;flex:none}
.ogbv-disc a{color:var(--o-nuit)}

/* ===== ogbv:etroit ===== */
@container ogbv (max-width:640px){
  .ogbv-grid{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"t h" "b b" "f f" "a a";gap:6px 12px;padding:12px 12px 8px 12px}
  .ogbv-tile{height:62px;padding:7px 9px}
  .ogbv-tile img{max-height:46px}
  .ogbv-id{align-self:center}
  .ogbv-act{flex-direction:row;flex-wrap:wrap;align-items:center}
  .ogbv-cta{flex:1 1 60%}
  .ogbv-avis{flex:1 1 30%}
  .ogbv-age{display:none}
  .ogbv-nom{font-size:17px}
  .ogbv-off{font-size:16.5px}
  .ogbv-meta{margin-bottom:0}
  .ogbv-cond{margin:0 12px}
  .ogbv-cond>summary{min-height:34px}
  .ogbv-faits{margin-top:2px;padding-top:6px}
  .ogbv-meta li:nth-child(n+3){display:none}
  .ogbv-choix{font-size:11px}
}
@media (max-width:640px){
  .ogbv-wrap{padding:14px 10px 12px;margin-left:-6px;margin-right:-6px}
  .ogbv-tete h2{font-size:20px}
  .ogbv-filtres{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
  .ogbv-filtres label{flex:none}
}

/* ===== ogbv:filtres-regles ===== */
.ogbv-wrap:has(.ogbv-t-fr:checked) .ogbv-list>li.ogbv-row:not(.ogbv-m-fr){display:none}
.ogbv-wrap:has(.ogbv-t-fr:checked) .ogbv-filtres label[for$="-fr"]{background:var(--o-nuit);color:#fff;border-color:var(--o-nuit)}
.ogbv-wrap:has(.ogbv-t-fr:checked) .ogbv-filtres label[for$="-fr"] .ogbv-sw{background:var(--o-cuivre-v)}
.ogbv-wrap:has(.ogbv-t-fr:checked) .ogbv-filtres label[for$="-fr"] .ogbv-sw::after{transform:translateX(12px)}
.ogbv-wrap:has(.ogbv-t-int:checked) .ogbv-list>li.ogbv-row:not(.ogbv-m-int){display:none}
.ogbv-wrap:has(.ogbv-t-int:checked) .ogbv-filtres label[for$="-int"]{background:var(--o-nuit);color:#fff;border-color:var(--o-nuit)}
.ogbv-wrap:has(.ogbv-t-int:checked) .ogbv-filtres label[for$="-int"] .ogbv-sw{background:var(--o-cuivre-v)}
.ogbv-wrap:has(.ogbv-t-int:checked) .ogbv-filtres label[for$="-int"] .ogbv-sw::after{transform:translateX(12px)}
.ogbv-wrap:has(.ogbv-t-gros:checked) .ogbv-list>li.ogbv-row:not(.ogbv-m-gros){display:none}
.ogbv-wrap:has(.ogbv-t-gros:checked) .ogbv-filtres label[for$="-gros"]{background:var(--o-nuit);color:#fff;border-color:var(--o-nuit)}
.ogbv-wrap:has(.ogbv-t-gros:checked) .ogbv-filtres label[for$="-gros"] .ogbv-sw{background:var(--o-cuivre-v)}
.ogbv-wrap:has(.ogbv-t-gros:checked) .ogbv-filtres label[for$="-gros"] .ogbv-sw::after{transform:translateX(12px)}
.ogbv-wrap:has(.ogbv-t-tours:checked) .ogbv-list>li.ogbv-row:not(.ogbv-m-tours){display:none}
.ogbv-wrap:has(.ogbv-t-tours:checked) .ogbv-filtres label[for$="-tours"]{background:var(--o-nuit);color:#fff;border-color:var(--o-nuit)}
.ogbv-wrap:has(.ogbv-t-tours:checked) .ogbv-filtres label[for$="-tours"] .ogbv-sw{background:var(--o-cuivre-v)}
.ogbv-wrap:has(.ogbv-t-tours:checked) .ogbv-filtres label[for$="-tours"] .ogbv-sw::after{transform:translateX(12px)}
.ogbv-wrap:has(.ogbv-t-petit:checked) .ogbv-list>li.ogbv-row:not(.ogbv-m-petit){display:none}
.ogbv-wrap:has(.ogbv-t-petit:checked) .ogbv-filtres label[for$="-petit"]{background:var(--o-nuit);color:#fff;border-color:var(--o-nuit)}
.ogbv-wrap:has(.ogbv-t-petit:checked) .ogbv-filtres label[for$="-petit"] .ogbv-sw{background:var(--o-cuivre-v)}
.ogbv-wrap:has(.ogbv-t-petit:checked) .ogbv-filtres label[for$="-petit"] .ogbv-sw::after{transform:translateX(12px)}