/* ==========================================================================
   1. STYLES GÉNÉRAUX & PAGES CATÉGORIES (VITAL)
   ========================================================================== */
#header .header-nav {
    min-height: 41px;
}

@media (max-width: 767px) {
    #header .header-nav {
        min-height: 45px; 
    }
}

#_desktop_logo img, #_mobile_logo img {
    width: 260px; 
    height: auto;
    aspect-ratio: 4 / 1; 
}

h2 {
	font-size:20px;
	font-weight:bold;

}

.faq-question {
	font-size:16px;
	font-weight:bold;

}
.faq-item {
	margin-bottom:25px;
}
.apartir {
	margin-top:10px;
}
.categoryStarsStr {
	margin-bottom:15px;
}

.page-category .page-header { background-color: #edf2ed !important; padding-left: 20px; }
.page-category .page-header h1 { color: #85a201; }
.page-category .page-header h2 { color: #495701; font-size: 14pt; }
.page-category .page-header, .page-category .category-text { color: #666666; font-size: 12pt; }

/* Correction inputs et boutons quantités */
.input-group-btn-vertical { display: none !important; }
#quantity_wanted { width: 200px !important; text-align: center; padding: 0 5px !important; }

/* Produits indisponibles */
.product-miniature .product-block.unavailable, 
.product-miniature .product-block.unavailable img, 
.product-miniature .product-block.unavailable .thumbnail-container {
    opacity: 1 !important; filter: none !important; pointer-events: auto !important; cursor: pointer !important;
}
.product-miniature .product-block.unavailable::after { content: none !important; display: none !important; }
.ndtt-wrapper { margin-bottom: 24px; }
.product-price { margin-top: 14px; }

/* Panier */
.cart-items .cart-item .input-group.bootstrap-touchspin { display: inline-flex !important; width: auto !important; flex: 0 0 auto !important; }
.cart-items .cart-item .input-group.bootstrap-touchspin > input[name="product-quantity-spin"] { width: 12ch !important; min-width: 12ch !important; box-sizing: content-box !important; }

/* Descriptions courtes categories */
/* --- Augmentation du nombre de lignes visibles --- */
.category-description:not(.show) {
    /* On passe de 3 lignes à 12 lignes (ajustable selon vos besoins) */
    -webkit-line-clamp: 6 !important; 
    
    /* On s'assure que la boîte reste flexible */
    max-height: none !important; 
}
/* Ciblage groupé pour les pages piliers et 4C */
body.category-id-105 .category-description:not(.show), 
body.category-id-458 .category-description:not(.show), 
body.category-id-85 .category-description:not(.show), 
body.category-id-256 .category-description:not(.show), 
body.category-id-384 .category-description:not(.show), 
body.category-id-482 .category-description:not(.show), 
body.category-id-483 .category-description:not(.show), 
body.category-id-485 .category-description:not(.show), 
body.category-id-488 .category-description:not(.show), 
body.category-id-489 .category-description:not(.show) {
    -webkit-line-clamp: 25 !important; 
    max-height: none !important;
}
/* ==========================================================================
   2. MASQUAGE SPÉCIFIQUE (ID 253 ET 487)
   ========================================================================== */
body.category-id-253 .subcategories, body.category-id-253 #products, body.category-id-253 .side-column { display: none !important; }
body.category-id-253 .center-column { flex: 0 0 100% !important; max-width: 100% !important; }
body.category-id-487 .subcategories, body.category-id-487 #products, body.category-id-487 .side-column { display: none !important; }
body.category-id-487 .center-column { flex: 0 0 100% !important; max-width: 100% !important; }


/* ===============================
   CONTAINER
================================ */
.cw-home .cw-container {
  max-width: 1200px;
  margin: 30px auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.cw-method-line {
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 15px;
  color: #666;
}
.cw-method-line strong:first-child {
  color: #333;
}


/* ==========================================================================
   2 BIS. HOME
   ========================================================================== */

.cw-home .cw-hero {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 40px 0;
  min-height: 450px;
}

.cw-home .cw-hero-img img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.cw-home .cw-hero-content h1 {
  font-size: 38px;
  margin-bottom: 20px;
  line-height: 1.2;
}

.cw-home .cw-hero-content p {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 30px;
}

.cw-home .cw-btn {
  background: #0056b3;
  color: #fff;
  padding: 15px 30px;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
}

@media (max-width: 768px) {
  .cw-home .cw-hero {
    flex-direction: column;
    text-align: center;
  }

  .cw-home .cw-grid {
    grid-template-columns: repeat(2, 1fr);
margin-bottom: 50px;
  }

  .cw-home .cw-reassurance {
    flex-direction: column;
    gap: 10px;
  }
}
.cw-home h2 {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 800;
  margin-bottom: 35px;
margin-top: 0;
}
.cw-home h3 {
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  margin-bottom: 15px;
margin-top:40px;
}


/* ==========================================================================
   3. SECTION MÉTIERS (CORRECTION PAGES PILIERS)
   ========================================================================== */
.cw-metiers-container { 
    display: flex !important; 
    flex-wrap: wrap !important; 
    justify-content: center !important; 
    gap: 25px !important; 
    padding: 30px 10px !important; 
    max-width: 1200px !important; 
    margin: 0 auto !important; 
}

.cw-metier-card { 
    flex: 0 1 calc(32% - 10px) !important; 
    min-width: 280px !important; 
    background: #ffffff !important; 
    border: 1px solid #eeeeee !important; 
    border-radius: 12px !important; 
    overflow: hidden !important; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important; 
    transition: all 0.3s ease !important; 
    height: auto !important; /* Laisse la carte s'adapter au contenu */
}

.cw-metier-link { 
    display: block !important; /* On repasse en block pour éviter le tassement flex */
    text-decoration: none !important; 
    width: 100% !important; 
}

/* PROTECTION DE L'IMAGE : On enlève le height fixe qui tassait */
.cw-metier-img { 
    width: 100% !important; 
    height: auto !important; /* Crucial : l'image garde son ratio naturel */
    max-height: 200px !important; /* Limite la hauteur sans déformer */
    object-fit: cover !important; 
    display: block !important;
}

.cw-metier-content { 
    display: block !important; 
    padding: 20px !important; 
    text-align: center !important; 
}

.cw-metier-title { 
    display: block !important; 
    color: #2c3e50 !important; 
    font-size: 1.2rem !important; 
    font-weight: 700 !important; 
    margin-bottom: 10px !important; 
    text-transform: uppercase !important; 
}

.cw-metier-text { 
    display: block !important; 
    color: #7f8c8d !important; 
    font-size: 0.95rem !important; 
    line-height: 1.4 !important; 
    margin-bottom: 20px !important; 
    min-height: 50px !important; /* Garde l'alignement des boutons */
}

.cw-metier-btn { 
    display: inline-block !important; 
    background-color: #27ae60 !important; 
    color: #ffffff !important; 
    padding: 10px 30px !important; 
    border-radius: 50px !important; 
    font-weight: bold !important; 
    text-transform: uppercase !important; 
    font-size: 0.8rem !important;
}

/* Animation au survol spécifique aux piliers */
.cw-metier-card:hover { 
    transform: translateY(-5px) !important; 
    border-color: #27ae60 !important; 
}
/* ==========================================================================
   4. ACCUEIL - VERROUILLAGE STRICT (POUR PROTÉGER LE RESTE DU SITE)
   ========================================================================== */
.cw-home { width: 100%; }

/* --- GRILLE UNIVERS (8 IMAGES) --- */
.cw-home .cw-univers-grid { margin-top: 30px; }
.cw-home .cw-item-container { position: relative; display: flex; flex-direction: column; align-items: center; }

/* --- LIENS SOUS LES CARTES UNIVERS --- */
.cw-home .cw-grid-link {
  display: inline-block;
  margin-top: 10px;
  font-weight: 700;
  color: #85a201;
  text-decoration: none;
font-size:18px;
}

.cw-home .cw-grid-link::after {
  content: " →";
}
.cw-home .cw-grid-link:hover {
  color: #495701; /* vert foncé cohérent avec ta charte */
  text-decoration: underline;
}



.cw-home .cw-card-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1/1; /* Carré seulement sur l'accueil */
    overflow: hidden;
    border-radius: 12px;
    background: #f8f8f8;
}

.cw-home .cw-card-wrapper img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.6s ease; }

.cw-home .cw-card-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(133, 162, 1, 0.9);
    display: flex; align-items: center; justify-content: center;
    padding: 15px; opacity: 0; transition: opacity 0.4s ease;
}

/* Activation du survol rétablie */
.cw-home .cw-item-container:hover .cw-card-overlay { opacity: 1; }
.cw-home .cw-item-container:hover img { transform: scale(1.1); }
.cw-home .cw-card-overlay p { color: #fff !important; text-align: center; font-size: 0.9rem; }

.cw-grid-seo {
  font-size: 0.85rem;
  line-height: 1.3;
  margin-top: 6px;
  color: #444;
}


/* --- BENTO 2026 --- */
.cw-home .cw-bento-section { margin: 60px 0; }
.cw-home .cw-bento-card { position: relative; border-radius: 20px; overflow: hidden; height: 100%; transition: transform 0.4s ease; border: 1px solid #eee; }
.cw-home .cw-bento-card:hover { transform: scale(1.02); }
.cw-home .cw-bento-card.main-card img { width: 100%; height: 350px; object-fit: cover; }
.cw-home .cw-bento-overlay { position: absolute; bottom: 20px; left: 20px; right: 20px; padding: 25px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(10px); border-radius: 15px; }

/* --- CONCLUSION & CARTES --- */
.cw-home .cw-conclusion-modern { padding: 40px 0; }
.cw-home .cw-conclusion-intro { max-width: 900px; margin: 0 auto 40px; }
.cw-home .cw-section-title { font-size: 32px !important; font-weight: 800; margin-bottom: 25px !important; }

/* Verrouillage strict des cartes modernes pour ne pas impacter les boutons des autres pages */
.cw-home a.cw-modern-card {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    padding: 25px !important;
    border-radius: 16px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}
.cw-home a.cw-modern-card:hover { border-color: #85a201 !important; transform: translateY(-5px) !important; box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important; }
.cw-home .cw-label { font-size: 10px !important; color: #85a201 !important; font-weight: 800 !important; margin-bottom: 5px !important; text-transform: uppercase; display: block; }
.cw-home .cw-title { font-size: 18px !important; font-weight: 700 !important; color: #333 !important; display: block; }
.cw-home .cw-card-arrow { font-size: 24px !important; color: #ccc !important; }

/* --- RÉASSURANCE & EXPERTISE (ACCUEIL) --- */
.cw-home .cw-expertise { background: #f9f9f9; padding: 50px 0; }
.cw-home .cw-exp-columns { display: flex; flex-wrap: wrap; gap: 30px; }
.cw-home .cw-exp-col { flex: 1; min-width: 280px; }

@media (max-width: 767px) {
    .cw-reassurance-bootstrap .border-right { border-right: none !important; border-bottom: 1px solid #eee; }
    .cw-home .cw-hero { flex-direction: column; text-align: center; }
}


/* =========================================
   LIENS TEXTE – VISIBILITÉ GLOBALE (SITE)
   ========================================= */

/* Liens dans le contenu éditorial */
a:not(.btn):not(.cw-btn):not(.cw-modern-card):not(.product-miniature a) {
  color: #85a201;
font-weight: 700;
 }

/* Hover global */
a:not(.btn):not(.cw-btn):not(.cw-modern-card):hover {
  color: #85a201; /* vert foncé */
text-decoration:underline;
  /* text-decoration-thickness: 2px; */
}