/*
Theme Name: Heure bleue
Theme URI: https://alban-coach-lyon.com/
Author: Alban Tonin
Description: Thème léger du site d'Alban Tonin, coach sportif à Lyon 6. Sans constructeur : les pages refaites portent leur propre HTML, le thème habille les articles, le blog, les pages simples et la 404.
Version: 1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: heure-bleue
*/
:root{--nuit:#070C1F;--encre:#0D1638;--cobalt:#2440FF;--glacier:#BFD4FF;--or:#E2BC74;--braise:#FF5B1F;--braise2:#FF8A3D;--txt:#F2F5FB;--txt2:rgba(242,245,251,.74);--filet:rgba(191,212,255,.16);--aube:#F4F1EA;--graphite:#161B2E;--f-d:"Cabinet Grotesk",ui-sans-serif,system-ui,sans-serif;--f-t:"Switzer",ui-sans-serif,system-ui,sans-serif;--pad:20px}
@media(min-width:900px){:root{--pad:40px}}
body{font-family:var(--f-t);font-size:16.5px;line-height:1.6;color:var(--txt);-webkit-font-smoothing:antialiased}
a{color:inherit}
.hb-w{max-width:780px;margin:0 auto;padding:0 var(--pad)}
.hb-k{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--glacier)}
.hb-k i{width:22px;height:2px;background:var(--braise)}
.hb-tete{padding:110px 0 44px;background:radial-gradient(90% 70% at 90% 0%,rgba(36,64,255,.38),transparent 60%),radial-gradient(70% 60% at 0% 100%,rgba(255,91,31,.14),transparent 60%),var(--nuit)}
@media(min-width:1000px){.hb-tete{padding:150px 0 64px}}
.hb-h1{margin:14px 0 0;font-family:var(--f-d);font-weight:800;font-size:clamp(36px,9vw,64px);line-height:1;letter-spacing:-.04em;color:#fff;text-wrap:balance}
.hb-h1-p{font-size:clamp(30px,7vw,48px)}
.hb-chap{margin:18px 0 0;font-size:17.5px;line-height:1.6;color:var(--txt2);max-width:60ch}
.hb-ar{display:flex;gap:8px;font-size:13px;color:var(--txt2)}
.hb-ar a{text-decoration:none;color:var(--txt2)}
.hb-sig{display:flex;align-items:center;gap:12px;margin:22px 0 0;font-size:14px;color:var(--txt2)}
.hb-sig img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(191,212,255,.3)}
.hb-sig b{color:var(--txt);font-weight:600}
.hb-corps{background:var(--aube);color:var(--graphite);padding:44px 0 120px}
.hb-h2{font-family:var(--f-d);font-weight:800;font-size:clamp(28px,6.4vw,40px);line-height:1.05;letter-spacing:-.03em;color:var(--graphite);margin:0}
/* Texte des articles et des pages simples, y compris le contenu hérité d'Elementor */
.hb-prose{font-size:17.5px;line-height:1.72;color:rgba(22,27,46,.88);overflow-wrap:break-word}
.hb-prose>*:first-child{margin-top:0}
.hb-prose h1,.hb-prose h2{margin:56px 0 0;font-family:var(--f-d);font-weight:800;font-size:clamp(28px,6.6vw,40px);line-height:1.08;letter-spacing:-.03em;color:var(--graphite)}
.hb-prose h3{margin:36px 0 0;font-family:var(--f-d);font-weight:800;font-size:clamp(21px,5vw,26px);line-height:1.2;color:var(--graphite)}
.hb-prose h4{margin:28px 0 0;font-family:var(--f-d);font-weight:700;font-size:19px;color:var(--graphite)}
.hb-prose p{margin:16px 0 0}
.hb-prose ul,.hb-prose ol{margin:16px 0 0;padding-left:1.3em}
.hb-prose li{margin-top:8px}
.hb-prose li::marker{color:var(--braise)}
.hb-prose a{color:#2440FF;text-decoration:underline;text-underline-offset:3px}
.hb-prose strong{color:var(--graphite)}
.hb-prose img{display:block;max-width:100%;height:auto;border-radius:18px;margin:24px 0 0}
.hb-prose figure{margin:24px 0 0}
.hb-prose figcaption{margin-top:8px;font-size:14px;color:rgba(22,27,46,.6)}
.hb-prose blockquote{margin:24px 0 0;padding:16px 20px;border-left:4px solid var(--braise);background:rgba(255,91,31,.07);border-radius:0 16px 16px 0}
.hb-prose table{width:100%;margin:24px 0 0;border-collapse:collapse;font-size:15px;background:#fff;border-radius:16px;overflow:hidden;display:block;overflow-x:auto}
.hb-prose th,.hb-prose td{padding:11px 14px;border-bottom:1px solid rgba(22,27,46,.08);text-align:left;vertical-align:top}
.hb-prose th{background:#F7F5F0;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:rgba(22,27,46,.6)}
.hb-prose iframe{max-width:100%;border-radius:16px}
.hb-prose hr{margin:40px 0;border:0;border-top:1px solid rgba(22,27,46,.12)}
/* Reste de mise en page Elementor ou Spectra : on aplatit */
.hb-prose [class*="elementor-"],.hb-prose [class*="wp-block-uagb"],.hb-prose [class*="uagb-"]{max-width:100%!important;width:auto!important;margin-left:0!important;margin-right:0!important;position:static!important;transform:none!important}
.hb-prose .elementor-button,.hb-prose .wp-block-button__link{display:inline-flex;margin-top:16px;padding:12px 20px;border-radius:12px;background:var(--nuit);color:#fff!important;text-decoration:none!important;font-weight:600}
/* Cartes d'articles */
.hb-grille{display:grid;gap:14px}
@media(min-width:700px){.hb-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.hb-page .hb-w:has(.hb-grille){max-width:1200px}.hb-grille{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hb-carte{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(22,27,46,.08);text-decoration:none;color:var(--graphite);transition:transform .3s,box-shadow .3s}
.hb-carte:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(22,27,46,.45)}
.hb-carte-img{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#0D1638,#2440FF)}
.hb-carte-img img{width:100%;height:100%;object-fit:cover;display:block}
.hb-carte-t{display:block;padding:18px 18px 0;font-family:var(--f-d);font-weight:800;font-size:21px;line-height:1.2}
.hb-carte-e{display:block;padding:8px 18px 0;font-size:15px;line-height:1.55;color:rgba(22,27,46,.72)}
.hb-carte-m{display:block;margin-top:auto;padding:14px 18px 18px;font-size:13px;color:rgba(22,27,46,.55)}
.hb-autres{margin-top:56px}
.hb-autres .hb-grille{margin-top:20px}
/* Bloc réserver */
.hb-cta{display:grid;gap:18px;margin-top:56px;padding:26px 22px;border-radius:26px;background:radial-gradient(90% 120% at 100% 0%,rgba(36,64,255,.45),transparent 60%),radial-gradient(70% 90% at 0% 100%,rgba(255,91,31,.22),transparent 60%),var(--nuit);color:var(--txt)}
@media(min-width:800px){.hb-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:34px}}
.hb-cta-t{margin:10px 0 0;font-family:var(--f-d);font-weight:800;font-size:clamp(26px,6vw,34px);line-height:1.05;color:#fff}
.hb-cta p:not(.hb-k):not(.hb-cta-t){margin:10px 0 0;color:var(--txt2);font-size:15.5px}
.hb-cta-b{display:flex;flex-wrap:wrap;gap:10px}
.hb-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 22px;border-radius:12px;background:var(--or);color:#1E1606;font-weight:600;font-size:15.5px;text-decoration:none;white-space:nowrap}
.hb-btn-v{background:rgba(242,245,251,.08);color:var(--txt);border:1px solid var(--filet)}
.hb-404 .hb-tete{min-height:80vh;display:flex;align-items:center}