* input[type=text] {
    transition: 0.3s all;
    box-shadow: none !important;
}
* input[type=text]:focus {
    box-shadow: none !important;
}
.wm_select {
    color: black !important;
    background-color: white;
    border: solid #007db8 1px;
    border-radius: 0px;
    margin-bottom: 15px;
    display: block;
}
.wm_select_disabled {
    color: black;
    background-color: lightgrey;
    border: solid #007db8 1px;
    margin-bottom: 15px;
    display: block;
    cursor: not-allowed;
}
.wm_select:focus {
    border: solid #007db8 1px;
    box-shadow: none !important;
}


@keyframes spinner {
    to {transform: rotate(360deg);}
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #007db8;
    border-bottom-color: #007db8;
    animation: spinner .8s ease infinite;
    z-index: 1000;
}

.text-justify {
    text-align: justify;
}
.btn-wysam-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #007db8;
    --bs-btn-border-color: #007db8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #006c9f;
    --bs-btn-hover-border-color: #006c9f;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #006c9f;
    --bs-btn-active-border-color: #006c9f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #b3b3b3;
    --bs-btn-disabled-border-color: #b3b3b3;
}
.btn-wysam-bt-selector-primary {
    --bs-btn-color: #007db8;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #007db8;
    --bs-btn-hover-color: #007db8;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #006c9f;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #C95018;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #C95018;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #C95018;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #C95018;
}

