/*
Theme Name: Blocksy Child
Theme URI: https://bekaweb.ch/
Description: Thème enfant de Blocksy pour Bekaweb.
Author: Bekaweb
Author URI: https://bekaweb.ch/
Template: blocksy
Version: 1.0.0
Text Domain: blocksy-child
*/

/*
 * Ce fichier doit rester léger.
 * Placez les ajustements globaux importants ici si nécessaire.
 * Placez les overrides et styles personnalisés dans assets/css/custom.css.
 */

:root {
	--bkw-navy: #0A1628;
	--bkw-cream: #F5F0E6;
	--bkw-gold: #C9A84C;
	--bkw-gold-dark: #9D7E2F;
}

/* Amélioration douce du rendu typographique global. */
body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Sélection texte aux couleurs de marque. */
::selection {
	background: var(--bkw-gold);
	color: var(--bkw-navy);
}


/* ===========================================================
   HERO MOBILE — STRUCTURE UNIQUE SUR TOUTES LES PAGES BEKAWEB
=========================================================== */

@media (max-width: 760px) {

  .bkw-page .bkw-hero {
    padding-top: 74px !important;
    padding-bottom: 48px !important;
  }

  .bkw-page .bkw-hero-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    align-items: start !important;
  }

  .bkw-page .bkw-hero-content {
    display: contents !important;
  }

  .bkw-page .bkw-kicker {
    order: 1 !important;
    margin-bottom: 12px !important;
  }

  .bkw-page .bkw-hero h1 {
    order: 2 !important;
    font-size: clamp(31px, 9vw, 39px) !important;
    line-height: 1.12 !important;
    margin-bottom: 14px !important;
  }

  .bkw-page .bkw-pills {
    order: 3 !important;
    margin-bottom: 14px !important;
  }

  .bkw-page .bkw-hero-layout > :not(.bkw-hero-content) {
    order: 4 !important;
    justify-self: center !important;
    width: 100% !important;
    max-width: 330px !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
  }

  .bkw-page .bkw-lede {
    order: 5 !important;
    margin-bottom: 10px !important;
    line-height: 1.58 !important;
  }

  .bkw-page .bkw-lede-alt {
    order: 6 !important;
    margin-bottom: 16px !important;
  }

  .bkw-page .bkw-actions {
    order: 7 !important;
    margin-top: 8px !important;
  }
}