/* ===== Business Textile — relooking home & site (août 2026) ===== */

/* Typo : plus affirmée et lisible */
body { font-weight: 400; }

/* Header : netteté */
.bt-site-header { box-shadow: 0 1px 0 rgba(17, 24, 39, .05); }
.bt-header-inner { padding-top: 16px !important; padding-bottom: 16px !important; }
.bt-main-nav a { position: relative; padding: 6px 2px; }
.bt-main-nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--bt-copper); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.bt-main-nav a:hover::after { transform: scaleX(1); }

/* ===== FIX largeurs : les colonnes/grids doivent occuper toute la section, pas le gabarit 645px ===== */
.bt-hero-cols,
.bt-card-grid,
.bt-query { max-width: none !important; width: 100%; }

/* Hero : 2 colonnes avec visuel */
.bt-hero { position: relative; overflow: hidden; }
.bt-hero-cols { align-items: center; gap: clamp(28px, 4vw, 56px) !important; margin-top: 0 !important; }
.bt-hero-text { flex: 1.15 1 0%; min-width: 0; }
.bt-hero-media { flex: 0.85 1 0%; min-width: 0; }
.bt-hero-media { position: relative; }
.bt-hero-img { margin: 0 !important; }
.bt-hero-img img { border-radius: 28px; box-shadow: 0 30px 60px rgba(17, 24, 39, .18); display: block; width: 100%; height: auto; }
.bt-hero-media::after { content: "Couture · Business · Transmission"; position: absolute; left: -14px; bottom: 26px; background: var(--bt-navy); color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .02em; padding: 10px 16px; border-radius: 999px; box-shadow: 0 12px 24px rgba(17, 24, 39, .28); white-space: nowrap; }
@media (max-width: 900px) {
  .bt-hero-cols { flex-direction: column; }
  .bt-hero-text { flex-basis: auto; }
  .bt-hero-media { flex-basis: auto; }
  .bt-hero-media::after { left: 10px; bottom: 14px; font-size: 11.5px; padding: 8px 12px; }
}

/* Titres de section : hiérarchie */
.bt-pillars h2, .bt-latest h2 { margin-bottom: 8px; }

/* Cartes piliers : hover + liseré */
.bt-card { transition: transform .25s ease, box-shadow .25s ease; position: relative; padding-top: 34px; }
.bt-card::before { content: ""; position: absolute; top: 24px; left: 28px; width: 34px; height: 4px; border-radius: 99px; background: var(--bt-copper); }
.bt-card:hover { transform: translateY(-4px); box-shadow: 0 24px 48px rgba(17, 24, 39, .10); }
.bt-card h3 { margin-top: 18px !important; }

/* Post cards : méta, image cadrée, hover */
.bt-post-card { display: flex; flex-direction: column; transition: transform .25s ease, box-shadow .25s ease; }
.bt-post-card:hover { transform: translateY(-4px); box-shadow: 0 24px 48px rgba(17, 24, 39, .10); }
.bt-post-card .wp-block-post-featured-image img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.bt-post-meta { gap: 8px !important; margin-top: 14px !important; font-size: 12.5px; color: var(--bt-muted); text-transform: uppercase; letter-spacing: .05em; }
.bt-post-meta .wp-block-post-date { font-weight: 700; color: var(--bt-copper); }
.bt-post-meta .wp-block-post-terms a { color: var(--bt-muted); text-decoration: none; }
.bt-post-meta .wp-block-post-terms a:hover { color: var(--bt-copper); }
.bt-post-card .wp-block-post-title { margin-top: 10px !important; font-size: 22px !important; line-height: 1.28 !important; letter-spacing: -.02em; }
.bt-post-card .wp-block-post-title a:hover { color: var(--bt-copper); }
.bt-post-card .wp-block-post-excerpt { margin-top: 8px !important; }
.bt-post-card .wp-block-post-excerpt__more-text a { color: var(--bt-copper); font-weight: 700; text-decoration: none; }
.bt-post-card .wp-block-post-excerpt__more-text a:hover { text-decoration: underline; }

/* Boutons : micro-interactions */
.wp-block-button__link { transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease; }
.bt-primary-button .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(17, 24, 39, .20); }
.bt-secondary-button .wp-block-button__link:hover { transform: translateY(-2px); background: var(--bt-navy); color: #fff !important; }

/* Footer : fond navy, typo claire */
footer.wp-block-template-part { background: var(--bt-navy); color: #d1d5db; margin-top: 0 !important; }
footer.wp-block-template-part a { color: #e5e7eb; text-decoration: none; }
footer.wp-block-template-part a:hover { color: #fff; text-decoration: underline; }
footer.wp-block-template-part .wp-block-site-logo img { filter: brightness(0) invert(1); opacity: .95; }
footer.wp-block-template-part h2, footer.wp-block-template-part h3, footer.wp-block-template-part h4 { color: #fff; }

/* Masquer le titre de page (H1 du thème) sur la home — les titres de cartes (h2) restent visibles */
body.home h1.wp-block-post-title { display: none !important; }

/* Supprimer la bande blanche entre le header et le hero (home uniquement) */
body.home .wp-site-blocks > main { margin-top: 0 !important; }
body.home main > .wp-block-group:first-child { padding-top: 0 !important; }
