/**
* Theme Name: Roofnox Child
* Description: This is a child theme of Roofnox, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/themearc">Theme Arc</a>
* Template: roofnox
* Version: 1.0
*/
/* ── Correction casse menus : désactive capitalize/uppercase du thème parent ── */

/* Niveau 1 — items principaux du menu */
.main-menu .navigation > li > a {
  text-transform: none !important;
}

/* Niveau 2 — premier sous-menu dropdown */
.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a {
  text-transform: none !important;
}

/* Niveau 3 — deuxième sous-menu dropdown (villes) */
.main-menu .navigation > li > ul > li > ul > li > a {
  text-transform: none !important;
}

/* Footer menus */
.footer-widget .footer-links li a,
.footer-widget ul li a,
footer .widget ul li a {
  text-transform: none !important;
}

/* ── Marge page nos-travaux ── */
.elementor-page-7222 .e-con-boxed > .e-con-inner,
.elementor-page-7222 .elementor-container {
  max-width: 1170px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── Marge page nos-travaux : centrage et padding ── */
.elementor-page-7222 .e-con {
  padding-left: clamp(20px, 4vw, 60px) !important;
  padding-right: clamp(20px, 4vw, 60px) !important;
}
.elementor-page-7222 .e-con-boxed > .e-con-inner {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}
/* Appliquer aussi à toutes les pages services enfants */
.elementor-page-9750 .e-con,
.elementor-page-9751 .e-con,
.elementor-page-9752 .e-con,
.elementor-page-9753 .e-con,
.elementor-page-9754 .e-con,
.elementor-page-9755 .e-con {
  padding-left: clamp(15px, 3vw, 50px) !important;
  padding-right: clamp(15px, 3vw, 50px) !important;
}

/* ── Masquer les onglets de filtre All/27 sur la grille projets ── */
.filter-tabs.filter-btns,
.sortable-masonry .filters,
.sortable-masonry .filters.mb_45 {
  display: none !important;
}

/* ── Palette marque Toitures et Traditions — mai 2026 ── */
:root {
  --theme-color:     #3D6B4F;
  --secondary-color: #1A2832;
  --title-color:     #1A2832;
  --tt-creme:        #EBE4D8;
  --tt-urgence:      #C04E2A;
}

/* Bouton urgence (sidebar réparation) */
.sidebar-cta-urgence,
.urgence-btn {
  background-color: var(--tt-urgence) !important;
}


/* ── Pages projet (réalisations) : corrections responsive ── */

/* Marges L/R suffisantes à tous les breakpoints */
.project-details .auto-container {
  padding-left: clamp(20px, 4vw, 30px);
  padding-right: clamp(20px, 4vw, 30px);
}

/* Gap entre colonne texte et colonne images (tablette + mobile) */
@media only screen and (max-width: 991px) {
  .project-details .content-side {
    margin-bottom: 40px;
  }
}

/* Réduction padding vertical + table responsive sur mobile */
@media only screen and (max-width: 767px) {
  .project-details.pt_110.pb_110 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .project-details-content table {
    table-layout: fixed;
    word-wrap: break-word;
  }
}

/* Logo header + footer : contrainte taille */
.main-header .logo-box img,
.main-header .logo img,
.sticky-header .logo-box img,
.sticky-header .logo img {
  height: 65px;
  width: auto;
}
.main-footer .footer-logo img {
  height: 70px;
  width: auto;
}