/* WebTic - feuille commune « sobre » pour les pages produit (APERCU, non publiee). Creee le 2026-10-21.
   Principe : marine #1e2a4a + UN accent corail, fonds neutres, aucun degrade, aucune ombre, aucune animation de survol.
   Se charge APRES les feuilles du site ; ne change ni textes, ni prix, ni liens, ni donnees structurees.
   Mode sombre : memes jetons en version sombre. Contrastes mesures (voir INVENTAIRE.md). */
:root{--so-navy:#1e2a4a;--so-accent:#b33a4e;--so-accent-h:#9c3043;--so-bg:#fff;--so-soft:#f6f7fb;--so-line:#dee3ee;--so-text:#1f2937;--so-muted:#515b76;--so-tint:#fbeff1}
html[data-theme=dark]{--so-navy:#141b2c;--so-accent:#c9485b;--so-accent-h:#b53d4e;--so-bg:#0e1525;--so-soft:#141b2c;--so-line:#27304a;--so-text:#e8ecf4;--so-muted:#aab3c5;--so-tint:#2a1c27}
/* Heros : marine uni, pastille sans flou */
html body .wt-pg-hero{background:var(--so-navy)!important}
html body .wt-pg-badge{background:transparent;backdrop-filter:none;border:1px solid rgba(255,255,255,.35);letter-spacing:.06em}
/* Cartes et tableaux : fond neutre, bordure fine, aucune ombre */
html body .wt-feat-card,html body .wt-price-card,html body .wt-pg-table-scroll{box-shadow:none!important;border:1px solid var(--so-line)!important;border-radius:12px;background:var(--so-bg)}
html[data-theme=dark] body .wt-feat-card,html[data-theme=dark] body .wt-price-card,html[data-theme=dark] body .wt-pg-table-scroll{background:var(--so-soft)!important}
html body .wt-feat-card h3{border-bottom:1px solid var(--so-line);padding-bottom:10px}
html body .wt-price-card:hover{transform:none;box-shadow:none}
html body .wt-price-card.popular{border:1px solid var(--so-accent)!important}
html body .wt-price-card .pop-banner{background:var(--so-accent)}
html body table.wt-pg tbody tr.popular{background:var(--so-tint)!important}
html[data-theme=dark] body table.wt-pg tbody tr.popular{background:var(--so-tint)!important}
html body table.wt-pg tbody tr:not(.popular):hover{background:var(--so-soft)!important}
html body table.wt-pg thead tr{background:var(--so-navy)}
html[data-theme=dark] body table.wt-pg thead tr{background:#0b1020}
html body table.wt-cmp thead th.wt-cmp-reco{background:var(--so-accent)}
html body table.wt-cmp td.wt-cmp-reco{background:var(--so-tint)}
/* Titres : meme taille, meme couleur partout */
html body .wt-feats-title{font-size:1.5rem;font-weight:700;color:var(--so-navy)}
html[data-theme=dark] body .wt-feats-title{color:var(--so-text)}
/* Coches : couleur neutre (plus de vert) */
html body .wt-check{color:var(--so-navy)}
html[data-theme=dark] body .wt-check{color:#9fb0d6}
/* Boutons : un seul style plein corail, un seul style contour */
html body .wt-buy,html body .wt-cta a{background:var(--so-accent);color:#fff!important;border-radius:8px;transition:background .15s}
html body .wt-buy:hover,html body .wt-cta a:hover{background:var(--so-accent-h);transform:none}
html body a.wt-buy-o{border:1px solid var(--so-accent);color:var(--so-accent)!important;border-radius:8px}
html[data-theme=dark] body a.wt-buy-o{color:#e5758a!important;border-color:#e5758a}
html body a.wt-buy-o:hover{background:var(--so-accent);color:#fff!important}
/* Bandeau d'appel : marine uni */
html body .wt-cta{background:var(--so-navy)}
/* Liens de texte : accent unique */
html body .wt-lead a,html body .wt-feat-card p a{color:var(--so-accent)}
html[data-theme=dark] body .wt-lead a,html[data-theme=dark] body .wt-feat-card p a{color:#e5758a}
@media (prefers-reduced-motion:no-preference){html body .wt-buy,html body .wt-cta a{transition:background .15s}}
/* Notes sous les tableaux : texte simple, sans bandeau gris ; liens de « Voir aussi » et de la bande de confiance : couleur du texte (plus de bleu) */
html body .wt-pg-note{background:transparent!important;border:0!important}
html body .wt-voir-aussi h3 a,html body .wt-conf a{color:var(--so-text)!important}
html body .wt-voir-aussi h3 a:hover,html body .wt-conf a:hover{color:var(--so-accent)!important}
html[data-theme=dark] body .wt-voir-aussi h3 a:hover,html[data-theme=dark] body .wt-conf a:hover{color:#e5758a!important}

/* ===== LOT A (2026-10-21) ===== */
/* Icône au trait (badge du hero, repères de confiance) */
.wt-ico{width:1.1em;height:1.1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.18em}
html body .wt-pg-badge,html body .p3cx-badge{display:inline-flex;align-items:center;gap:8px;background:transparent;backdrop-filter:none;border:1px solid rgba(255,255,255,.35)}
/* Premier écran : prix + gros bouton + repères réels */
.wt-hero-cta{margin:26px auto 0;max-width:720px}
.wt-hero-price{margin:0 0 14px!important;max-width:none!important;color:#fff!important;font-size:1.15rem!important}
.wt-hero-price strong{font-size:2.1rem;font-weight:800;color:#fff;letter-spacing:-.5px}
.wt-hero-price span{opacity:.9}
.wt-hero-btns{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 22px}
html body a.wt-hero-buy{padding:15px 38px;font-size:1.1rem;font-weight:700;border-radius:10px;min-height:52px;line-height:1.2}
html body a.wt-hero-more{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px;font-weight:600;font-size:.95rem;padding:10px 4px}
html body a.wt-hero-more:hover{color:#fff!important;text-decoration-thickness:2px!important}
.wt-hero-trust{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:.88rem;font-weight:600;color:#fff}
.wt-hero-trust li{display:inline-flex;align-items:center;gap:7px}
.wt-hero-trust .wt-ico{width:18px;height:18px}
html body .wt-pg-hero p{color:#fff}
html body .wt-pg-hero p a{color:#fff!important;text-decoration:underline}
html body .wt-pg-hero a:focus-visible,html body .wt-pg-hero .wt-buy:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* Tableaux de prix lisibles sur téléphone : cartes empilées (colonne « Service » toujours visible) */
@media (max-width:640px){
 html body .wt-pg-table-scroll:has(table.wt-cards){overflow:visible;border:0!important;background:transparent!important;border-radius:0}
 html body table.wt-cards{display:block;min-width:0!important;width:100%}
 html body table.wt-cards thead{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
 html body table.wt-cards tbody{display:block}
 html body table.wt-cards tbody tr{display:block;padding:14px 16px;margin:0 0 12px;border:1px solid var(--so-line)!important;border-radius:12px;background:var(--so-bg)}
 html[data-theme=dark] body table.wt-cards tbody tr{background:var(--so-soft)}
 html body table.wt-cards tbody tr.popular{border-color:var(--so-accent)!important;background:var(--so-tint)}
 html body table.wt-cards tbody td{display:flex;justify-content:flex-end;align-items:baseline;gap:4px;padding:6px 0!important;text-align:right!important;border:0}
 html body table.wt-cards tbody td:first-child{display:block;text-align:left!important;padding-bottom:10px!important;border-bottom:1px solid var(--so-line);margin-bottom:4px}
 html body table.wt-cards tbody td[data-label]::before{content:attr(data-label);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--so-muted);text-align:left;margin-right:auto}
 html body table.wt-cards tbody td:last-child{display:block;padding-top:12px!important}
 html body table.wt-cards tbody td:last-child a{display:block;text-align:center;padding:13px 18px;font-size:1rem;min-height:48px}
 html body table.wt-cards .wt-price-sub{display:inline;margin-left:3px}
}
/* Tableaux comparatifs et grands tableaux : défilement horizontal visible (ombre au bord) et 1re colonne fixe */
html body .wt-pg-table-scroll{background:linear-gradient(90deg,var(--so-bg) 30%,transparent),linear-gradient(90deg,transparent,var(--so-bg) 70%) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(30,42,74,.10),transparent),radial-gradient(farthest-side at 100% 50%,rgba(30,42,74,.10),transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll;-webkit-overflow-scrolling:touch}
html[data-theme=dark] body .wt-pg-table-scroll{background:linear-gradient(90deg,var(--so-soft) 30%,transparent),linear-gradient(90deg,transparent,var(--so-soft) 70%) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.6),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.6),transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}
html body table.wt-cmp tbody th{position:sticky;left:0;background:var(--so-bg);z-index:1}
html[data-theme=dark] body table.wt-cmp tbody th{background:var(--so-soft)}
/* Pages 3CX (gabarit p3cx-*) : mêmes jetons */
html body .p3cx-hero{background:var(--so-navy)}
html body .p3cx-hero h1,html body .p3cx-hero p{color:#fff}
html body .p3cx-buy,html body .p3cx-cta a{background:var(--so-accent);color:#fff!important;border-radius:8px;transform:none}
html body .p3cx-buy:hover,html body .p3cx-cta a:hover{background:var(--so-accent-h);transform:none}
html body .p3cx-cta{background:var(--so-navy)}
html body .p3cx-table-scroll{box-shadow:none!important;border:1px solid var(--so-line)!important;border-radius:12px;background:var(--so-bg)}
html[data-theme=dark] body .p3cx-table-scroll{background:var(--so-soft)!important}
html body table.p3cx thead tr{background:var(--so-navy)}
html[data-theme=dark] body table.p3cx thead tr{background:#0b1020}
html body table.p3cx tbody tr.p3cx-popular{background:var(--so-tint)!important}
html body .p3cx-popular-badge,html body .wt-badge-pop{background:var(--so-accent)}
html body .p3cx-feat-card{box-shadow:none!important;border:1px solid var(--so-line)}
html body .p3cx-feat-card h3,html body .p3cx-feat-card h3.basic,html body .p3cx-feat-card h3.pro,html body .p3cx-feat-card h3.entia,html body .p3cx-feat-card h3.entplus{border-bottom:1px solid var(--so-line)}
html body .p3cx-check{color:var(--so-navy)}
html[data-theme=dark] body .p3cx-check{color:#9fb0d6}
html body .p3cx-x{color:var(--so-muted)}
html body .p3cx-features h2{color:var(--so-navy)}
html[data-theme=dark] body .p3cx-features h2{color:var(--so-text)}
html body .p3cx-price-annual{color:var(--so-muted)}
html body .p3cx-cb-wrap input:checked+.p3cx-cb-slider{background:var(--so-navy)}
html[data-theme=dark] body .p3cx-cb-wrap input:checked+.p3cx-cb-slider{background:#9fb0d6}
/* Pastille « -x % » du bouton annuel et bandeau d'hébergement : plus de vert */
html body #lbl-an small{background:var(--so-accent)!important;color:#fff!important}
html body .wt-3cx-hosting-banner{background:var(--so-soft);border:1px solid var(--so-line)}
@media (max-width:640px){
 html body table.wt-cmp{min-width:480px!important;font-size:.82rem}
 html body table.wt-cmp thead th:first-child{min-width:100px!important}
 html body table.wt-cmp thead th{padding:12px 8px;font-size:.7rem;white-space:normal}
 html body table.wt-cmp tbody th{font-size:.8rem;padding:10px 10px}
 html body table.wt-cmp tbody td{padding:10px 8px}
}
html[data-theme=dark] body .wt-pg-note{background:transparent!important;border:0!important;color:var(--so-muted)!important}
/* Tableau 3CX : défilement horizontal visible sur téléphone (ombre au bord, 1re colonne fixe) */
html body .p3cx-table-scroll{background:linear-gradient(90deg,var(--so-bg) 30%,transparent),linear-gradient(90deg,transparent,var(--so-bg) 70%) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(30,42,74,.10),transparent),radial-gradient(farthest-side at 100% 50%,rgba(30,42,74,.10),transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll}
html[data-theme=dark] body .p3cx-table-scroll{background:linear-gradient(90deg,var(--so-soft) 30%,transparent),linear-gradient(90deg,transparent,var(--so-soft) 70%) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.6),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.6),transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll}
html body table.p3cx tbody td:first-child,html body table.p3cx thead th:first-child{position:sticky;left:0;z-index:1}
html body table.p3cx tbody td:first-child{background:var(--so-bg)}
html[data-theme=dark] body table.p3cx tbody td:first-child{background:var(--so-soft)}
html body table.p3cx tbody tr.p3cx-popular td:first-child{background:var(--so-tint)}
html body table.p3cx thead th:first-child{background:var(--so-navy)}
html[data-theme=dark] body table.p3cx thead th:first-child{background:#0b1020}
/* 3CX sur téléphone : une carte par taille (prix de l'édition choisie toujours visible) */
@media (max-width:640px){
 html body .p3cx-table-scroll{overflow:visible;border:0!important;background:transparent!important;border-radius:0}
 html body table.p3cx{display:block;min-width:0!important;width:100%}
 html body table.p3cx thead{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
 html body table.p3cx tbody{display:block}
 html body table.p3cx tbody tr{display:block;padding:14px 16px;margin:0 0 12px;border:1px solid var(--so-line)!important;border-radius:12px;background:var(--so-bg)}
 html[data-theme=dark] body table.p3cx tbody tr{background:var(--so-soft)}
 html body table.p3cx tbody tr.p3cx-popular{border-color:var(--so-accent)!important;background:var(--so-tint)!important}
 html body table.p3cx tbody td{display:flex;justify-content:flex-end;align-items:baseline;gap:6px;padding:6px 0!important;text-align:right!important;border:0;position:static!important;background:transparent!important}
 html body table.p3cx tbody td:first-child{display:block;text-align:left!important;padding-bottom:10px!important;border-bottom:1px solid var(--so-line);margin-bottom:4px}
 html body table.p3cx tbody td:nth-child(2)::before{content:"Max utilisateurs"}
 html body table.p3cx tbody td:nth-child(3)::before{content:"Extensions"}
 html body table.p3cx tbody td.p3cx-price-cell::before{content:"Prix annuel"}
 html body table.p3cx tbody td.p3cx-hosting-col::before{content:"Hébergement inclus"}
 html body table.p3cx tbody td:nth-child(n+2)::before{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--so-muted);margin-right:auto;text-align:left}
 html body table.p3cx tbody td.p3cx-price-cell:not([style*="table-cell"]){display:none!important}
 html body table.p3cx tbody td.p3cx-price-cell[style*="table-cell"]{display:flex!important}
 html body table.p3cx .p3cx-price{display:inline}
 html body table.p3cx tbody td.p3cx-hosting-col{align-items:center}
 html body table.p3cx tbody td.p3cx-cmd-col{display:block;padding-top:12px!important}
 html body table.p3cx .p3cx-buy[style*="inline-block"]{display:block!important;width:100%;padding:13px 18px;font-size:1rem;min-height:48px}
}
html:not([data-theme=dark]) body .p3cx-price-annual{color:var(--so-muted)!important}
/* Textes verts écrits en ligne dans les tableaux (économie annuelle, etc.) : couleur neutre */
html body [style*="10b981"]{color:var(--so-navy)!important}
html[data-theme=dark] body [style*="10b981"]{color:#9fb0d6!important}
/* Tableaux à beaucoup de colonnes (VPS, VDS) sur téléphone : spécifications en 2 colonnes, prix et bouton en pleine largeur */
@media (max-width:640px){
 html body table.wt-cards-many tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
 html body table.wt-cards-many tbody td{display:block;text-align:left!important;padding:6px 0!important}
 html body table.wt-cards-many tbody td[data-label]::before{display:block;margin:0 0 2px}
 html body table.wt-cards-many tbody td:first-child{grid-column:1/-1}
 html body table.wt-cards-many tbody td:nth-last-child(2){grid-column:1/-1;display:flex;justify-content:flex-end;align-items:baseline;gap:4px;border-top:1px solid var(--so-line);margin-top:6px;padding-top:12px!important}
 html body table.wt-cards-many tbody td:last-child{grid-column:1/-1}
}
/* Icônes de titres de section et bandeau 3CX */
.wt-pg-section-head h2 .wt-ico{width:1.2em;height:1.2em;margin-right:6px;vertical-align:-.2em}
.wt-3cx-hb-icon .wt-ico{width:1.8rem;height:1.8rem}
/* Serveurs dédiés : cartes sobres */
html body .wt-ded-card{box-shadow:none!important;border:1px solid var(--so-line)!important;border-radius:12px;background:var(--so-bg);transition:none}
html[data-theme=dark] body .wt-ded-card{background:var(--so-soft)!important}
html body .wt-ded-card:hover{box-shadow:none!important;transform:none}
html body .wt-ded-card.popular{border:1px solid var(--so-accent)!important}
html body .wt-ded-pop{background:var(--so-accent)}
html body .wt-ded-badge{background:var(--so-soft);color:var(--so-navy);border:1px solid var(--so-line)}
html[data-theme=dark] body .wt-ded-badge{color:var(--so-text)}
html body .wt-ded-card h3,html body .wt-ded-cpu strong{color:var(--so-navy)}
html[data-theme=dark] body .wt-ded-card h3,html[data-theme=dark] body .wt-ded-cpu strong{color:var(--so-text)}
html body .wt-ded-contact{color:var(--so-muted)}
html body .wt-ded-contact:hover{color:var(--so-accent)}
/* Onglets du hero (VPS / VDS / dédiés) : pastilles contour blanc, onglet actif plein blanc */
html body .wt-pg-hero .wt-pg-tab-link{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.45)}
html body .wt-pg-hero .wt-pg-tab-link:hover,html body .wt-pg-hero .wt-pg-tab-link.active{background:#fff;color:var(--so-navy)!important;border-color:#fff}
/* Valeurs techniques des tableaux et cartes : texte neutre (plus de vert) */
html:not([data-theme=dark]) body td .wt-spec,html:not([data-theme=dark]) body .wt-ded-spec span{color:var(--so-text)!important}
html:not([data-theme=dark]) body .wt-ded-spec[style*="10b981"]{color:var(--so-text)!important}
/* Téléphone : premier écran plus compact pour que le bouton Commander reste visible */
@media (max-width:640px){
 html body .wt-pg-hero,html body .p3cx-hero{padding:26px 16px 26px}
 html body .wt-pg-hero h1,html body .p3cx-hero h1{font-size:1.65rem;line-height:1.2}
 html body .wt-pg-hero p,html body .p3cx-hero p{font-size:1rem;line-height:1.5}
 html body .wt-pg-badge,html body .p3cx-badge{margin-bottom:12px}
 .wt-hero-cta{margin-top:18px}
 .wt-hero-price{font-size:1.05rem!important;margin-bottom:10px!important}
 .wt-hero-price strong{font-size:1.9rem}
 html body a.wt-hero-buy{padding:14px 30px}
 .wt-hero-trust{margin-top:14px;gap:6px 16px;font-size:.84rem}
}