/* Crée Mon Site — commercial public pages only, 2026-11-12.
   Scoped to pricing, FAQ, portfolio, quote and contact classes.
   No changes to checkout, partners, cockpit or private applications. */
@media (max-width: 980px) {
  .page-hero .page-back,
  .faq-hub-hero .page-back,
  .portfolio-list-hero .page-back {
    display: inline-flex;
    align-items: center;
    min-width: 44px;
    min-height: 44px;
    padding: 10px 12px;
    box-sizing: border-box;
    font-size: 0.95rem;
    line-height: 1.4;
    color: #8beeff;
  }
  .tarifs-hero-v2 .btn,
  .tarif-offer-actions .btn,
  .tarifs-help-actions .btn,
  .tarif-center-action .btn,
  .tarif-modal-actions .btn,
  .retraction-offer-strip .btn,
  .portfolio-list-hero .btn,
  .portfolio-filter-bar button,
  .portfolio-project-card .btn,
  .form-bubble > button,
  .form-bubble button.btn,
  .form-bubble .btn,
  .faq-hub-nav a,
  .faq-hub-search-wrap button,
  .faq-hub-body .btn {
    min-height: 44px;
    min-width: 44px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-block: 10px;
    line-height: 1.4;
  }
  .faq-hub-nav a {
    font-size: 0.875rem;
    padding-inline: 14px;
  }
  .faq-hub-search-status,
  .faq-hub-demo-note,
  .faq-hub-search-label,
  .faq-hub-trust span {
    font-size: 0.875rem;
    line-height: 1.55;
    color: #e0ebff;
  }
  .faq-hub-body details[data-faq-item] > summary {
    min-height: 44px;
    box-sizing: border-box;
    align-content: center;
    line-height: 1.5;
  }
  .faq-hub-body .faq-answer,
  .faq-hub-body .faq-answer p,
  .tarif-offer-card .tarif-offer-legal,
  .tarif-offer-card .tarif-module-note,
  .tarif-offer-card .tarif-feature-list,
  .portfolio-project-card .project-body,
  .page-hero .lead,
  .faq-hub-hero .lead {
    font-size: 0.95rem;
    line-height: 1.65;
    color: #e3ecff;
  }
  .form-bubble input:not([type="checkbox"]):not([type="radio"]),
  .form-bubble select,
  .form-bubble textarea,
  .faq-hub-search-wrap input {
    min-height: 44px;
    font-size: 16px;
    line-height: 1.5;
    box-sizing: border-box;
  }
  .form-bubble label {
    line-height: 1.6;
  }
  .form-bubble label.choice {
    min-height: 44px;
    align-items: center;
  }
  .form-bubble label.choice input {
    min-width: 20px;
    min-height: 20px;
    flex-shrink: 0;
  }
  .tarif-modal-close,
  .tarif-modal-tabs button {
    min-width: 44px;
    min-height: 44px;
  }
  .tarif-offer-actions .btn,
  .tarifs-help-actions .btn,
  .portfolio-filter-bar button {
    white-space: normal;
    text-align: center;
  }
}
@media (max-width: 640px) {
  .faq-hub-nav {
    gap: 9px;
  }
  .tarif-offer-card .tarif-offer-legal,
  .tarif-offer-card .tarif-module-note {
    font-size: 0.875rem;
  }
}
.page-hero .page-back:focus-visible,
.faq-hub-hero .page-back:focus-visible,
.faq-hub-body a:focus-visible,
.faq-hub-body summary:focus-visible,
.faq-hub-search-wrap button:focus-visible,
.faq-hub-search-wrap input:focus-visible,
.tarif-offer-card a:focus-visible,
.tarif-offer-card button:focus-visible,
.tarif-modal a:focus-visible,
.tarif-modal button:focus-visible,
.portfolio-filter-bar button:focus-visible,
.portfolio-project-card a:focus-visible,
.form-bubble input:focus-visible,
.form-bubble select:focus-visible,
.form-bubble textarea:focus-visible,
.form-bubble button:focus-visible {
  outline: 3px solid #87eeff;
  outline-offset: 3px;
}

/* Additional public informational and service pages. */
@media (max-width: 980px) {
  .sf-hero .page-back,
  .modules-hero .page-back {
    min-height: 44px;
    min-width: 44px;
    padding: 10px 12px;
    box-sizing: border-box;
    font-size: 0.95rem;
  }
  .sf-duo-grid .btn,
  .sf-actions .btn,
  .module-filterbar a,
  .modules-hero .btn,
  .module-help-card .btn,
  .module-category-card,
  .sf-selection-builder .btn,
  .sf-choice-group > summary {
    min-height: 44px;
    min-width: 44px;
    box-sizing: border-box;
  }
  .sf-duo-grid .btn,
  .sf-actions .btn,
  .module-filterbar a,
  .modules-hero .btn,
  .module-help-card .btn,
  .sf-selection-builder .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-block: 10px;
    line-height: 1.5;
    white-space: normal;
    text-align: center;
  }
  .sf-choice-group > summary {
    align-content: center;
    line-height: 1.5;
  }
  .sf-choice {
    min-height: 44px;
    box-sizing: border-box;
  }
  .sf-choice input[type="checkbox"] {
    min-width: 20px;
    min-height: 20px;
    flex-shrink: 0;
  }
  .seo-service-grid p,
  .process-detail-grid p,
  .sf-pillar p,
  .module-category-copy,
  .module-filter-note p,
  .module-quota-summary,
  .module-help-card p,
  .modules-hero .lead,
  .sf-hero .lead {
    font-size: 1rem;
    line-height: 1.65;
    color: #e2ecff;
  }
}
.module-filterbar a:focus-visible,
.module-category-card:focus-visible,
.sf-duo-grid a:focus-visible,
.sf-choice-group > summary:focus-visible,
.sf-choice input:focus-visible,
.sf-selection-builder a:focus-visible,
.sf-actions a:focus-visible {
  outline: 3px solid #87eeff;
  outline-offset: 3px;
}
