/* =========================================================
   PRIXDUBARIL.COM — Module Sidebar HOME (id=309)
   Dérivé de module-sidebar.css. Onglets Brent/WTI + Ouverture/Bas/Haut/Écart
   + sparkline clôture 5j + tableau 5j/Moy. SANS cards Direct/Clôture ni périodes.
   Chargé UNIQUEMENT en home. Largeur sidebar ≈ 366px.
   ========================================================= */

.pdb-sb-wrap--home{
  width:100%;
  margin:0 auto 16px;
  border-radius:0 0 14px 14px;
  overflow:visible;
  box-shadow:0 8px 24px -8px rgba(15,23,42,.12),0 0 0 1px rgba(15,23,42,.05);
  background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  position:relative;
}
.pdb-sb-wrap--home .pdb-sb{border-radius:0 0 14px 14px}

/* === Onglets Brent / WTI === */
.pdb-sb-wrap--home .pdb-sb-tabs{
  display:flex;
  background:linear-gradient(180deg,#e2e8f0 0%,#eef2f7 60%,#f8fafc 100%);
  border-bottom:1px solid #cbd5e1;margin:0;padding:0;list-style:none;
}
.pdb-sb-wrap--home .pdb-sb-tab{
  flex:1;display:flex;align-items:center;justify-content:center;gap:5px;
  margin:0;padding:11px 8px;font-size:11px;font-weight:700;color:#94a3b8;
  background:transparent;border:none;border-radius:0;cursor:pointer;
  transition:color .2s,background .2s;letter-spacing:.04em;white-space:nowrap;
  text-transform:uppercase;font-family:inherit;-webkit-tap-highlight-color:transparent;
}
.pdb-sb-wrap--home .pdb-sb-tab:hover{color:#475569;background:rgba(0,0,0,.02)}
.pdb-sb-wrap--home .pdb-sb-tab.is-active{color:#0f172a;background:#fff}
.pdb-sb-wrap--home .pdb-sb-tab[data-pdb-v="brent"].is-active{color:#1e40af}
.pdb-sb-wrap--home .pdb-sb-tab[data-pdb-v="wti"].is-active{color:#013971}
.pdb-sb-wrap--home .pdb-sb-tab__flag{font-size:1.1em;line-height:1}

/* === Module (Brent ou WTI) === */
.pdb-sb-wrap--home .pdb-sb{
  background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);
  color:#0f172a;margin-top:-1px;
  --pdb-sb-accent:#1e40af;--pdb-sb-accent-rgb:30,64,175;--pdb-sb-accent-d:#1e3a8a;
}
.pdb-sb-wrap--home .pdb-sb--wti{
  --pdb-sb-accent:#013971;--pdb-sb-accent-rgb:1,57,113;--pdb-sb-accent-d:#001f3d;
}
.pdb-sb-wrap--home .pdb-sb[data-pdb-v]{display:none}
.pdb-sb-wrap--home .pdb-sb[data-pdb-v].is-active{display:block}

/* === Header === */
.pdb-sb-wrap--home .pdb-sb__header{
  padding:9px 14px;
  background:linear-gradient(135deg,var(--pdb-sb-accent) 0%,var(--pdb-sb-accent-d) 100%);
  color:#fff;font-size:13px;font-weight:600;text-align:center;
  display:flex;align-items:center;justify-content:center;gap:6px;position:relative;
}
.pdb-sb-wrap--home .pdb-sb__header::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
}
.pdb-sb-wrap--home .pdb-sb__flag{font-size:1.1em;line-height:1}

/* === Body === */
.pdb-sb-wrap--home .pdb-sb__body{padding:11px 12px 10px}

/* === Bloc "jour" : Ouverture/Clôture + range bar + Bas/Écart/Haut === */
.pdb-sb-wrap--home .pdb-sb__dayframe{margin-bottom:9px}

/* Bandeau Ouverture / Clôture J-1 (gris neutre) */
.pdb-sb-wrap--home .pdb-sb__oc{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  background:#eef2f7;border:1px solid rgba(15,23,42,.06);border-radius:7px;
  padding:5px 10px;margin-bottom:9px;
}
.pdb-sb-wrap--home .pdb-sb__oc-item{display:flex;align-items:baseline;gap:5px;min-width:0}
.pdb-sb-wrap--home .pdb-sb__oc-label{
  font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:700;white-space:nowrap;
}
.pdb-sb-wrap--home .pdb-sb__oc-val{
  font-size:11px;font-weight:800;color:#334155;font-variant-numeric:tabular-nums;white-space:nowrap;
}

/* Range bar pleine largeur + curseur (position = prix live dans la fourchette du jour) */
.pdb-sb-wrap--home .pdb-sb__rangebar{
  position:relative;width:100%;height:7px;border-radius:999px;margin:0 0 6px;
  background:linear-gradient(90deg,#dc2626 0%,#fdd835 50%,#059669 100%);
}
.pdb-sb-wrap--home .pdb-sb__rangecursor{
  position:absolute;top:50%;width:11px;height:11px;border-radius:50%;
  background:#0f172a;border:2px solid #fff;transform:translate(-50%,-50%);
  box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .4s ease;
  animation:pdb-sb-cursor-pulse 4s ease-in-out infinite;
}
/* Pulse coloré selon la variante (--pdb-sb-accent-rgb) — démarre à 0px spread (pas d'absence) → interpolation continue, pas de stroboscope */
@keyframes pdb-sb-cursor-pulse{
  0%,100%{box-shadow:0 0 0 0px rgba(var(--pdb-sb-accent-rgb,15,23,42),.45),0 1px 3px rgba(0,0,0,.22)}
  50%{box-shadow:0 0 0 5px rgba(var(--pdb-sb-accent-rgb,15,23,42),.08),0 1px 3px rgba(0,0,0,.18)}
}

/* Bas (gauche) · Écart (centre) · Haut (droite), alignés sous les extrémités de la barre */
.pdb-sb-wrap--home .pdb-sb__rangevals{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:6px;
}
.pdb-sb-wrap--home .pdb-sb__rv{display:flex;align-items:baseline;gap:4px;line-height:1.2;min-width:0}
.pdb-sb-wrap--home .pdb-sb__rv--low{justify-content:flex-start}
.pdb-sb-wrap--home .pdb-sb__rv--ecart{justify-content:center}
.pdb-sb-wrap--home .pdb-sb__rv--high{justify-content:flex-end}
.pdb-sb-wrap--home .pdb-sb__rv-label{
  font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:700;
}
.pdb-sb-wrap--home .pdb-sb__rv-val{
  font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:#0f172a;
}
.pdb-sb-wrap--home .pdb-sb__rv--low .pdb-sb__rv-val{color:#dc2626}
.pdb-sb-wrap--home .pdb-sb__rv--high .pdb-sb__rv-val{color:#059669}

/* === Tooltips (style hero, auto-contenu — apparaissent EN DESSOUS pour ne pas clipper en haut de sidebar) === */
.pdb-sb-wrap--home:has([data-tooltip]:hover){z-index:9999}
.pdb-sb-wrap--home [data-tooltip]{position:relative;cursor:help}
.pdb-sb-wrap--home [data-tooltip]:hover::after,
.pdb-sb-wrap--home [data-tooltip]:focus-visible::after{
  content:attr(data-tooltip);
  position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);
  background:#0f172a;color:#fff;padding:6px 10px;border-radius:6px;
  font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;
  white-space:nowrap;z-index:99999;pointer-events:none;
  box-shadow:0 4px 12px -2px rgba(0,0,0,.3);
}
.pdb-sb-wrap--home [data-tooltip]:hover::before,
.pdb-sb-wrap--home [data-tooltip]:focus-visible::before{
  content:"";position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);
  border:6px solid transparent;border-bottom-color:#0f172a;z-index:99999;pointer-events:none;
}

/* === Sparkline clôture 5j + tableau 5j === */
.pdb-sb-wrap--home .pdb-sb__chart-row{
  display:grid;grid-template-columns:1fr 86px;gap:6px;
}
.pdb-sb-wrap--home .pdb-sb__chart-img{
  background:#f8fafc;border:1px solid rgba(15,23,42,.06);border-radius:9px;
  padding:4px 4px 2px;display:flex;align-items:center;justify-content:center;min-width:0;
}
.pdb-sb-wrap--home .pdb-spk{display:block;width:100%;height:auto}
.pdb-sb-wrap--home .pdb-spk__y{font-size:9px;fill:#94a3b8;font-weight:600;font-family:inherit}
.pdb-sb-wrap--home .pdb-spk__x{font-size:7.5px;fill:#94a3b8;font-family:inherit}
.pdb-sb-wrap--home .pdb-spk--empty{color:#94a3b8;font-size:18px}

/* Tableau 5j compact à droite */
.pdb-sb-wrap--home .pdb-sb__days{
  background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);border-radius:9px;
  padding:5px 6px;display:flex;flex-direction:column;justify-content:center;gap:2px;
}
.pdb-sb-wrap--home .pdb-sb__day{
  display:flex;justify-content:space-between;align-items:baseline;padding:2px 4px;
  font-size:10px;border-radius:4px;text-decoration:none;color:#0f172a;
  transition:background .15s;font-variant-numeric:tabular-nums;
}
.pdb-sb-wrap--home .pdb-sb__day:hover{background:rgba(241,245,249,.9)}
.pdb-sb-wrap--home .pdb-sb__day-name{font-size:9.5px;color:#64748b;font-weight:500}
.pdb-sb-wrap--home .pdb-sb__day-price{font-weight:700;font-size:10px;color:#0f172a}

/* Highlight de la dernière clôture (J-1) — SANS fond plein (garde le module clean) :
   simple barre d'accent à gauche + libellés renforcés couleur accent. */
.pdb-sb-wrap--home .pdb-sb__day--latest{
  box-shadow:inset 2px 0 0 rgba(var(--pdb-sb-accent-rgb),.6);
}
.pdb-sb-wrap--home .pdb-sb__day--latest .pdb-sb__day-name{color:var(--pdb-sb-accent);font-weight:700}
.pdb-sb-wrap--home .pdb-sb__day--latest .pdb-sb__day-price{color:var(--pdb-sb-accent-d)}

/* Séparateur week-end — pointillés horizontaux + étiquette « w-e » (cf. gros module) */
.pdb-sb-wrap--home .pdb-sb__weekend{
  height:1px;margin:2px 4px;position:relative;
  background:repeating-linear-gradient(90deg,
    rgba(100,116,139,.3) 0,rgba(100,116,139,.3) 3px,transparent 3px,transparent 6px);
}
.pdb-sb-wrap--home .pdb-sb__weekend::after{
  content:"w-e";position:absolute;top:-6px;right:0;
  font-size:7px;font-weight:700;letter-spacing:.05em;color:#94a3b8;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95) 30%);padding:0 3px;
}

/* === Moyenne 5j === */
.pdb-sb-wrap--home .pdb-sb__avg{
  display:flex;justify-content:space-between;align-items:baseline;padding:4px 6px;margin-top:3px;
  background:linear-gradient(135deg,rgba(var(--pdb-sb-accent-rgb),.10),rgba(var(--pdb-sb-accent-rgb),.03));
  border:1px solid rgba(var(--pdb-sb-accent-rgb),.18);border-radius:5px;
  position:relative;overflow:hidden;font-variant-numeric:tabular-nums;
}
.pdb-sb-wrap--home .pdb-sb__avg::before{
  content:"";position:absolute;top:0;bottom:0;left:0;width:2.5px;
  background:linear-gradient(180deg,var(--pdb-sb-accent),var(--pdb-sb-accent-d));
}
.pdb-sb-wrap--home .pdb-sb__avg-label{
  font-size:14px;line-height:1;letter-spacing:0;color:var(--pdb-sb-accent);
  font-weight:800;text-decoration:none;margin-left:4px;white-space:nowrap;
}
.pdb-sb-wrap--home .pdb-sb__avg-label:hover{text-decoration:underline}
.pdb-sb-wrap--home .pdb-sb__avg-val{
  font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:#0f172a;white-space:nowrap;
}
.pdb-sb-wrap--home .pdb-sb__avg-cur{font-size:.75em;color:#94a3b8;font-weight:600;margin-left:1px}

@media(max-width:767px){
  #gkSidebar .box:has(.pdb-sb-wrap--home){max-width:100% !important;width:100% !important}
}