/* =========================================================
   SRC — CHECKOUT
   UNIQUEMENT LE HAUT DE PAGE
========================================================= */

/* zone haute */
body.woocommerce-checkout .entry-header,
body.woocommerce-checkout .wp-block-post-title,
body.woocommerce-checkout .editor-styles-wrapper h1.wp-block-post-title,
body.woocommerce-checkout main h1:first-of-type {
  position: relative;
}

/* si ton thème utilise un vrai header de page */
body.woocommerce-checkout .entry-header {
  max-width: 1180px;
  margin: 0 auto 42px !important;
  padding: 56px 24px 34px !important;
  border-bottom: 1px solid #e5e5e5;
  background: transparent;
}

/* titre principal */
body.woocommerce-checkout .entry-title,
body.woocommerce-checkout .wp-block-post-title,
body.woocommerce-checkout main h1:first-of-type {
  max-width: 1180px;
  margin: 0 auto 42px !important;
  padding: 58px 24px 30px !important;
  color: #111 !important;
  font-size: clamp(42px, 5vw, 64px) !important;
  font-weight: 800 !important;
  line-height: 0.95 !important;
  letter-spacing: -2.6px !important;
  border-bottom: 1px solid #e5e5e5;
}

/* petit texte au-dessus */
body.woocommerce-checkout .entry-title::before,
body.woocommerce-checkout .wp-block-post-title::before,
body.woocommerce-checkout main h1:first-of-type::before {
  content: "CHECKOUT";
  display: block;
  margin-bottom: 14px;
  color: #8a8a8a;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* petit texte en dessous */
body.woocommerce-checkout .entry-title::after,
body.woocommerce-checkout .wp-block-post-title::after,
body.woocommerce-checkout main h1:first-of-type::after {
  content: "Vérifiez vos informations puis choisissez votre mode de paiement.";
  display: block;
  max-width: 680px;
  margin-top: 16px;
  color: #666;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
}

/* mobile */
@media screen and (max-width: 749px) {
  body.woocommerce-checkout .entry-header {
    margin-bottom: 26px !important;
    padding: 36px 15px 22px !important;
  }

  body.woocommerce-checkout .entry-title,
  body.woocommerce-checkout .wp-block-post-title,
  body.woocommerce-checkout main h1:first-of-type {
    margin-bottom: 26px !important;
    padding: 38px 15px 22px !important;
    font-size: 38px !important;
    letter-spacing: -1.8px !important;
    line-height: 0.98 !important;
  }

  body.woocommerce-checkout .entry-title::before,
  body.woocommerce-checkout .wp-block-post-title::before,
  body.woocommerce-checkout main h1:first-of-type::before {
    margin-bottom: 12px;
    font-size: 10px;
  }

  body.woocommerce-checkout .entry-title::after,
  body.woocommerce-checkout .wp-block-post-title::after,
  body.woocommerce-checkout main h1:first-of-type::after {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.55;
  }
}