/* Pages publiques de l'API (accueil, politique de confidentialité) : même identité que les e-mails et les PDF (D-055, D-066)
   bandeau graphite, logo et nom centrés, filet orange, cartes blanches sur fond gris clair */
:root{
	--encre:#111114;
	--texte:#2A2A33;
	--gris:#6B6B76;
	--gris-clair:#8A8A94;
	--trait:#E6E6EB;
	--fond:#F2F2F5;
	--carte:#FFFFFF;
	--orange:#F7931A;
}
html{ -webkit-text-size-adjust:100%; }
body{
	margin:0;
	background:var(--fond);
	color:var(--texte);
	font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	font-size:15px;
	line-height:1.6;
}
a{ color:#B86A0C; }
a:hover{ color:var(--orange); }

/* en-tête */
.site-entete{ background:var(--encre); border-bottom:4px solid var(--orange); text-align:center; padding:20px 16px; }
.site-entete a{ display:inline-flex; align-items:center; gap:12px; text-decoration:none; }
.site-entete .site-logo{ width:44px; height:44px; }
.site-entete .site-nom{ width:147px; height:32px; }

/* langues */
.site-langues{ max-width:900px; margin:14px auto 0; padding:0 16px; text-align:right; font-size:13px; color:var(--gris-clair); }
.site-langues a{ color:var(--gris); text-decoration:none; padding:2px 4px; border-radius:4px; }
.site-langues a.actif{ color:var(--encre); font-weight:700; background:var(--carte); }

/* contenu */
.site-page{ max-width:900px; margin:0 auto; padding:0 16px 8px; }
.site-carte{ background:var(--carte); border-radius:12px; padding:28px 32px; margin:16px 0; box-shadow:0 1px 2px rgba(17,17,20,.05); }
.site-carte h1{ margin:0 0 4px; font-size:26px; line-height:1.25; color:var(--encre); }
.site-carte .site-sous-titre{ margin:0 0 8px; font-size:13px; color:var(--gris); }
.site-carte h2{ margin:26px 0 8px; padding-left:10px; border-left:4px solid var(--orange); font-size:18px; line-height:1.3; color:var(--encre); }
.site-carte h2:first-child{ margin-top:0; }
.site-carte p{ margin:0 0 10px; }
.site-carte ul{ margin:0 0 10px; padding-left:20px; }
.site-carte li{ margin-bottom:4px; }
.site-carte table{ width:100%; border-collapse:collapse; margin:4px 0 12px; font-size:14px; }
.site-carte th, .site-carte td{ text-align:left; vertical-align:top; padding:7px 8px; border-bottom:1px solid var(--trait); }
.site-carte th{ color:var(--gris); font-weight:600; font-size:13px; }

/* pied de page */
.site-pied{ text-align:center; color:var(--gris-clair); font-size:13px; padding:12px 16px 28px; }
.site-pied a{ color:var(--gris); }

/* téléphone */
@media (max-width:600px){
	.site-carte{ padding:20px 16px; border-radius:10px; }
	.site-carte h1{ font-size:22px; }
	.site-carte table, .site-carte thead, .site-carte tbody, .site-carte tr, .site-carte th, .site-carte td{ display:block; }
	.site-carte thead{ display:none; }
	.site-carte td{ border-bottom:none; padding:2px 0; }
	.site-carte tr{ border-bottom:1px solid var(--trait); padding:8px 0; }
}

/* accueil (index.php) */
.site-store{ margin:16px 0 0; text-align:center; }
.site-store img{ height:64px; width:auto; }
.site-captures{ display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:12px; }
.site-captures img{ width:100%; height:auto; border-radius:10px; border:1px solid var(--trait); display:block; }
/* bloc Premium (modèle de l'app, prévu pour un fond sombre) */
.site-premium .text-success{ color:#1F9D55 !important; }
.site-premium .tuile{ background:#FFF7EC !important; color:var(--texte) !important; border:1px solid #F5D7AE !important; border-radius:10px; margin-top:14px; }
.site-premium .text-primary{ color:#B86A0C !important; }
@media (max-width:600px){ .site-captures{ grid-template-columns:repeat(2, 1fr); } }
/* Bootstrap (chargé pour le bloc Premium) allège les titres : graisse rétablie */
.site-carte h1, .site-carte h2{ font-weight:700; }

/* section Premium : abonnement (N.9) */
.site-ab-accroche{ font-size:16px; color:var(--encre); }
.site-ab-offert{ display:inline-block; background:#FFF7EC; border:1px solid #F5D7A8; color:var(--encre); font-weight:700; border-radius:999px; padding:6px 14px; }
.site-ab-formules{ display:flex; gap:14px; margin:18px 0 6px; }
.site-ab-formule{ position:relative; flex:1 1 0; text-align:center; border:1px solid var(--trait); border-radius:14px; padding:20px 10px 14px; background:var(--carte); }
.site-ab-vedette{ border:2px solid var(--orange); background:#FFF7EC; }
.site-ab-badge{ position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--orange); color:var(--encre); font-weight:700; font-size:13px; padding:2px 12px; border-radius:999px; white-space:nowrap; }
.site-ab-nom{ text-transform:uppercase; letter-spacing:.06em; font-size:13px; font-weight:700; color:var(--gris); }
.site-ab-prix{ font-size:30px; font-weight:800; color:var(--encre); line-height:1.2; margin-top:4px; }
.site-ab-periode{ color:var(--gris); font-size:14px; }
.site-ab-equivalent{ color:#B86A00; font-weight:600; font-size:14px; margin-top:6px; min-height:1.4em; }
.site-ab-conseil{ font-size:12px; color:var(--gris); margin-top:4px; }
.site-ab-note{ font-size:12px; color:var(--gris); }
.site-ab-garanties{ list-style:none; padding-left:0 !important; }
.site-ab-garanties .ok, .site-ab-comparatif .ok{ color:#1F9D55; font-weight:700; }
.site-ab-comparatif .non{ color:var(--gris-clair); }
.site-ab-comparatif td:not(:first-child), .site-ab-comparatif th:not(:first-child){ text-align:center; width:90px; }
.site-ab-comparatif .site-ab-col{ background:#FFF7EC; }
.site-ab-comparatif th.site-ab-col{ color:#B86A00; }
.site-ab-question{ font-size:14px; }
.site-ab-android{ text-align:center; font-weight:600; color:var(--encre); margin-top:14px !important; }
@media (max-width:600px){
	.site-ab-formules{ gap:10px; }
	.site-ab-prix{ font-size:24px; }
	/* le comparatif garde sa forme de tableau sur téléphone (les autres tableaux du site passent en blocs) */
	.site-carte table.site-ab-comparatif{ display:table; }
	.site-carte .site-ab-comparatif thead{ display:table-header-group; }
	.site-carte .site-ab-comparatif tbody{ display:table-row-group; }
	.site-carte .site-ab-comparatif tr{ display:table-row; padding:0; }
	.site-carte .site-ab-comparatif th, .site-carte .site-ab-comparatif td{ display:table-cell; padding:6px 4px; border-bottom:1px solid var(--trait); }
	.site-ab-comparatif td:not(:first-child), .site-ab-comparatif th:not(:first-child){ width:58px; }
}