Archives des Habitat

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#FCB900 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #FCB900 !important; border-color: #FCB900 !important; } .text-primary, .filters_col .distance span { color: #FCB900 !important; } .btn-outline-primary { color: #FCB900 !important; border-color: #FCB900 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #FCB900 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #FCB900!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#7A4111 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #7A4111 !important; border-color: #7A4111 !important; } .text-secondary { color: #7A4111 !important; } .text-secondary a { color: #7A4111 !important; } .btn-outline-secondary { color: #7A4111 !important; border-color: #7A4111 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #7A4111 !important; background-color: #7A4111 !important; } .single-listing_type [ppt-box] { color:#000000!important; } .card-filter .card-title { border:0px; } /* Forcer le retour à la ligne pour les textes tapés par le client */ body.single-listing_type .small.mt-2.opacity-5 { white-space: pre-line !important; /* respecte les retours à la ligne du client */ word-break: break-word !important; /* permet de casser les mots trop longs si besoin */ } /* Réduire un peu la taille du texte "Ajouter aux favoris" */ .button_user_add span { font-size: 1rem !important; /* ajuste la valeur selon ton besoin */ } /* Masquer le compteur de vues sur toutes les annonces */ body.single-listing_type div.mr-3 { display: none !important; } /* Bouton "Visiter le site web" – toutes les annonces */ a[href*="/out/"][href*="/website/"] { font-weight: 800 !important; font-size: 1rem !important; } /* Bouton unique "Envoyer un message" */ a.btn-send-msg { background-color: #7A4111 !important; /* fond marron */ color: #ffffff !important; /* texte blanc */ border-color: #7A4111 !important; /* bordure marron */ } /* Texte à l’intérieur du bouton */ a.btn-send-msg span { color: #ffffff !important; } @media (max-width: 767px) { /* Ajoute un espace uniquement après la 1ère card */ body.postid-8839 .col-12 > .row > .col-md-4:first-child .p-4.text-center { margin-bottom: 18px !important; /* ajuste la valeur selon ton besoin */ } /* Les 2ème et 3ème card restent inchangées */ } .navbar-brand-light { max-width: 180px; /* taille max sur desktop */ height: auto; width: auto; /* laisse le responsive fonctionner */ } /* Réduction sur mobile */ @media (max-width: 768px) { .navbar-brand-light { width: 180px; /* un peu plus petit sur mobile */ } } /* Descendre légèrement le logo sur desktop */ .navbar-brand-light.img-fluid { margin-top: 5px; /* augmente pour descendre le logo */ } /* Optionnel : ne l’appliquer que sur desktop (>768px) */ @media (min-width: 769px) { .navbar-brand-light.img-fluid { margin-top: 5px; /* ajuste selon ton besoin, ex : 8px si tu veux plus bas */ } } /* Centre parfaitement les icônes alertes et menu avec le logo sur mobile */ .show-mobile .icon-notify, .show-mobile .menu-toggle { display: flex; align-items: center; margin-top: auto; margin-bottom: auto; } /* Ajustement fin si nécessaire */ .show-mobile .icon-notify svg, .show-mobile .menu-toggle svg { vertical-align: middle; /* assure que le SVG est centré */ } .show-mobile .icon-notify, .show-mobile .menu-toggle { transform: translateY(4px); /* baisse les icônes de 2px pour aligner avec logo */ } .cn-set-cookie.cn-button { color: #ffffff !important; } .cn-privacy-policy-link { color: #353535 !important; } .owl-item .bg-content { height: 280px; display: flex; /* active le centrage avec flex */ align-items: center; /* centre verticalement */ justify-content: center; /* centre horizontalement */ overflow: hidden; /* évite tout débordement */ } .owl-item .bg-content img { height: 100%; object-fit: cover; object-position: center; /* centre l’image à l’intérieur du carré */ display: block; } /* à la ligne par nous */ @media (max-width: 768px) { .home h1 { white-space: pre-line; } } /* Forcer le retour à la ligne sur mobile pour cette page */ @media (max-width: 768px) { body.page-id-6949 .break-word { display: block; /* force le mot à être à la ligne */ } } /* opacité catégories accueil */ .bg-overlay-dark { background: rgba(0,0,0,0.3) !important; } /* gras catégorie */ .home .txtwrap .fs-6 { font-size: 20px !important; font-weight: 700 !important; } /* Centre horizontalement uniquement le nom de la catégorie */ .home .txtwrap { left: 0 !important; right: 0 !important; margin: 0 auto !important; text-align: center !important; position: absolute; /* garde la position d'origine */ width: 100%; /* prend toute la largeur du conteneur */ } @media (min-width: 769px) { button.btn-primary[data-ppt-btn] { font-weight: 700 !important; } } /* Bouton CONTACTER */ a.btn-send-msg, a.btn-send-msg span { font-weight: 700 !important; } /* Bouton Rejoignez-nous */ .input-group-append button.btn, .input-group-append button.btn span { font-weight: 700 !important; } /* Ruban Prenez la main */ span.featuredribbion.bg-success { font-size: 10px !important; } /* Supprimer la ligne sous le header principal */ header .row.border-bottom { border-bottom: none !important; } /* Arrondir le bouton “Je consulte la MAP 🌍” */ a.btn-system[data-ppt-btn][href*="map"] { border-radius: 10px !important; /* augmente la valeur pour plus d’arrondi */ font-weight: 700 !important; /* rend le texte gras */ } .mapviewicon { display:none!important; } /*Cible uniquement les h1 des listings (fs-lg text-600) Mobile par défaut */ h1.fs-lg.text-600 { font-weight: 900 !important; font-size: 1.8rem !important; /* mobile */ } /* Desktop uniquement */ @media (min-width: 769px) { h1.fs-lg.text-600 { font-size: 2.4rem !important; /* desktop */ } } /* Réduit l'espace entre le titre et la barre d'actions */ h1.fs-lg.text-600 + .download-bar { margin-top: 0.2rem !important; /* ajuste la valeur comme tu veux */ } /* Desktop – titre des listings */ .fs-5.text-600.py-2.lh-30 a._adtitle { font-weight: 800 !important; /* gras bien visible */ color: #000 !important; /* couleur noire */ } /* Mobile – titre des listings */ .fs-14.text-600 { font-weight: 800 !important; /* gras bien visible */ color: #000 !important; /* couleur noire */ } /* Masquer le nombre de vues sur mobile */ @media (max-width: 768px) { .show-mobile .text-truncate { display: none !important; } } /* Bouton Instagram uniquement dans le contenu des annonces, pas le footer */ body.single-listing_type main#page-content-wrapper a[href*="instagram.com"] { background-color: white !important; /* fond blanc */ color: black !important; /* texte noir */ border: 1px solid #ccc !important; /* bordure grise */ transition: background-color 0.3s ease; } body.single-listing_type main#page-content-wrapper a[href*="instagram.com"]:hover { background-color: #f0f0f0 !important; /* léger gris au hover */ color: black !important; } /* Page Account - Tous les blocs principaux */ body.page-id-6934 a.page-link-dashboard .text-600.mb-2, body.page-id-6934 a.page-link-listings .text-600.mb-2, body.page-id-6934 a.page-link-messages .text-600.mb-2, body.page-id-6934 a.page-link-membership .text-600.mb-2, body.page-id-6934 a.page-link-orders .text-600.mb-2, body.page-id-6934 a.page-link-details .text-600.mb-2, body.page-id-6934 a.page-link-comments .text-600.mb-2 { color: #333333 !important; /* titre gris foncé doux */ } body.page-id-6934 a.page-link-dashboard .opacity-5.text-400.small, body.page-id-6934 a.page-link-listings .opacity-5.text-400.small, body.page-id-6934 a.page-link-messages .opacity-5.text-400.small, body.page-id-6934 a.page-link-membership .opacity-5.text-400.small, body.page-id-6934 a.page-link-orders .opacity-5.text-400.small, body.page-id-6934 a.page-link-details .opacity-5.text-400.small, body.page-id-6934 a.page-link-comments .opacity-5.text-400.small { color: #333333 !important; /* sous-texte gris foncé doux */ } /* Icônes du menu dashboard uniquement */ .page-id-6934 ._content [ppt-icon-24] svg { stroke: #FFC107; /* jaune doux */ } /* Masquer complètement les cards “Mes projets / Mes factures / Inscriptions views” */ .imgbox1 { display: none !important; visibility: hidden !important; } /* ================= SEARCHBOX GLOBAL ================= */ .searchbox-bg { background: #FFFFFF; padding: 10px; border-radius: 16px; box-shadow: 0px 6px 20px rgba(0,0,0,0.06); box-sizing: border-box; } /* Champs et boutons */ .ppt-search-inline .form-control, .ppt-search-inline select, .ppt-search-inline .btn { height: 55px !important; border-radius: 10px !important; font-size: 15px; padding-left: 15px; border: 1px solid #EAEAEA !important; background: #FFFFFF !important; box-sizing: border-box; font-size: 16px; /* ← taille du texte */ } /* Focus input */ .ppt-search-inline .form-control:focus, .ppt-search-inline select:focus { border-color: #CFCFCF !important; box-shadow: none !important; } /* Bouton RECHERCHER jaune */ .ppt-search-inline .btn.btn-primary { background-color: #FFC107 !important; color: #fff !important; border-color: #FFC107 !important; font-weight: 700 !important; letter-spacing: 0.5px; } /* Ombre élégante bouton RECHERCHER */ .ppt-search-inline .btn-primary { box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); transition: box-shadow 0.2s ease; } /* Effet au survol */ .ppt-search-inline .btn-primary:hover { box-shadow: 0 0 16px rgba(0, 0, 0, 0.18); transform: translateY(-2px); } /* Conteneur flex */ .ppt-search-inline .row { display: flex; align-items: stretch; gap: 12px; /* gap uniforme desktop */ } /* Ajustement icône loupe si présente */ .ppt-search-inline .form-input span { top: 16px !important; } /* ================= MOBILE RESPONSIVE ================= */ @media (max-width: 768px) { /* Supprimer marges indésirables */ .ppt-search-inline .col.mb-3, .ppt-search-inline .col-md-3.mb-3, .ppt-search-inline .col-sm-6.mb-3 { margin-bottom: 0 !important; } /* Empilement vertical des champs */ .ppt-search-inline .row { flex-direction: column; gap: 12px !important; } /* Champs et boutons full width */ .ppt-search-inline .form-control, .ppt-search-inline select, .ppt-search-inline .btn { width: 100% !important; height: 50px !important; /* plus compact sur mobile */ } } @media (min-width: 992px) { /* Supprime toute marge parasite */ .ppt-search-inline .form-input { margin: 0 !important; padding: 0 !important; width: 100% !important; } /* Force les colonnes à ne pas avoir de padding latéral Bootstrap */ .ppt-search-inline .row > div { padding-left: 4px !important; padding-right: 4px !important; } } /* Masque l’option vide "Sélection" */ .ppt-search-inline select option[value=""] { display: none; } /* Cache toute la galerie d'avatars */ input[name="myavatar"], input[name="myavatar"] + figure, div.row > div.col-4.col-md-2 { display: none !important; } /* Si ton champ d'upload a une classe spécifique, on le laisse visible */ input[type="file"]#myavatar_upload { display: block !important; } /* Cache le label "Avatar" */ div[ppt-flex-between] > label { display: none !important; } /* Cacher complètement la galerie d'avatars et le label */ .user_form > .row { display: none; /* cache toute la rangée qui contient les avatars */ } /* Cacher aussi le label "Avatar" si nécessaire */ .user_form label { display: none; } /* Réajuster l'espacement des autres champs */ .user_form .row:not(:has(input[name="myavatar"])) { margin-top: 0; /* optionnel, pour enlever les marges éventuelles */ } .page-id-6949 div.text-700.mb-2.text-black.h1.text-800 { line-height: 1.1 !important; } .page-id-6949 h2.text-secondary.h1.text-800 { font-size: 2.5rem; /* ou la valeur exacte de text-700 si connue */ font-weight: 700; /* correspond à text-700 */ line-height: 1.2; /* identique au premier titre */ margin-bottom: 0.5rem; /* correspond à mb-2 */ } @media (max-width: 767px) { .page-id-6949 a.btn-ppt.btn-lg.btn-secondary { margin-bottom: 2rem; } } .archive h1.fs-md.mb-2.mt-1.text-600, .search-results h1.fs-md.mb-2.mt-1.text-600 { font-weight: 800 !important; margin-top: 1.5rem !important; } @media (max-width: 767px) { .ajax-search-found { display: inline-block; } .text-center.small.opacity-5.mt-n4.tiny.text-uppercase { margin-bottom: 1.5rem; }