/*
Theme Name: Tanj
Theme URI: https://tanj.wpengine.com/
Author: the DesignThemes team
Author URI: http://themeforest.net/user/designthemes
Description: Tanj
Version: 3.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: tanj

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Stabiliser le menu principal (taille + espacement) */
#header.header-top-relative .main-navigation > ul > li > a,
#header.header-top-relative .dt-primary-nav > ul > li > a {
  font-size: 14px !important;
  line-height: 1.2 !important;
  padding: 12px 16px !important; /* ajuste si besoin */
}

/* Réduire l'espacement horizontal entre items si c'est trop large */
#header.header-top-relative .main-navigation > ul > li,
#header.header-top-relative .dt-primary-nav > ul > li {
  margin: 0 6px !important;
}

/* Empêcher le header de gonfler en hauteur */
#header.header-top-relative {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}



/* =========================
   MENU DROPDOWN - AKBEL
   (icône + texte alignés, sans agrandir le dropdown)
   ========================= */

/* 1) Aligner icône + texte (sans changer la taille du bloc) */
.dt-header-menu ul.sub-menu > li > a.item-has-icon.icon-position-left{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* 2) Ne PAS fixer une taille au conteneur icône (sinon ça agrandit la ligne) */
.dt-header-menu ul.sub-menu > li > a > i.menu-item-icon.menu-item-image{
  width: auto !important;
  height: auto !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 3) Agrandir UNIQUEMENT l’image de l’icône */
.dt-header-menu ul.sub-menu > li > a > i.menu-item-icon.menu-item-image > img{
  width: 30px !important;     /* <- ajuste ici : 28 / 30 / 32 */
  height: 30px !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
}

/* 4) Hover : texte en #fec200 (comme ton thème) */
.dt-header-menu ul.sub-menu > li:hover > a,
.dt-header-menu ul.sub-menu > li:hover > a > span{
  color: #fec200 !important;
}

/* 5) Hover : icône PNG -> tentative recoloration (OK si icônes monochromes) */
.dt-header-menu ul.sub-menu > li:hover > a > i.menu-item-icon.menu-item-image > img{
  filter: brightness(0) saturate(85%) invert(65%) sepia(37%) saturate(1200%) hue-rotate(2deg) brightness(105%) contrast(101%) !important;
  transition: filter .2s ease !important;
}

/* 6) Fallback si tes PNG ne se recolorent pas bien : effet visuel propre
   (décommente si besoin)
*/
/*
.dt-header-menu ul.sub-menu > li:hover > a > i.menu-item-icon.menu-item-image{
  background: rgba(254,194,0,0.18) !important;
  border-radius: 6px !important;
  padding: 2px 4px !important;
}
*/

/* Largeur du menu déroulant Produits & Matériaux */
.dt-header-menu .sub-menu {
    min-width: 300px; /* ajuste à 300–340 si besoin */
}

/* Assurer une ligne par item */
.dt-header-menu .sub-menu li a {
    white-space: nowrap;
}

/* Légère respiration entre icône et texte */
.dt-header-menu .sub-menu .menu-item-icon {
    margin-right: 5px;
}

/* Séparateurs discrets entre catégories (style BigMat) */
.dt-header-menu .sub-menu > li {
    position: relative;
}

/* Ligne de séparation */
.dt-header-menu .sub-menu > li:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 16px;          /* aligné avec le texte */
    right: 16px;
    bottom: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.08); /* très léger */
}

/* Optionnel : un peu d’air vertical */
.dt-header-menu .sub-menu > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
}


/* Normalisation des logos du carousel partenaires */
.dt-sc-partners-carousel li img {
    max-height: 80px;      /* taille cible des logos */
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

/* Footer : supprimer le dégradé et forcer un bleu uni */
#footer .vc_row,
#footer .wpb_row-bg {
    background: #032755 !important;
    background-image: none !important;
}

/* Footer : remplacer l'effet barré par un soulignement */
#footer .dt-custom-nav a span::after {
    top: auto !important;
    bottom: -4px;              /* position sous le texte */
    height: 2px;               /* épaisseur du soulignement */
    background-color: currentColor;
    transform: none !important;
}

/* Texte RGPD newsletter */
.akbel-newsletter__consent,
.akbel-newsletter__consent label {
    font-size: 12px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.7);
}

/* Checkbox alignée proprement */
.akbel-newsletter__consent input[type="checkbox"] {
    transform: scale(0.85);
    margin-right: 6px;
}

/* Empêche toute "ligne" (underline/border/shadow/gradient) sur le consentement */
.akbel-newsletter__consent,
.akbel-newsletter__consent label,
.akbel-newsletter__consent .wpcf7-list-item-label,
.akbel-newsletter__consent .wpcf7-list-item-label::before,
.akbel-newsletter__consent .wpcf7-list-item-label::after,
.akbel-newsletter__consent label::before,
.akbel-newsletter__consent label::after {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Même chose au survol / focus */
.akbel-newsletter__consent:hover,
.akbel-newsletter__consent label:hover,
.akbel-newsletter__consent .wpcf7-list-item-label:hover,
.akbel-newsletter__consent label:focus,
.akbel-newsletter__consent .wpcf7-list-item-label:focus {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
	
}
.akbel-newsletter__consent label {
  border: 0 !important;
}




/* Message de succès newsletter */
.akbel-newsletter .wpcf7-response-output {
    background: none;
    border: none;
    padding: 8px 0 0;
    margin: 8px 0 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 12px;
}

/* Icône verte inutile */
.akbel-newsletter .wpcf7-response-output::before {
    display: none;
}

/* Carousel partenaires – état normal */
.carousel-arrows a.partners-prev,
.carousel-arrows a.partners-next {
    background-color: transparent !important;
    border: 1px solid rgba(0, 105, 190, 0.3); /* bleu discret */
}

/* Couleur de la flèche (pseudo-élément) */
.carousel-arrows a.partners-prev::before,
.carousel-arrows a.partners-next::before {
    color: #0069be !important; /* bleu Akbel */
}

/* Hover : garder fond jaune + flèche blanche */
.carousel-arrows a.partners-prev:hover,
.carousel-arrows a.partners-next:hover {
    background-color: #fec200 !important;
    border-color: #fec200 !important;
}

.carousel-arrows a.partners-prev:hover::before,
.carousel-arrows a.partners-next:hover::before {
    color: #ffffff !important;
}
	
/* Carousel partenaires – enlever la bordure */
.carousel-arrows a.partners-prev,
.carousel-arrows a.partners-next {
    border: none !important;
}


/* CARD */
.akbel-service-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eee;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: all 0.25s ease;
}

/* HOVER SIMPLE (style Brico) */
.akbel-service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.12);
}

/* IMAGE */
.akbel-service-card img {
    width: 100%;
    display: block;
}

/* CONTENU */
.akbel-service-card .wpb_wrapper {
    padding: 20px;
}

/* BOUTON */
.akbel-service-card .vc_btn3 {
    margin-top: 15px;
}