/*
--------------------------------------------------------------------------------------
               LISTE SEO
--------------------------------------------------------------------------------------
*/

.list-custom-icons li {
    position: relative;
    padding-left: 2vw;
    margin-bottom: 8px;
    list-style: none;
    color: white;
}

/* Style générique de l’icône */
.list-custom-icons li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Icône spécifique par item */
.list-custom-icons li.icon-search::before {
    background-image: url("https://www.seolyne.fr/wp-content/uploads/2025/11/search_seo.svg");
}

.list-custom-icons li.icon-article::before {
    background-image: url("https://www.seolyne.fr/wp-content/uploads/2025/11/edit_seo.svg");
}

.list-custom-icons li.icon-call::before {
    background-image: url("https://www.seolyne.fr/wp-content/uploads/2025/11/calendar_seo.svg");
}

.list-custom-icons li.icon-report::before {
    background-image: url("https://www.seolyne.fr/wp-content/uploads/2025/11/stats_seo.svg");
}

.list-custom-icons li.icon-strategy::before {
    background-image: url("https://www.seolyne.fr/wp-content/uploads/2025/11/puzzle_seo.svg");
}

.list-custom-icons li.icon-fusee::before {
    background-image: url("https://www.seolyne.fr/wp-content/uploads/2025/11/fusee_seo.svg");
}
.list-custom-icons li.icon-path::before {
    background-image: url("https://www.seolyne.fr/wp-content/uploads/2025/11/path_seo.svg");
}
.list-custom-icons li.icon-target::before {
    background-image: url("https://www.seolyne.fr/wp-content/uploads/2025/11/target_icon.svg");
}

/*
--------------------------------------------------------------------------------------
               GENERAL
--------------------------------------------------------------------------------------
*/

.type-post .et_post_meta_wrapper {
    display: none;
}



/*
--------------------------------------------------------------------------------------
               GESTION DES DONNEES ARTICLES - TEMPS DE LECTURE
--------------------------------------------------------------------------------------
*/
.cstw-meta-bar{
  display:flex;
  gap: 28px;
  align-items:flex-start;
}

.cstw-meta-bar__item{ width: 30%; }

.cstw-meta-bar__label{
  display:block;
  font-weight:700;
  font-size:14px;
  line-height:1.1;
  color: black;
}

.cstw-meta-bar__value{
  display:block;
  margin-top:4px;
  font-size:14px;
color: black;

}


/*
--------------------------------------------------------------------------------------
                BARRE DES CATEGORIES
--------------------------------------------------------------------------------------
*/

.cstw-cat-nav{
  background:#e6007e;           /* rose */
  padding: 16px 20px;
}

.cstw-cat-nav__list{
  margin:0;
  padding:unset !important;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap: 0;                       /* séparateur géré via ::before */
  align-items:center;
  justify-content: center;
}

.cstw-cat-nav__item{
  display:flex;
  align-items:center;
}

/* Séparateur "•" entre items */
.cstw-cat-nav__item + .cstw-cat-nav__item::before{
  content:"•";
  color:#fff;
  margin: 0 16px;
  line-height:1;
}

.cstw-cat-nav__link{
  color:#fff;
  text-decoration:none;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:14px;
  white-space:nowrap;
}

.cstw-cat-nav__item.is-current .cstw-cat-nav__link{
  text-decoration:underline;    /* optionnel: indique la catégorie active */
}


/*
--------------------------------------------------------------------------------------
                SOMMAIRE AUTOMATIQUE
--------------------------------------------------------------------------------------
*/

.cstw-toc{
  padding:16px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px; 
}
.cstw-toc__title {
    font-weight: 700;
    margin-bottom: 10px;
    border-bottom: 2px solid;
    color: black;
    text-transform: uppercase;
    font-size: 1.2rem;
}
.cstw-toc__list{ margin:0; padding-left:18px; }
.cstw-toc__link {
    text-decoration: none;
    color: unset;
}
.cstw-toc__link.is-active{
  font-weight: 700;
}

.cstw-toc__link:hover { 
    font-weight: 700;
    color: black;
}
li.cstw-toc__item {
    list-style: none; 
}

/*
--------------------------------------------------------------------------------------
                        FOOTER
--------------------------------------------------------------------------------------
*/
#logo_footer_icons.ba_logo_carousel_0_tb_footer .dtq-carousel .slick-track {
    padding-top: 0vh;
    padding-bottom: 0vh;
}
#logo_footer_icons.ba_logo_carousel_0_tb_footer .dtq-carousel .slick-slide, .et-db #et-boc .ba_logo_carousel_0_tb_footer .dtq-carousel .slick-slide {
    padding-left: 10px!important;
    padding-right: 10px!important;
    width: fit-content !important;
}

/*
--------------------------------------------------------------------------------------
                        POPUPS
--------------------------------------------------------------------------------------
*/
#popup_subtitle_ask_quote h1 img {
    vertical-align: middle;
}
.da-overlay {
    background: hwb(27deg 94% 2% / 55%) !important;
}

/*
--------------------------------------------------------------------------------------
                        DEMANDE DE DEVIS INPUT MAIL
--------------------------------------------------------------------------------------
*/

/* Wrapper global */
.seolyne-devis-wrapper {
    max-width: 420px;
    margin: 0 auto;
    font-family: inherit;
}

/* Formulaire */
.seolyne-devis-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Groupe input + bouton sur une ligne */
.seolyne-devis-input-group {
    display: flex;
    align-items: stretch;
    width: 100%;
}

/* Champ email */
.seolyne-devis-input-group input[type="email"] {
    flex: 1;
    border: 1px solid #f0077f;
    border-right: none;
    background: #FAF4EF;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 999px 0 0 999px; /* arrondi gauche façon pill */
    outline: none;
}

.seolyne-devis-input-group input[type="email"]::placeholder {
    color: #c2759d;
}

/* Bouton */
.seolyne-devis-input-group button {
    border: 1px solid #f0077f;
    border-left: none;
    background: #f0077f;
    color: #ffffff;
    padding: 0 18px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-radius: 0 999px 999px 0; /* arrondi droit */
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    transition: background .2s ease, transform .1s ease, box-shadow .2s ease;
}

.seolyne-devis-input-group button:hover {
    background: #d40670;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(240, 7, 127, 0.25);
}

.seolyne-devis-input-group button:active {
    transform: translateY(0);
    box-shadow: none;
}

/* Ligne consentement */
.seolyne-devis-consent {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #555;
}

.seolyne-devis-consent input[type="checkbox"] {
    width: 14px;
    height: 14px;
}

/* Messages de feedback */
.seolyne-devis-success {
    font-size: 13px;
    color: #1a7f37;
    margin-bottom: 6px;
}

.seolyne-devis-error {
    font-size: 13px;
    color: #b91c1c;
    margin-bottom: 6px;
}

/* Responsive : stack input + bouton sur mobile */
@media (max-width: 480px) {
    .seolyne-devis-input-group {
        flex-direction: column;
    }

    .seolyne-devis-input-group input[type="email"] {
        border-radius: 999px;
        border-right: 1px solid #f0077f;
        margin-bottom: 6px;
    }

    .seolyne-devis-input-group button {
        border-radius: 999px;
        width: 100%;
    }
}