/* ===================================================================== Immo Taroudant — couche typographique 2026 (chargée en tout dernier) Objectif : lisibilité. Aucune couleur ni structure de page modifiée. - polices système cross-plateforme (Segoe UI n'existe pas sur Mac/iOS/Android) - taille minimale 13 px pour le texte utile (fiches, liens, aides) - grille des biens : cartes ≥ 270 px (fini les 6 colonnes de 206 px) - titres fluides (clamp) au lieu de tailles fixes ===================================================================== */ /* Polices : Manrope (interface) + Playfair Display (titres), chargées par typography.php. Si les polices web sont désactivées, les replis système prennent le relais. */ html body.imt-page{ --imt-font-sans: "Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; --imt-font-serif: "Playfair Display",Georgia,"Times New Roman",Times,serif; font-family: var(--imt-font-sans); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } html body.imt-page :where(input,select,textarea,button){font-family:inherit} /* ---------- Titres : Playfair Display, échelle fluide ---------- */ html body.imt-page :is(h1,h2,h3), html body.imt-page .imt-brand{font-family:var(--imt-font-serif)} html body.imt-page h1{font-weight:500;letter-spacing:-.02em} html body.imt-page :is(h2,h3){font-weight:500;letter-spacing:-.015em} html body.imt-page :where(h1,h2,h3){text-wrap:balance} /* ---------- Menu principal : Manrope ---------- Le CSS additionnel fixe le menu en Georgia avec !important : mêmes sélecteurs ici (chargés après) ; les tailles d'origine sont conservées. */ html body.imt-page #imt-navigation > .imt-menu > li > a, html body.imt-page:not(.page-id-24106) > header#imt-header-aligned.imt-header #imt-navigation > .imt-menu > li > a{ font-family:var(--imt-font-sans)!important; font-weight:600!important; letter-spacing:.005em!important; } html body.imt-page #imt-navigation > .imt-menu > li.current-menu-item > a, html body.imt-page:not(.page-id-24106) > header#imt-header-aligned.imt-header #imt-navigation > .imt-menu > li.current-menu-item > a{ font-weight:800!important; } html body.imt-page #imt-navigation .sub-menu a{font-family:var(--imt-font-sans)!important;font-weight:500} /* ---------- Boutons, sur-titres, prix : Manrope ---------- */ html body.imt-page .imt-button, html body.imt-page .imt-owner-action{font-family:var(--imt-font-sans);font-weight:700;letter-spacing:.01em} html body.imt-page .imt-eyebrow{font-family:var(--imt-font-sans);font-weight:700;letter-spacing:.14em} html body.imt-page .imt-price{font-family:var(--imt-font-sans);font-weight:800;letter-spacing:-.01em} html body.imt-page h3{font-size:clamp(1.3rem,1.05rem + .9vw,1.8rem)} /* Titres des cartes : Manrope (plus lisible qu'un serif à cette taille) */ html body.imt-page .imt-card-copy h2, html body.imt-page .imt-catalogue-grid .imt-card-copy > h2{ font-family:var(--imt-font-sans); font-size:clamp(15.5px,.9rem + .25vw,17px); line-height:1.3; font-weight:700; letter-spacing:-.01em; } /* ---------- Grille des biens : cartes plus larges ---------- */ /* Spécificité alignée sur « .imt-page .imt-catalogue-grid:not(.imt-results-list) » (la vue « liste » de la page des biens n'est pas concernée). */ @media (min-width:621px){ html body.imt-page .imt-catalogue-grid:not(.imt-results-list){ grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); } } @media (max-width:620px){ html body.imt-page .imt-catalogue-grid:not(.imt-results-list){grid-template-columns:1fr} } /* ---------- Fiches des biens : texte lisible (≥ 13 px) ---------- */ html body.imt-page .imt-catalogue-grid .imt-card-reference, html body.imt-page .imt-card-reference{font-size:13px;letter-spacing:.02em} html body.imt-page .imt-catalogue-grid .imt-status, html body.imt-page .imt-status{font-size:12px;letter-spacing:.04em} html body.imt-page .imt-catalogue-grid .imt-card-location, html body.imt-page .imt-catalogue-grid .imt-card-facts, html body.imt-page .imt-catalogue-grid .imt-card-facts *, html body.imt-page .imt-catalogue-grid .imt-card-copy li, html body.imt-page .imt-catalogue-grid .imt-card-copy p:not(.imt-price):not(.imt-card-reference){ font-size:13.5px; line-height:1.45; } html body.imt-page .imt-catalogue-grid .imt-price, html body.imt-page .imt-price{font-size:clamp(18px,1rem + .3vw,20px);line-height:1.25} html body.imt-page .imt-catalogue-grid .imt-card-copy > .imt-text-link, html body.imt-page .imt-catalogue-grid .imt-text-link, html body.imt-page .imt-catalogue-grid .imt-card-actions, html body.imt-page .imt-catalogue-grid .imt-card-actions *, html body.imt-page .imt-catalogue-grid [class*="action"] span{font-size:13px} /* ---------- Bandeau du haut, aides, petits textes ---------- */ html body.imt-page .imt-topline, html body.imt-page .imt-topline a, html body.imt-page .imt-topline span{font-size:13px} html body.imt-page #imt-main .imt-natural-help, html body.imt-page .imt-natural-help, html body.imt-page .imt-note, html body.imt-page .imt-origin, html body.imt-page .imt-map-credit{font-size:13.5px;line-height:1.5} html body.imt-page .imt-brand small{font-size:12px} /* Bandeau « Explorez Taroudant » (surchargé à 10–11 px dans le CSS additionnel) */ html body.home.imt-page > #imt-taroudant-map-top .imt-map-copy p{font-size:13px} /* Aide de la recherche IA dans le hero (12 px dans le CSS additionnel) */ html body.imt-page #imt-main .imt-hero-search .imt-natural-help, html body.home.imt-page #imt-main .imt-hero-search .imt-natural-help{font-size:13.5px;line-height:1.5} /* Petites mentions dans les cartes (« Conversions indicatives », bandeaux, avatar) */ html body.imt-page .imt-catalogue-grid small, html body.imt-page .imt-catalogue-grid .imt-origin small{font-size:12px} html body.imt-page .imt-card-image .imt-sidi-photo-banner, html body.imt-page .imt-mode-avatar .imt-avatar-name{font-size:12px} /* Note du convertisseur de devises (9 px) */ html body .itda-panel .itda-note{font-size:12px;line-height:1.4} html body.imt-page .imt-footer-bottom{font-size:13.5px} html body.imt-page .imt-footer p{font-size:15px;line-height:1.6} /* ---------- Formulaires Contact Form 7 ---------- */ /* Le conteneur des champs cachés de CF7 s'affichait comme un cadre vide (la feuille de style de CF7 n'est pas chargée). Les champs restent envoyés. */ html body .wpcf7 .hidden-fields-container{display:none} /* Newsletter « Recevez nos nouveaux biens » : CF7 ajoute un

et un
autour du champ et du bouton, ce qui cassait l'alignement côte à côte. */ html body .it-newsletter-controls > p{ position:relative; display:flex; align-items:center; justify-content:center; gap:10px; width:100%; margin:0; } html body .it-newsletter-controls > p > br{display:none} html body .it-newsletter-controls .wpcf7-form-control-wrap{flex:1 1 auto;min-width:0} html body .it-newsletter input[type="submit"]{ margin:0!important; flex:0 0 auto; cursor:pointer; transition:opacity .2s,transform .2s; } html body .it-newsletter input[type="submit"]:not(:disabled):hover{transform:translateY(-1px)} /* Bouton désactivé tant que la case de consentement n'est pas cochée */ html body .it-newsletter input[type="submit"]:disabled{opacity:.55;cursor:not-allowed} html body .it-newsletter .wpcf7-spinner{position:absolute;margin:0} html body .it-newsletter-consent{max-width:680px;margin:12px auto 0} html body .it-newsletter-consent label{gap:8px;cursor:pointer} @media (max-width:650px){ html body .it-newsletter-controls > p{flex-direction:column;align-items:stretch;gap:8px} html body .it-newsletter input[type="submit"]{width:100%!important} } /* ---------- Bouton WhatsApp flottant : design animé ---------- Le