/*
 * Ajustements mobiles transversaux
 * Ces règles sont chargées après les styles propres à chaque page.
 */
@media (max-width: 768px) {
  /* Accueil : meilleure lisibilité du héros et appels à l'action sous les visages. */
  .page-accueil .home-hero {
    min-height: min(185vw, 760px) !important;
    max-height: none !important;
  }

  .page-accueil .home-hero-content {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .page-accueil .home-hero-eyebrow,
  .page-accueil .home-hero h1 {
    text-align: center !important;
  }

  .page-accueil .home-hero .lead {
    max-width: 35rem !important;
    margin-inline: auto !important;
    padding: .55rem .75rem !important;
    border-radius: 14px;
    background: rgba(247, 244, 239, .82);
    color: #3f4c59 !important;
    font-size: clamp(1.08rem, 4.7vw, 1.22rem) !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-align: center !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }

  .page-accueil .home-hero .hero-cta {
    justify-content: center !important;
  }

  /* Titres courts, surtitres et introductions de section. */
  .page-eleves-2027 .ae-eyebrow,
  .page-eleves-2027 .ae-theme-kicker,
  .page-enseignants-2027 .pe-eyebrow,
  .page-accessoires .pa-eyebrow,
  .page-titre-2027 .pt-eyebrow,
  .page-guide-eleve-2027 .ge-eyebrow,
  .page-comment-commander .eyebrow,
  .page-a-propos .eyebrow,
  .page-soumission .quote-eyebrow,
  .page-soumission .quote-section-kicker {
    text-align: center !important;
  }

  .page-eleves-2027 .ae-section-head,
  .page-enseignants-2027 .pe-section-head,
  .page-titre-2027 .pt-section-head,
  .page-guide-eleve-2027 .ge-section-head,
  .page-comment-commander .section-heading,
  .page-a-propos .section-heading {
    margin-inline: auto !important;
    text-align: center !important;
  }

  /* Agendas pour élèves. */
  .page-eleves-2027 .ae-hero-grid > div:first-child,
  .page-eleves-2027 .ae-model-copy,
  .page-eleves-2027 .ae-theme-inner > div:first-child,
  .page-eleves-2027 .ae-personalization-item {
    text-align: center !important;
  }

  .page-eleves-2027 .ae-actions {
    justify-content: center !important;
  }

  .page-eleves-2027 .ae-model-number {
    margin-inline: auto !important;
  }

  .page-eleves-2027 .ae-format-badge {
    display: table !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  .page-eleves-2027 .ae-model-copy > p,
  .page-eleves-2027 .ae-model-copy .ae-checks {
    text-align: left !important;
  }

  .page-eleves-2027 .ae-personalization-item a {
    align-self: center !important;
  }

  /* Cahier de planification Prestige. */
  .page-enseignants-2027 .pe-hero-grid > div:first-child,
  .page-enseignants-2027 .pe-product-copy,
  .page-enseignants-2027 .pe-personalization-copy {
    text-align: center !important;
  }

  .page-enseignants-2027 .pe-actions {
    justify-content: center !important;
  }

  .page-enseignants-2027 .pe-product-kicker,
  .page-enseignants-2027 .pe-format-badge {
    display: table !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  .page-enseignants-2027 .pe-product-copy > p,
  .page-enseignants-2027 .pe-product-copy .pe-checks,
  .page-enseignants-2027 .pe-personalization-list {
    text-align: left !important;
  }

  /* Pages de personnalisation et pages institutionnelles. */
  .page-couvertures .cover-section-header,
  .page-couvertures .cover-formats-title,
  .page-titre-2027 .pt-resource-intro,
  .page-guide-eleve-2027 .ge-resource-intro,
  .page-comment-commander .order-hero-copy,
  .page-comment-commander .deadline-intro > div:first-child,
  .page-a-propos .story-copy,
  .page-a-propos .contact-intro,
  .page-soumission .quote-intro {
    text-align: center !important;
  }

  .page-couvertures .cover-badge,
  .page-titre-2027 .pt-format,
  .page-titre-2027 .pt-format-note {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }
}

@media (max-width: 600px) {
  .page-accueil .home-hero .hero-cta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: clamp(250px, 68vw, 330px) !important;
  }

  .page-accueil .home-hero .hero-cta .btn {
    width: 100% !important;
  }
}

/* Ajustements mobiles — deuxième passe de validation iPhone */
@media (max-width: 768px) {
  /* Accueil */
  .page-accueil .hp-product-copy h3,
  .page-accueil .hp-eyebrow,
  .page-accueil .hp-final-eyebrow {
    text-align: center !important;
  }

  .page-accueil .hp-product-number {
    left: 50% !important;
    right: auto !important;
    display: grid !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
  }

  .page-accueil .hp-tag {
    display: table !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  .page-accueil .hp-product-copy h3 {
    width: 100% !important;
  }

  .page-accueil .hp-product-copy > p {
    text-align: left !important;
  }

  .page-accueil .hp-final-copy {
    text-align: center !important;
  }

  /* Accessoires et calendriers */
  .page-accessoires .pa-hero__copy,
  .page-accessoires .pa-products__heading {
    text-align: center !important;
  }

  .page-accessoires .pa-hero__copy .pa-lead {
    margin-inline: auto !important;
    text-align: center !important;
  }

  .page-accessoires .pa-btns {
    justify-content: center !important;
  }

  .page-accessoires .pa-products .pa-container {
    width: min(calc(100% - 40px), 560px) !important;
  }

  .page-accessoires .pa-product__copy {
    padding-inline: 6px !important;
  }

  .page-accessoires .pa-product__number,
  .page-accessoires .pa-product__tag {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  .page-accessoires .pa-product__tag {
    display: table !important;
  }

  .page-accessoires .pa-product__copy h3 {
    text-align: center !important;
  }

  .page-accessoires .pa-product__copy > p,
  .page-accessoires .pa-checks,
  .page-accessoires .pa-product__detail {
    text-align: left !important;
  }

  /* Couvertures */
  .page-couvertures .cv-eyebrow {
    text-align: center !important;
  }

  /* Page titre */
  .page-titre-2027 .pt-option > div > h3,
  .page-titre-2027 .pt-option .pt-format {
    text-align: center !important;
  }

  .page-titre-2027 .pt-option .pt-format {
    display: table !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .page-titre-2027 .pt-step {
    text-align: center !important;
  }

  .page-titre-2027 .pt-step-number {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* Guide de l'élève */
  .page-guide-eleve-2027 .ge-format-bar {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .page-guide-eleve-2027 .ge-format-icon {
    width: 54px !important;
    margin-inline: auto !important;
  }

  .page-guide-eleve-2027 .ge-fact,
  .page-guide-eleve-2027 .ge-step {
    text-align: center !important;
  }

  .page-guide-eleve-2027 .ge-step-number {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* Comment commander */
  .page-comment-commander .help-strip {
    text-align: center !important;
  }

  .page-comment-commander .help-strip p:last-child {
    display: grid !important;
    gap: 8px !important;
    justify-items: center !important;
    font-size: 0 !important;
  }

  .page-comment-commander .help-strip p:last-child a {
    display: block !important;
    font-size: 1rem !important;
    text-align: center !important;
  }

  /* À propos */
  .page-a-propos .story-point,
  .page-a-propos .story-point strong,
  .page-a-propos .story-point span {
    text-align: center !important;
  }

  .page-a-propos .contact-links {
    justify-items: center !important;
  }

  .page-a-propos .contact-links a {
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 600px) {
  .page-accueil .home-hero {
    min-height: min(195vw, 800px) !important;
  }

  .page-accueil .home-hero .hero-cta {
    margin-top: clamp(285px, 78vw, 370px) !important;
  }
}



/* Ajustements mobiles — troisième passe de validation iPhone */
@media (max-width: 768px) {
  /* Agendas pour élèves */
  .page-eleves-2027 .ae-intro-copy,
  .page-eleves-2027 .ae-model-copy > p {
    text-align: center !important;
  }

  .page-eleves-2027 .ae-format-badge {
    text-align: center !important;
  }

  /* Cahier de planification Prestige */
  .page-enseignants-2027 .pe-intro-copy {
    text-align: center !important;
  }

  /* Accessoires et calendriers */
  .page-accessoires .pa-product__copy > p {
    text-align: center !important;
  }

  /* À propos */
  .page-a-propos .office-card,
  .page-a-propos .office-card h3,
  .page-a-propos .office-card address {
    text-align: center !important;
  }

  .page-a-propos .office-card svg {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* Soumission */
  .page-soumission .quote-hero-card {
    text-align: center !important;
  }

  .page-soumission .quote-hero-icon {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .page-soumission .quote-form-part .quote-part-heading,
  .page-soumission .quote-form-part .quote-part-heading > div:last-child,
  .page-soumission .quote-form-part .quote-step-number,
  .page-soumission .quote-form-part .quote-part-heading h3 {
    text-align: left !important;
  }

  .page-soumission .quote-form-part .quote-part-heading {
    justify-content: flex-start !important;
  }
}