
/* MENU */

/* SUBMENU */

/* BUTTON */

/* Theme Options Custom CSS */
.a-btn {
    font-family: Roboto,sans-serif;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 2px;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 46px;
    background-color: transparent;
    border: none;
    color: #fff;
    -webkit-transition: color .3s ease-in,background-color .3s ease-in;
    -o-transition: color .3s ease-in,background-color .3s ease-in;
    transition: color 1.9s ease-in,background-color 1.9s ease-in;
}

.swiper-slide-active {
 height: 200px !important;
padding-top: 75px !important;
}

.filter-nav {
display: none !important;
}

.subtitle {
margin-top: 50px;
}

/* ===== Maintenance 10/2026 : lisibilite, formulaires et boutons de contact ===== */

/* Texte courant : gris plus fonce pour un meilleur contraste (meme style) */
.wpb_text_column p,
.wpb_text_column li,
.project-list-content p,
.prague-shortcode-content p {
  color: #555;
}

/* Champs de formulaire : texte plus lisible, pas de zoom force sur iPhone */
.frm_forms input[type=text],
.frm_forms input[type=email],
.frm_forms input[type=tel],
.frm_forms textarea {
  color: #111;
  font-size: 15px;
}
.frm_forms ::placeholder { color: #777; opacity: 1; }

/* Bouton "Envoyer" des formulaires : vrai bouton bien visible */
.frm_forms .frm_submit input[type=submit],
.frm_forms .frm_submit button {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  padding: 16px 42px !important;
  font-size: 12px !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.frm_forms .frm_submit input[type=submit]:hover,
.frm_forms .frm_submit button:hover {
  background: #fff !important;
  color: #111 !important;
}
/* Version claire dans le menu plein ecran (fond sombre) */
.prague-header-form .frm_forms .frm_submit input[type=submit],
.prague-header-form .frm_forms .frm_submit button {
  background: #fff !important;
  color: #111 !important;
  border-color: #fff !important;
}
.prague-header-form .frm_forms .frm_submit input[type=submit]:hover,
.prague-header-form .frm_forms .frm_submit button:hover {
  background: transparent !important;
  color: #fff !important;
}

/* Boutons "Nous contacter" (WPBakery) : noir plein au lieu du gris */
.vc_btn3.vc_btn3-color-black,
.vc_btn3.vc_btn3-color-black.vc_btn3-style-modern {
  background: #111 !important;
  background-image: none !important;
  color: #fff !important;
  border-color: #111 !important;
  letter-spacing: 1px;
}
.vc_btn3.vc_btn3-color-black:hover,
.vc_btn3.vc_btn3-color-black.vc_btn3-style-modern:hover {
  background: #444 !important;
  color: #fff !important;
}

/* Liens "LIRE" un peu plus visibles */
.project-list-link { color: #111; font-weight: 600; }

/* Menu plein ecran lisible : liens blancs sur le fond noir (ils etaient #111 sur noir) */
.prague-header.full .prague-navigation .main-menu a { color: #fff !important; -webkit-text-fill-color: #fff; }
.prague-header.full .prague-navigation .main-menu a:hover,
.prague-header.full .prague-navigation .main-menu .current-menu-item > a { color: #c8c8c8 !important; -webkit-text-fill-color: #c8c8c8; }

/* Bouton flottant "Demander un devis" + barre d'appel mobile */
.mp-cta-float {
  position: fixed;
  left: 24px;
  bottom: 24px;
  z-index: 9990;
  background: #111;
  color: #fff !important;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none !important;
  padding: 15px 26px;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  transition: background .2s ease;
}
.mp-cta-float:hover { background: #444; }
.mp-cta-bar { display: none; }
/* Masques quand le menu plein ecran est ouvert */
body.no-scroll .mp-cta-float,
body.no-scroll .mp-cta-bar { display: none !important; }

@media (max-width: 767px) {
  .mp-cta-float { display: none; }
  .mp-cta-bar {
    display: flex;
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 9990;
    box-shadow: 0 -4px 14px rgba(0,0,0,.18);
  }
  .mp-cta-bar a {
    flex: 1;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 16px 8px;
    line-height: 1.2;
  }
  .mp-cta-bar .mp-call { background: #fff; color: #111 !important; border-top: 1px solid #ddd; }
  .mp-cta-bar .mp-devis { background: #111; color: #fff !important; }
  body.mp-has-bar { padding-bottom: 56px; }
  body.mp-has-bar #wpfront-scroll-top-container { bottom: 70px !important; }
  .frm_forms input[type=text],
  .frm_forms input[type=email],
  .frm_forms input[type=tel],
  .frm_forms textarea { font-size: 16px; }
}

/* ===== Galerie "Nos realisations" (10/2026) : vignettes au meme format 4:3, recadrage centre, espacements reguliers ===== */
.page-id-2222 .vc_masonry_media_grid { margin-top: 24px; }
.page-id-2222 .vc_masonry_media_grid .vc_gitem-zone-img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.page-id-2222 .vc_masonry_media_grid .vc_gitem-zone { background-size: cover !important; background-position: center center !important; }
.page-id-2222 .vc_masonry_media_grid .vc_grid-item { padding: 0 8px 8px 0 !important; }
.page-id-2222 .vc_masonry_media_grid .vc_pageable-slide-wrapper { margin-right: -8px !important; }
.page-id-2222 .vc_masonry_media_grid .vc_grid.vc_row { margin-bottom: -8px !important; }
.page-id-2222 .vc_masonry_media_grid .vc_gitem-zone { transition: opacity .2s ease; }
.page-id-2222 .vc_masonry_media_grid .vc_gitem-zone:hover { opacity: .9; }
@media (max-width: 767px) {
  .page-id-2222 .vc_masonry_media_grid .vc_grid-item { width: 50% !important; float: left; padding: 0 6px 6px 0 !important; }
  .page-id-2222 .vc_masonry_media_grid .vc_pageable-slide-wrapper { margin-right: -6px !important; }
  .page-id-2222 .vc_masonry_media_grid .vc_grid.vc_row { margin-bottom: -6px !important; }
  .page-id-2222 .vc_masonry_media_grid { margin-top: 16px; }
}

/* Liens dans les textes (maillage interne) visibles, style du site conserve */
.wpb_text_column p a:not([class]) { color: #111; text-decoration: underline; text-underline-offset: 3px; font-weight: 500; }
.wpb_text_column p a:not([class]):hover { color: #555; }
