@import '../colors.css';

.btn-block {
    width: 100%;
}

.inputError {
    border: 5px solid var(--ColorJoker) !important;
}


/* Icône de section : centrée, couleur brand */
.ps-feature{text-align:center!important;}
.ps-icon{display:inline-block;margin:0 auto .75rem;font-size:36px;color:#ff7a00;} /* mets ton bleu si tu préfères */
.ps-icon i{line-height:1;vertical-align:middle;}

/* Flèches visibles, indépendantes de Bootstrap vars */
#painSolutionCarousel .carousel-control-prev,
#painSolutionCarousel .carousel-control-next{
    top:50%;transform:translateY(-50%);width:auto;z-index:5;
}
#painSolutionCarousel .carousel-control-prev{left:-3rem;}
#painSolutionCarousel .carousel-control-next{right:-3rem;}
@media (min-width:992px){
    #painSolutionCarousel .carousel-control-prev{left:-3.5rem;}
    #painSolutionCarousel .carousel-control-next{right:-3.5rem;}
}
@media (max-width:575.98px){
    #painSolutionCarousel .carousel-control-prev{left:-1rem;}
    #painSolutionCarousel .carousel-control-next{right:-1rem;}
}

/* Icônes de contrôle : ronds sombres + chevrons SVG intégrés */
#painSolutionCarousel .carousel-control-prev-icon,
#painSolutionCarousel .carousel-control-next-icon{
    width:2.5rem;height:2.5rem;border-radius:50%;
    background-color:rgba(0,0,0,.6);
    background-position:center;background-repeat:no-repeat;background-size:55% 55%;
}
#painSolutionCarousel .carousel-control-prev-icon{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M11 1 3 8l8 7' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
#painSolutionCarousel .carousel-control-next-icon{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M5 1l8 7-8 7' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

/* Liste d’intro compacte et lisible */
.page-header-ui .lead { line-height: 1.5; }
.page-header-ui ul li { line-height: 1.45; }

.page-header-ui-title {
    font-size: 2rem; /* ou 1.8rem si besoin */
    /*white-space: nowrap;*/
}
@media (min-width: 1200px) {
    .page-header-ui-title {
        white-space: nowrap;
    }
}


/* Aération du slider */
#painSolutionCarousel .ps-slide{border-radius:16px;background:#fff;min-height:360px}
#painSolutionCarousel h3{margin-bottom:.5rem}
#painSolutionCarousel p{line-height:1.65;margin-bottom:.75rem}
.ps-img-sm{max-height:320px;object-fit:cover}
@media (max-width:991.98px){ .ps-img-sm{max-height:220px;margin-top:.5rem} }

/* Chips Problème / Solution */
.ps-chip{display:inline-block;padding:.25rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;margin-right:.35rem}
.ps-chip-danger{background:#fff1f0;color:#d4380d}
.ps-chip-success{background:#f6ffed;color:#237804}