/* CleanMonAppart — feuille de style du plugin. Ecrite pour le balisage emis par inc/render.php. Le critical CSS (variables, body, .container, h1, .btn) est inline dans . */ h2{font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;color:var(--dark);font-weight:800;margin-bottom:14px} h3{font-size:1.05rem;line-height:1.35;color:var(--dark);font-weight:700;margin-bottom:8px} p{margin-bottom:14px} a{color:var(--primary)} ul,ol{margin:0 0 14px 1.15rem} li{margin-bottom:6px} strong{color:var(--dark)} :focus-visible{outline:3px solid var(--primary-light);outline-offset:2px} .sec{padding:44px 0;border-top:1px solid var(--gray-100)} .sec:nth-of-type(even){background:#F8FAFC} .sec-intro{color:var(--gray-600);margin-bottom:22px;max-width:70ch} .grid{display:grid;gap:18px} .grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))} .grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))} .grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))} .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96); backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--gray-200)} .header-inner{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px} .brand{display:inline-flex;align-items:center;flex:0 0 auto} .brand img{display:block;width:150px;height:40px;object-fit:contain} .main-nav{flex:1 1 auto} .main-nav ul{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0} .main-nav li{margin:0} .main-nav a{color:var(--gray-700);text-decoration:none;font-weight:600;font-size:.94rem; padding:8px 2px;display:inline-block;min-height:44px;line-height:28px} .main-nav a:hover{color:var(--primary)} .header-cta{display:flex;gap:10px;flex:0 0 auto;flex-wrap:wrap} .btn{border:0;cursor:pointer;font-size:.98rem;transition:transform .18s ease,opacity .18s ease} .btn:hover{transform:translateY(-1px);opacity:.94} .btn-primary{background:var(--primary);color:#fff} .btn-ghost{background:var(--gray-100);color:var(--dark)} .btn-whatsapp{background:#128C4A;color:#fff} .hero{padding:52px 0 36px;background:linear-gradient(180deg,#F1F5F9 0,#fff 100%)} .hero-sub{font-size:1.06rem;color:var(--gray-600);max-width:65ch;margin-bottom:22px} .hero-cta{display:flex;flex-wrap:wrap;gap:12px} .card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:22px} .card p{margin:0;color:var(--gray-600);font-size:.95rem} .case-study{background:#fff;border-left:4px solid var(--primary);border-radius:var(--radius); padding:24px;margin-bottom:16px;box-shadow:0 1px 3px rgba(15,23,42,.07)} .case-study h3{margin-bottom:10px} .case-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:14px} .case-meta span{font-size:.85rem;font-weight:600;color:var(--gray-500); background:var(--gray-100);border-radius:999px;padding:4px 12px} .case-study p{font-size:.94rem;color:var(--gray-600);margin-bottom:8px} .case-study p:last-child{margin-bottom:0} .avis-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:22px;margin:0} .avis-text{font-style:italic;color:var(--gray-600);font-size:.95rem;margin:0 0 14px;border:0;padding:0} .avis-author{display:flex;align-items:center;gap:10px;font-size:.9rem;flex-wrap:wrap} .avis-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff; display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto} .avis-name{font-weight:700;color:var(--dark)} .avis-location{color:var(--gray-500)} .faq-item{border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:10px;background:#fff;overflow:hidden} .faq-q{width:100%;text-align:left;background:none;border:0;cursor:pointer; font:inherit;font-weight:700;color:var(--dark);font-size:1rem; padding:16px 46px 16px 20px;min-height:48px;position:relative} .faq-q::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%); font-size:1.4rem;font-weight:700;color:var(--primary);line-height:1} .faq-q[aria-expanded="true"]::after{content:"\2212"} .faq-q:hover{background:var(--gray-100)} .faq-a{padding:0 20px 18px} .faq-a p{margin:0;color:var(--gray-600);font-size:.95rem} .faq-a[hidden]{display:none} #recap ol{padding-left:1.15rem} #recap li{color:var(--gray-600);font-size:.95rem;margin-bottom:10px} .maillage{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 16px} .maillage li{margin:0} .maillage a{display:inline-block;background:#fff;border:1px solid var(--gray-200); border-radius:999px;padding:9px 16px;font-size:.9rem;font-weight:600; text-decoration:none;color:var(--gray-700);min-height:40px;line-height:22px} .maillage a:hover{border-color:var(--primary);color:var(--primary)} .maillage-hub a{font-weight:700} .partner-card{display:block;background:#fff;border:1px solid var(--gray-200); border-radius:var(--radius);padding:20px;text-decoration:none; transition:transform .18s ease,border-color .18s ease} .partner-card:hover{transform:translateY(-2px);border-color:var(--primary)} .partner-card h3{color:var(--primary);margin-bottom:6px;font-size:1rem} .partner-card p{color:var(--gray-600);font-size:.9rem;margin:0} .sec-devis{background:var(--dark);color:#E2E8F0} .sec-devis h2{color:#fff} .devis-form{max-width:820px} .devis-form label{display:block;font-size:.88rem;font-weight:600;margin-bottom:6px;color:#CBD5E1} .devis-form input,.devis-form select,.devis-form textarea{ width:100%;padding:13px 14px;border-radius:10px;border:1px solid #334155; background:#0B1220;color:#fff;font:inherit;font-size:.98rem;min-height:48px} .devis-form input:focus,.devis-form select:focus,.devis-form textarea:focus{ outline:3px solid var(--primary-light);outline-offset:1px} .devis-form textarea{min-height:110px;resize:vertical} .devis-form .grid{margin-bottom:6px} .form-legal{font-size:.82rem;color:#94A3B8;max-width:60ch} .notice-ok{background:#047857;color:#fff;padding:14px 18px;border-radius:10px;font-weight:600} /* Honeypot : hors ecran, jamais display:none (les robots ignorent les champs masques). */ .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} .site-footer{background:var(--dark);color:#CBD5E1;padding:44px 0 24px} .site-footer h3{color:#fff;font-size:.98rem;margin-bottom:12px} .site-footer ul{list-style:none;margin:0} .site-footer a{color:#CBD5E1;text-decoration:none;font-size:.93rem} .site-footer a:hover{color:#fff;text-decoration:underline} .site-footer p{font-size:.93rem;color:#94A3B8} .copyright{margin:28px 0 0;padding-top:18px;border-top:1px solid #1E293B;font-size:.85rem} @media (max-width:768px){ .sec{padding:32px 0} .hero{padding:34px 0 26px} .header-inner{gap:10px} .main-nav{order:3;flex-basis:100%} .main-nav ul{gap:4px 14px} .header-cta{margin-left:auto} .header-cta .btn-ghost{display:none} .btn{padding:13px 18px;font-size:.94rem} .case-study{padding:18px} } @media (prefers-reduced-motion:reduce){ *{animation:none!important;transition:none!important} } /* ---------- Hero ---------- */ .hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center} .hero-txt{min-width:0} .hero-tag{display:inline-block;background:#DBEAFE;color:var(--primary-dark); font-size:.82rem;font-weight:700;padding:6px 14px;border-radius:999px;margin-bottom:14px} .hero-img img{width:100%;height:auto;border-radius:16px;display:block; box-shadow:0 10px 30px rgba(15,23,42,.14)} .hero-trust{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:22px 0 0; font-size:.9rem;color:var(--gray-600)} .hero-trust li{margin:0} .hero-trust strong{color:var(--dark)} /* ---------- Plateformes ---------- */ .sec-plateformes{padding:22px 0;background:#fff;border-top:0} .plateformes-titre{font-size:.8rem;font-weight:700;text-transform:uppercase; letter-spacing:.04em;color:var(--gray-600);margin-bottom:12px} .plateformes{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;margin:0} .plateformes li{margin:0;font-size:.86rem;font-weight:600;color:var(--gray-500); background:var(--gray-100);border-radius:6px;padding:6px 12px} /* ---------- Cartes service ---------- */ .service-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gray-200); border-radius:var(--radius);padding:22px;text-decoration:none; transition:transform .18s ease,border-color .18s ease} .service-card:hover{transform:translateY(-2px);border-color:var(--primary)} .service-card h3{color:var(--dark);margin-bottom:8px} .service-card p{color:var(--gray-600);font-size:.93rem;flex:1 1 auto} .service-prix{font-weight:800;color:var(--primary);font-size:.95rem;margin-top:10px} /* ---------- Processus ---------- */ .etapes{list-style:none;margin:0;display:grid;gap:16px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr))} .etapes li{margin:0;background:#fff;border:1px solid var(--gray-200); border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:6px} .etape-num{width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff; display:inline-flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:6px} .etapes strong{color:var(--dark);font-size:1rem} .etapes span:last-child{color:var(--gray-600);font-size:.92rem} /* ---------- Tableaux ---------- */ .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px} table{width:100%;border-collapse:collapse;background:#fff;font-size:.93rem;min-width:520px} caption{caption-side:bottom;text-align:left;font-size:.84rem;color:var(--gray-600); padding-top:10px;max-width:70ch} th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--gray-200)} thead th{background:var(--gray-100);color:var(--dark);font-weight:700;font-size:.88rem} tbody th{font-weight:700;color:var(--dark)} td{color:var(--gray-600)} .comparatif td.ok{color:var(--dark);font-weight:600} @media (max-width:860px){ .hero-inner{grid-template-columns:1fr;gap:24px} .hero-img{order:-1} } .tarifs tbody tr:nth-child(odd){background:#F8FAFC}