/* =====================================================================
   Style « bleu » commun aux pages intérieures (UI UX Pro Max) :
   magasin, ebooks, qr-code, achats, convertisseur.
   Même palette que la page d'accueil : bleu nuit, bleu roi, bleu clair,
   turquoise en accompagnement. Polices : Rubik (titres) + Nunito Sans (texte).
   Chargé APRÈS le style propre à chaque page : il le remplace.
   Après toute modification, augmenter le numéro ?v= dans les 5 pages.
   ===================================================================== */
:root{
  --p:#1D4ED8;--p2:#1E40AF;
  --grad:linear-gradient(135deg,#1D4ED8 0%,#0891B2 100%);
  --bg:#F4F8FD;--ink:#0B1E3F;--gray:#475569;--line:#DCE6F3;--surface:#fff;
  --gold:#1D4ED8;--orange:#1D4ED8;   /* couleur des titres de cartes (ebooks, magasin) */
  --peche:#EFF6FF;--peche-bord:#BFDBFE;   /* anciens noms gardés : désormais bleu clair */
  --turq:#0E7490;--turq-bg:#ECFEFF;--turq-bord:#A5F3FC;
  --nuit:#0B1E3F;
}
body{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
h1,h2,h3,h4,.card-title,.card-head{font-family:'Rubik',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
:focus-visible{outline:2px solid #2563EB;outline-offset:2px}

/* ----- Bouton retour ----- */
.back{border-radius:10px;border:1px solid var(--line);box-shadow:0 1px 3px rgba(11,30,63,.1);font-weight:700;color:var(--ink);transition:border-color .18s,color .18s}
.back:hover{border-color:#93C5FD;color:var(--p)}

/* ----- Haut de page : bleu très clair avec fins points bleus ----- */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#EFF6FF 0%,#F7FAFF 70%,#F4F8FD 100%);color:var(--ink);border-bottom:1px solid var(--line)}
.hero::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(37,99,235,.16) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000 25%,transparent 80%)}
.hero::after{display:none}
.hero > *{position:relative;z-index:1}
.hero h1{color:var(--ink);font-weight:700;letter-spacing:-.03em}
.hero p{color:#475569;opacity:1}
.hero-badge{background:#fff;color:var(--p);border:1px solid var(--peche-bord);box-shadow:0 1px 2px rgba(11,30,63,.05);font-weight:700}
.hero-logo{background:#fff;border:1px solid var(--line)}

/* ----- Cartes ----- */
.card{border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(11,30,63,.05)}
.card-title,.card-head{color:var(--p)}
.notice{background:#EFF6FF;border-left-color:#2563EB;color:#1E3A8A}
.dev-foot{background:var(--nuit)}
.dev-socs a:hover{background:var(--p)}

/* ----- Achats ----- */
.step-num{box-shadow:none}
.site-tag:hover{background:var(--peche);border-color:var(--p)}
.conv-box{background:var(--peche);border:1px solid var(--peche-bord)}
.conv-box:hover{box-shadow:0 10px 24px rgba(29,78,216,.14)}
.conv-ic{background:var(--grad)}
.conv-box.bientot{cursor:default;background:#F8FAFC;border-color:#E2E8F0}
.conv-box.bientot:hover{transform:none;box-shadow:none}
.conv-box.bientot .conv-ic{background:#E2E8F0}
.tag-bientot{margin-left:auto;flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:6px 9px;border-radius:50px;background:#fff;color:#475569;border:1px solid #E2E8F0}

/* ----- Ebooks ----- */
.pcheck{background:var(--peche);border-color:var(--peche-bord)}
.cat{background:#fff}
.cat:hover{background:var(--peche)}
.store-soon{background:var(--p)}
.soon-card{background:var(--turq-bg);border-color:var(--turq-bord)}
.soon-tag,.btn-notify{background:var(--p)}
.soon-card>p{color:#475569}
.fitem{border-color:var(--peche-bord)}

/* ----- Magasin ----- */
.hrow.today{background:var(--peche)}
.gphoto{background:#EEF2F7}
.gphoto:hover{box-shadow:0 10px 22px rgba(11,30,63,.12)}
.gphoto .ph{color:#94A3B8}
.addr,.sitem{background:#F8FAFC}
.live.bientot{background:var(--peche);border-color:#BFDBFE}
.live.bientot .live-dot{background:#3B82F6}
.live.bientot .live-titre{color:#1D4ED8}

/* ----- QR Code ----- */
.chip.active{box-shadow:none}
.use{background:#F8FAFC}
.qr-empty{color:#94A3B8}
.btn-dl{box-shadow:none}

/* ----- Convertisseur ----- */
.rate-pill{background:var(--peche);color:var(--p)}
.fee-badge{background:var(--peche);color:var(--p2)}
.result-card{background:linear-gradient(135deg,#EFF6FF,#ECFEFF);border-color:#BFDBFE}
.result-title{color:var(--p)}
.result-row{border-bottom-color:#DBEAFE}
.result-total{font-family:'Rubik',system-ui,sans-serif;color:var(--nuit)}