.btn-wysam-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #C95018;
    --bs-btn-border-color: #C95018;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c04a14;
    --bs-btn-hover-border-color: #c04a14;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #C95018;
    --bs-btn-active-border-color: #C95018;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #b3b3b3;
    --bs-btn-disabled-border-color: #b3b3b3;
}
#newUserPasswdBar {
    height: 4px;
    background-color: lightgray;
}
.newUserPasswdBar0{
    background-color: lightgray;
}
.newUserPasswdBar1{
    background: linear-gradient(90deg, #a90000 10%, lightgray 0%);
}
.newUserPasswdBar2{
    background: linear-gradient(90deg, #FF3333 20%, lightgray 0%);
}
.newUserPasswdBar3{
    background: linear-gradient(90deg, #FF9933 40%, lightgray 0%);
}
.newUserPasswdBar4{
    background: linear-gradient(90deg, #b7ef47 70%, lightgray 0%);
}
.newUserPasswdBar5{
    background: linear-gradient(90deg, #00cb00 1000%, lightgray 0%);
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FF4500; /* Orange lorsque désactivé (Mensuel) */
    transition: .4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #007BFF; /* Bleu lorsque activé (Annuel) */
}

input:checked + .slider:before {
    transform: translateX(26px);
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.label-text {
    font-size: 20px;
    vertical-align: middle;
    font-weight: bold;
    padding: 0 10px;
}
.wmTextPrice {
    color: #007db8;
}
#wmAccordionToggle {
    cursor: pointer;
}
#wmAccordionContent  {
//    display: none;
}
.wmInfoDeactivation {
    color:red;
    font-weight: bold;
}
.custom-tooltip {
    --bs-tooltip-bg: #007db8;
    --bs-tooltip-color: #FFF;
}

.progress-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: conic-gradient(#e0e0e0 0%, #e0e0e0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-family: Arial, sans-serif;
}

.progress-circle::before {
    content: '';
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: white;
    position: absolute;
}

.progress-circle-text {
    font-size: 40px; /* Taille de l'icône */
    z-index: 1;
}


.introjs-tooltip {
    max-width: 500px !important; /* Ajuste la largeur maximale à la valeur souhaitée */
    width: 500px !important; /* Fixe la largeur si nécessaire */
}

.introjs-tooltiptext {
    white-space: normal !important; /* Permet au texte de s'ajuster à la largeur de la bulle */
}

:root{
    --wysam-primary:#007db8;
    --wysam-accent:#c95018;
    --wysam-ink:#1b2430;
    --wysam-muted:#6b7280;
    --wysam-soft:#f6f9fc;
    --wysam-ring: 0 0 0 .25rem rgba(0,125,184,.15);
}
/* Card+glass feel */
.wysam-panel{
    border:0;
    border-radius:1rem;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    background:linear-gradient(180deg,#fff, #fbfdff);
}
/* Top header bar with gradient ribbon */
.wysam-ribbon{
    position:relative;
    padding-top:.25rem;
}
.wysam-ribbon::before{
    content:"";
    position:absolute; inset:0 auto auto 0;
    width:160px; height:4px; border-radius:999px;
    background:linear-gradient(90deg,var(--wysam-primary), var(--wysam-accent));
}
/* Icon bubbles */
.wysam-bubble{
    width:52px;height:52px;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg, rgba(0,125,184,.12), rgba(201,80,24,.10));
    color:var(--wysam-primary);
    box-shadow: inset 0 0 0 1px rgba(0,125,184,.15);
    transition:transform .2s ease, box-shadow .2s ease;
    flex:0 0 52px;
}
.wysam-item:hover .wysam-bubble{ transform:translateY(-2px); box-shadow: inset 0 0 0 1px rgba(0,125,184,.25); }
/* Step list */
.wysam-step{
    display:flex; gap:.75rem; align-items:flex-start;
    padding:.5rem .75rem; border-radius:.75rem;
    transition:background .2s ease;
}
.wysam-step:hover{ background:#f2f8fb; }
.wysam-step .badge{
    background: linear-gradient(135deg, var(--wysam-primary), #23a2d6);
    color:#fff; font-weight:600;
    min-width:28px; height:28px; border-radius:999px;
    display:inline-flex;align-items:center;justify-content:center;
    box-shadow:0 2px 8px rgba(0,125,184,.25);
}
/* Alert refined */
.wysam-alert{
    border:0; border-left:4px solid var(--wysam-accent);
    background:linear-gradient(180deg,#fff8f4,#fff);
    box-shadow:0 8px 20px rgba(201,80,24,.08);
}
/* Section subtitles */
.wysam-subtle{ color:var(--wysam-muted); }
.wysam-title{ color:var(--wysam-ink); }
/* Divider */
.wysam-divider{
    height:1px; background:linear-gradient(90deg,transparent, rgba(0,0,0,.08), transparent);
    margin:1rem 0 1.5rem;
}
/* Tagline */
.wysam-tagline{
    color:var(--wysam-muted);
    font-style:italic;
}


.ds-autocomplete-container {
    position: relative;
}

.ds-autocomplete-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    background-color: var(--bs-body-bg);
    max-height: 260px;
    overflow-y: auto;
    padding: .25rem;
}

.ds-autocomplete-suggestion + .ds-autocomplete-suggestion {
    margin-top: .25rem;
}

.ds-autocomplete-suggestion .btn {
    text-align: left;
    white-space: normal;
}



/* Focus rings for accessibility */
.wysam-focus:focus{ outline:none; box-shadow:var(--wysam-ring); }
/* Dark-mode friendly */
@media (prefers-color-scheme: dark){
    .wysam-surface{ color:#e7edf5; }
    .wysam-panel{ background:linear-gradient(180deg,#111827,#0b1320); box-shadow:0 10px 28px rgba(0,0,0,.5); }
    .wysam-title{ color:#f3f6fb; }
    .wysam-subtle, .wysam-tagline{ color:#9aa5b1; }
    .wysam-bubble{ background:linear-gradient(135deg, rgba(0,125,184,.22), rgba(201,80,24,.18)); color:#b8e4f9; }
    .wysam-step:hover{ background:#0f1a2b; }
    .wysam-alert{ background:linear-gradient(180deg,#241411,#0b0b0b); border-left-color:#e17b46; }
    .wysam-divider{ background:linear-gradient(90deg,transparent, rgba(255,255,255,.12), transparent); }
}



.wysam-cta-carpa{
    border:0; border-radius:1rem;
    background:
            radial-gradient(1200px 500px at 0% 0%, rgba(0,125,184,.10), transparent 60%),
            radial-gradient(900px 400px at 100% 100%, rgba(201,80,24,.10), transparent 60%),
            linear-gradient(180deg,#ffffff,#fbfdff);
    box-shadow:0 12px 28px rgba(0,0,0,.10);
    overflow:hidden;
}
.wysam-cta-ribbon{
    position:relative; padding-top:.25rem;
}
.wysam-cta-ribbon::before{
    content:"";
    position:absolute; inset:0 auto auto 0;
    width:210px;height:4px;border-radius:999px;
    background:linear-gradient(90deg,var(--wysam-accent), var(--wysam-primary));
}
.wysam-cta-bubble{
    width:64px;height:64px;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg, rgba(0,125,184,.12), rgba(201,80,24,.10));
    color:var(--wysam-primary);
    box-shadow:inset 0 0 0 1px rgba(0,125,184,.18);
    flex:0 0 64px;
}
.wysam-cta-title{
    color:var(--wysam-ink);
    letter-spacing:.2px;
}
.wysam-cta-subtle{ color:var(--wysam-muted); }
.wysam-cta-badge{
    display:inline-flex; align-items:center; gap:.5rem;
    background:linear-gradient(90deg, var(--wysam-accent), #f08a57);
    color:#fff; border-radius:999px; padding:.4rem .85rem;
    font-weight:600; box-shadow:0 6px 18px rgba(201,80,24,.25);
}
.wysam-cta-btn{
    background:linear-gradient(90deg, var(--wysam-primary), #23a2d6);
    border:none; color:#fff; font-weight:700;
    padding:.9rem 1.25rem; border-radius:.75rem;
    box-shadow:0 10px 22px rgba(0,125,184,.25);
    transition: transform .12s ease, box-shadow .12s ease;
}
.wysam-cta-btn:hover{ transform:translateY(-1px); box-shadow:0 12px 26px rgba(0,125,184,.32); color:#fff; }
.wysam-cta-btn:focus{ outline:none; box-shadow:var(--wysam-ring); }
.wysam-cta-frame{
    border:1px dashed rgba(0,125,184,.25);
    border-radius:.75rem; padding:1rem 1.25rem; background:rgba(0,125,184,.03);
}
@media (prefers-color-scheme: dark){
    .wysam-cta-carpa{
        background:
                radial-gradient(1100px 500px at 0% 0%, rgba(0,125,184,.14), transparent 60%),
                radial-gradient(900px 400px at 100% 100%, rgba(201,80,24,.14), transparent 60%),
                linear-gradient(180deg,#111827,#0b1320);
        box-shadow:0 16px 36px rgba(0,0,0,.55);
    }
    .wysam-cta-title{ color:#f3f6fb; }
    .wysam-cta-subtle{ color:#9aa5b1; }
    .wysam-cta-frame{ border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.04); }
}
.custom-tooltip {
    --bs-tooltip-bg: #f08a57;
    --bs-tooltip-color: white;
}