#wc { font-family: inherit !important; }
#wc * { font-family: inherit !important; }
.wc-grid { display: grid !important; grid-template-columns: 42% 42% !important; justify-content: space-between !important; gap: 0 !important; align-items: end !important; width: 100% !important; box-sizing: border-box !important; }
#wc-s2 .wc-grid { align-items: start !important; }
.wc-input-wrap { display: flex !important; gap: 0 !important; width: 100% !important; box-sizing: border-box !important; }
.wc-url { flex: 1 !important; height: 46px !important; border-radius: 9px !important; border: 1px solid #CDCED0 !important; background: #fff !important; color: #434649 !important; padding: 0 18px !important; font-size: 16px !important; outline: none !important; min-width: 0 !important; box-sizing: border-box !important; margin-right: 8px !important; }
.wc-url:focus { box-shadow: inset 0 0 0 2px #473AE0 !important; }
.wc-btn { height: 46px !important; padding: 0 30px !important; border-radius: 6px !important; border: none !important; background: #473AE0 !important; color: #fff !important; font-size: 13px !important; font-weight: 700 !important; cursor: pointer !important; white-space: nowrap !important; flex-shrink: 0 !important; }
.wc-btn:hover { background: #3a2ec9 !important; }
.wc-status { margin-top: 10px !important; font-size: 13px !important; color: #555 !important; display: flex !important; align-items: center !important; gap: 6px !important; }
#wc .wc-status.wc-hidden { display: none !important; }
.wc-dot { width: 6px !important; height: 6px !important; border-radius: 50% !important; background: #473AE0 !important; animation: wc-pulse 1.2s infinite !important; flex-shrink: 0 !important; }
@keyframes wc-pulse { 0%,100%{opacity:1} 50%{opacity:0.2} }
.wc-count { font-size: 32px !important; font-weight: 700 !important; color: #18164C !important; line-height: 1.1 !important; margin-bottom: 4px !important; }
.wc-count-num { color: #473AE0 !important; font-weight: 700 !important; }
.wc-count-label { font-size: 32px !important; font-weight: 700 !important; color: #18164C !important; }

/* Slider : le remplissage bleu progressif est posé par le JS via background inline.
   Track 10px arrondi, poignée ronde 25px royal blue. */
.wc-slider-wrap { position: relative !important; width: 85% !important; height: 25px !important; display: flex !important; align-items: center !important; margin: 14px 0 18px !important; }
.wc-slider { -webkit-appearance: none !important; appearance: none !important; width: 100% !important; height: 10px !important; border-radius: 5px !important; background: #FFFFFF; cursor: pointer !important; display: block !important; outline: none !important; }
.wc-slider::-webkit-slider-thumb { -webkit-appearance: none !important; appearance: none !important; width: 25px !important; height: 25px !important; border-radius: 50% !important; background: #473AE0 !important; cursor: pointer !important; border: none !important; }
.wc-slider::-moz-range-thumb { width: 25px !important; height: 25px !important; border-radius: 50% !important; background: #473AE0 !important; cursor: pointer !important; border: none !important; }
.wc-slider::-moz-range-track { height: 10px !important; border-radius: 5px !important; background: transparent !important; }
/* Fantôme : repère visuel de la position d'origine (non cliquable pour ne pas bloquer le slider). */
.wc-ghost { position: absolute !important; top: 50% !important; width: 15px !important; height: 15px !important; border-radius: 50% !important; background: rgba(71,58,224,0.4) !important; border: 2px solid #fff !important; transform: translate(-50%, -50%) !important; display: none; pointer-events: none !important; z-index: 10 !important; box-shadow: 0 0 0 1px rgba(71,58,224,0.3) !important; }

.wc-pages { margin-top: 6px !important; width: 100% !important; }
.wc-page-row { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 20px !important; font-size: 13px !important; line-height: 1.5 !important; padding: 5px 0 !important; }
.wc-page-row .wc-page-url { font-weight: 400 !important; color: #18164C !important; }
.wc-page-row .wc-page-count { font-weight: 700 !important; color: #18164C !important; text-align: right !important; }
.wc-rec-label { font-size: 18px !important; line-height: 1.5 !important; color: #18164C !important; font-weight: 400 !important; margin-bottom: 12px !important; margin-top: 10px !important; }

/* Carte de plan : cliquable + effet hover ombre bleue décalée (style navbar) */
.wc-plan-card { position: relative !important; border: 2px solid #18164C !important; border-radius: 0 !important; padding: 20px !important; background: #FFFFFF !important; display: grid !important; grid-template-columns: auto 1fr !important; gap: 0 40px !important; align-items: center !important; cursor: pointer !important; transition: transform 0.15s ease, box-shadow 0.15s ease !important; }
.wc-plan-card:hover { transform: translate(-4px, -4px) !important; box-shadow: 8px 8px 0 0 #473AE0 !important; }
.wc-plan-left { display: flex !important; flex-direction: column !important; gap: 12px !important; align-items: flex-start !important; }
.wc-plan-name { font-size: 24px !important; font-weight: 700 !important; color: #000000 !important; line-height: 1.5 !important; }
.wc-plan-cta { border-radius: 0 !important; display: inline-flex !important; align-items: center !important; color: #18164C !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1 !important; padding: 0.35rem 0.5rem !important; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #c5e4fb 100%) !important; border: none !important; cursor: pointer !important; text-decoration: none !important; white-space: nowrap !important; width: auto !important; box-sizing: border-box !important; position: relative !important; z-index: 2 !important; }
.wc-plan-cta:hover { opacity: 0.8 !important; }
.wc-plan-features { font-size: 13px !important; color: #1C1D1F !important; line-height: 1.3 !important; padding-left: 16px !important; margin: 0 !important; list-style: disc !important; }
#wc .wc-plan-features li { list-style: disc !important; margin: 0 0 2px !important; padding: 0 !important; color: #1C1D1F !important; font-weight: 400 !important; background-image: none !important; background: none !important; min-height: 0 !important; height: auto !important; line-height: 1.3 !important; }
#wc .wc-plan-features li:last-child { margin-bottom: 0 !important; }
#wc .wc-plan-features li::marker { color: #1C1D1F !important; }
#wc .wc-plan-features li b { color: #1C1D1F !important; font-weight: 700 !important; }
.wc-hint { font-size: 18px !important; line-height: 1.5 !important; color: #18164C !important; font-style: normal !important; margin-bottom: 12px !important; font-weight: 400 !important; }
.wc-desc { font-size: 18px !important; line-height: 1.5 !important; color: #18164C !important; margin-top: 23px !important; font-weight: 400 !important; }
.wc-err { font-size: 13px !important; color: #c00 !important; margin-top: 6px !important; }