/* BETA.7 — Guide par infobulles : ordre optimisé + flèche multi-directionnelle + surcharges visuelles retirées */
.afiwai-beta-guide{
  position:fixed !important;
  z-index:2147483000 !important;
  pointer-events:none !important;
  font-family:inherit !important;
}
.afiwai-beta-guide-launch{
  position:fixed !important;
  z-index:2147483002 !important;
  pointer-events:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:40px !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  border:2px solid rgba(255,255,255,0.92) !important;
  background:linear-gradient(135deg,#0064C0 0%,#0A84E8 100%) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  box-shadow:0 12px 30px rgba(0,100,192,0.28), 0 0 0 4px rgba(255,255,255,0.18) !important;
  cursor:pointer !important;
}
.afiwai-beta-guide-launch:hover{transform:translateY(-1px) !important;}
.afiwai-beta-guide-launch:focus-visible{outline:3px solid #FFB347 !important;outline-offset:3px !important;}
.afiwai-beta-guide-launch__icon{
  width:22px !important;height:22px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;
  border-radius:999px !important;background:#ffffff !important;color:#0064C0 !important;font-size:14px !important;font-weight:900 !important;line-height:1 !important;
  box-shadow:0 2px 8px rgba(0,0,0,0.15) !important;
}
.afiwai-beta-guide-backdrop{
  position:fixed !important;inset:0 !important;z-index:2147483001 !important;background:rgba(8,25,42,0.42) !important;
}
.afiwai-beta-guide-backdrop[hidden]{display:none !important;}

.afiwai-beta-guide-highlight{
  position:fixed !important;
  z-index:2147483003 !important;
  pointer-events:none !important;
  border-radius:18px !important;
  border:4px solid #FF9F1C !important;
  box-shadow:0 0 0 6px rgba(255,159,28,0.18),0 0 0 9999px rgba(8,25,42,0.42),0 12px 35px rgba(0,0,0,0.28) !important;
  background:transparent !important;
  animation:afiwaiGuidePulse 1.4s ease-in-out infinite !important;
}
.afiwai-beta-guide-highlight[hidden]{display:none !important;}

.afiwai-beta-guide-tip{
  position:fixed !important;
  z-index:2147483004 !important;
  pointer-events:auto !important;
  width:min(360px, calc(100vw - 24px)) !important;
  border-radius:18px !important;
  border:2px solid rgba(255,159,28,0.32) !important;
  background:#ffffff !important;
  color:#153c5d !important;
  box-shadow:0 18px 44px rgba(16,47,75,0.28) !important;
  padding:16px !important;
}
.afiwai-beta-guide-tip[hidden]{display:none !important;}
.afiwai-beta-guide-tip::after{
  content:"" !important;position:absolute !important;width:14px !important;height:14px !important;background:#ffffff !important;
  border-left:2px solid rgba(255,159,28,0.32) !important;border-top:2px solid rgba(255,159,28,0.32) !important;
}
.afiwai-beta-guide-tip[data-side="bottom"]::after{top:-9px !important;left:26px !important;transform:rotate(45deg) !important;}
.afiwai-beta-guide-tip[data-side="top"]::after{bottom:-9px !important;left:26px !important;transform:rotate(225deg) !important;}
.afiwai-beta-guide-tip[data-side="left"]::after{top:26px !important;right:-9px !important;transform:rotate(135deg) !important;}
.afiwai-beta-guide-tip[data-side="right"]::after{top:26px !important;left:-9px !important;transform:rotate(-45deg) !important;}

.afiwai-beta-guide-meta,.afiwai-beta-guide-actions{
  display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;
}
.afiwai-beta-guide-progress{
  color:#0064C0 !important;font-size:11px !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:.08em !important;
}
.afiwai-beta-guide-close{
  cursor:pointer !important;border:0 !important;background:#eef5fb !important;color:#153c5d !important;border-radius:10px !important;
  min-width:34px !important;min-height:34px !important;font-size:18px !important;font-weight:900 !important;
}
.afiwai-beta-guide-title{display:block !important;margin:10px 0 6px !important;font-size:17px !important;line-height:1.2 !important;font-weight:900 !important;color:#153c5d !important;}
.afiwai-beta-guide-body{margin:0 0 14px !important;font-size:13px !important;line-height:1.5 !important;color:#36566f !important;}
.afiwai-beta-guide-actions button{
  cursor:pointer !important;border-radius:11px !important;border:1px solid #c9dceb !important;background:#fff !important;color:#153c5d !important;
  font-size:13px !important;font-weight:800 !important;padding:9px 12px !important;
}
.afiwai-beta-guide-actions .afiwai-beta-guide-next{background:#FF9F1C !important;border-color:#FF9F1C !important;color:#10273E !important;}
.afiwai-beta-guide-actions button:disabled{opacity:.45 !important;cursor:default !important;}
.afiwai-beta-guide-note{
  display:block !important;margin-top:10px !important;padding:8px 10px !important;border-radius:12px !important;
  background:#FFF6E8 !important;color:#7A4A00 !important;font-size:11px !important;font-weight:700 !important;
}
@keyframes afiwaiGuidePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
@media (max-width: 640px){
  .afiwai-beta-guide-launch{min-height:36px !important;padding:8px 12px !important;font-size:12px !important;}
  .afiwai-beta-guide-launch__icon{width:20px !important;height:20px !important;font-size:13px !important;}
  .afiwai-beta-guide-highlight{border-radius:14px !important;}
  .afiwai-beta-guide-tip{width:min(320px, calc(100vw - 16px)) !important;padding:14px !important;}
}

/* BETA.9 — Les bulles suivent le viewport mobile et ne masquent pas les contrôles */
@media (max-width: 767px){
  .afiwai-beta-guide-tip{
    box-sizing:border-box !important;
    width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 20px) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    border-radius:15px !important;
    padding:12px 14px !important;
  }
  .afiwai-beta-guide-tip[data-side="mobile"]::after{display:none !important;}
  .afiwai-beta-guide-title{font-size:15px !important;margin:7px 0 5px !important;}
  .afiwai-beta-guide-body{font-size:12px !important;margin-bottom:10px !important;}
  .afiwai-beta-guide-note{display:none !important;}
  .afiwai-beta-guide-highlight{border-width:3px !important;box-shadow:0 0 0 4px rgba(255,159,28,.18),0 0 0 9999px rgba(8,25,42,.42) !important;}
  .afiwai-beta-guide-actions button{min-height:38px !important;}
}
@media (max-width: 480px) and (orientation: landscape){
  .afiwai-beta-guide-tip{padding:8px 12px !important;}
  .afiwai-beta-guide-body{margin-bottom:6px !important;}
}

/* beta.14 : contour strict hors bouton Valider sur viewport étroit */
@media (max-width:767px){
 .afiwai-beta-guide-highlight{
   box-sizing:border-box !important;
   box-shadow:0 0 0 9999px rgba(8,25,42,.42) !important;
   border-width:3px !important;
   animation:none !important;
 }
}

/* BETA.15 — Rectangle strict au niveau des quatre boutons, sans débordement de bordure. */
.afiwai-beta-guide-highlight {box-sizing:border-box!important;}
@media(max-width:767px){
  .afiwai-beta-guide-highlight{border-width:3px!important;animation:none!important;}
}

/* BETA.17 — Les panneaux ouverts Image / Texte / Designs / Calques sont prioritaires. */
.afiwai-beta-guide--window-open .afiwai-beta-guide-launch{
  visibility:hidden !important;
  pointer-events:none !important;
}

/* BETA.18 — Aucun bouton Guide sur la fiche produit, uniquement studio ouvert. */
.afiwai-beta-guide--inactive .afiwai-beta-guide-launch {
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* AFIWAI CRO beta.19 — information sur la facturation par face dans les details existants. */
.afc-beta-face-price-note{
 margin:6px 0 10px!important;font-size:12px!important;line-height:1.4!important;
 color:#496277!important;border-left:3px solid #0064C0!important;padding:4px 9px!important;
 background:rgba(0,100,192,.045)!important;
}
@media(max-width:767px){.afc-beta-face-price-note{font-size:11px!important;margin:3px 0 7px!important}}

/* CRO beta.20 : signalement visible sans nouveau panneau. */
.afc-beta-price-face-label{display:block!important;font-size:10px!important;font-weight:600!important;line-height:1.2!important;color:#55718a!important;letter-spacing:normal!important;text-transform:none!important;margin-top:2px!important;}
@media(max-width:767px){.afc-beta-price-face-label{font-size:9px!important;}}
