/* ============================================================
   Menu Phare 3 modes (Allumé / Semi / Éteint) — additif, réversible. 08/07/2026.
   Le bouton garde .pub-phare (styles de phare-state.css) ; ici : caret, mode semi (ambre), menu.
   ============================================================ */
.pub-phare-wrap{position:relative;display:inline-flex}
.pub-phare[data-phare-menu-btn]{cursor:pointer}
.pub-phare .phare-caret{opacity:.75;margin-left:1px;flex-shrink:0}
.pub-phare.phare-loading{opacity:.6;pointer-events:none}

/* Mode SEMI = ambre (surcharge le turquoise du mode allumé) */
.pub-phare.phare-mode-semi{border-color:rgba(245,166,35,.6) !important;color:#ffd79a !important}
.pub-phare.phare-mode-semi .phare-badge{background:rgba(245,166,35,.22) !important;color:#ffd79a !important}
.phare-badge-semi{background:rgba(245,166,35,.22);color:#ffd79a}

/* Le petit menu déroulant */
.phare-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:1200;width:292px;max-width:78vw;
  background:#0e2137;border:1px solid rgba(120,190,240,.28);border-radius:13px;padding:5px;
  box-shadow:0 14px 40px rgba(0,0,0,.5)}
.phare-opt{display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;background:transparent;
  border:0;border-left:3px solid transparent;border-radius:9px;padding:11px 12px;cursor:pointer;color:#eaf3ff;font:inherit}
.phare-opt:hover{background:rgba(120,190,240,.10)}
.phare-opt-ic{font-size:17px;line-height:1.25;flex-shrink:0}
.phare-opt-txt{flex:1;min-width:0}
.phare-opt-txt b{display:block;font-size:13.5px;font-weight:500}
.phare-opt-txt small{display:block;font-size:11.5px;color:#9fc4e6;margin-top:1px;line-height:1.35}
.phare-opt-chk{margin-left:auto;font-size:15px;visibility:hidden;align-self:center;flex-shrink:0}
.phare-opt.is-cur .phare-opt-chk{visibility:visible}
.phare-opt-on{border-left-color:#2fd8c8}
.phare-opt-on.is-cur{background:rgba(47,216,200,.12)}
.phare-opt-on .phare-opt-chk{color:#2fd8c8}
.phare-opt-semi{border-left-color:#f5a623}
.phare-opt-semi.is-cur{background:rgba(245,166,35,.12)}
.phare-opt-semi .phare-opt-chk{color:#f5a623}
.phare-opt-off{border-left-color:#6b7684}
.phare-opt-off.is-cur{background:rgba(120,130,145,.14)}
.phare-opt-off .phare-opt-chk{color:#c3ccd6}

@media (max-width:560px){ .phare-menu{width:264px;max-width:86vw} }