/* =========================================================
   Pages editoriales Accio

   Socle commun pour les pages statiques construites sur le
   langage visuel ticket/cartouche : contact, FAQ, pages
   legales, livraison et retractation.
   ========================================================= */

:is(
  body.accio-contact-body,
  body.accio-legal-body,
  body.accio-privacy-body,
  body.accio-cookies-body,
  body.accio-cgv-body,
  body.accio-delivery-body,
  body.accio-live-shipping-body,
  body.accio-faq-body,
  body.accio-withdrawal-body
) :is(.entry-header, .hero-section) {
  display: none;
}

:is(
  .accio-contact-page,
  .accio-legal-page,
  .accio-privacy-page,
  .accio-cookies-page,
  .accio-cgv-page,
  .accio-delivery-page,
  .accio-live-shipping-page,
  .accio-faq-page,
  .accio-withdrawal-page
),
:is(
  .accio-contact-page,
  .accio-legal-page,
  .accio-privacy-page,
  .accio-cookies-page,
  .accio-cgv-page,
  .accio-delivery-page,
  .accio-live-shipping-page,
  .accio-faq-page,
  .accio-withdrawal-page
) * {
  box-sizing: border-box;
}

:is(
  .accio-contact-page,
  .accio-legal-page,
  .accio-privacy-page,
  .accio-cookies-page,
  .accio-cgv-page,
  .accio-delivery-page,
  .accio-live-shipping-page,
  .accio-faq-page,
  .accio-withdrawal-page
) {
  width: var(--accio-editorial-page-width, min(100%, 1320px));
  margin: 0 auto;
  padding: var(
    --accio-editorial-page-padding,
    clamp(2rem, 5vw, 4.5rem) clamp(1rem, 4vw, 2rem)
  );
  color: var(--accio-editorial-ink, var(--accio-color-ink, #161616));
}

:is(
  .accio-contact-hero,
  .accio-legal-hero,
  .accio-privacy-hero,
  .accio-cookies-hero,
  .accio-cgv-hero,
  .accio-delivery-hero,
  .accio-live-shipping-hero,
  .accio-faq-hero,
  .accio-withdrawal-hero
) {
  max-width: var(--accio-editorial-hero-width, 920px);
  margin: 0 auto var(--accio-editorial-hero-spacing, clamp(1.9rem, 4vw, 3.2rem));
  text-align: center;
}

:is(
  .accio-contact-kicker,
  .accio-legal-kicker,
  .accio-privacy-kicker,
  .accio-cookies-kicker,
  .accio-cgv-kicker,
  .accio-delivery-kicker,
  .accio-live-shipping-kicker,
  .accio-faq-kicker,
  .accio-withdrawal-kicker
) {
  display: inline-block;
  margin: 0 0 0.85rem;
  padding: 0.36rem 0.68rem 0.32rem;
  border: 3px double var(--accio-editorial-ink, var(--accio-color-ink, #161616));
  color: var(--accio-editorial-ink, var(--accio-color-ink, #161616));
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

:is(
  .accio-contact-title,
  .accio-legal-title,
  .accio-privacy-title,
  .accio-cookies-title,
  .accio-cgv-title,
  .accio-delivery-title,
  .accio-live-shipping-title,
  .accio-faq-title,
  .accio-withdrawal-title
) {
  margin: 0;
  color: var(--accio-editorial-ink, var(--accio-color-ink, #161616));
  font-family: var(--accio-editorial-font-display, var(--accio-font-heading-1));
  font-size: var(--accio-editorial-title-size, clamp(1.75rem, 5vw, 4.1rem));
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.02;
  text-transform: uppercase;
}

:is(
  .accio-contact-intro,
  .accio-legal-intro,
  .accio-privacy-intro,
  .accio-cookies-intro,
  .accio-cgv-intro,
  .accio-delivery-intro,
  .accio-live-shipping-intro,
  .accio-faq-intro,
  .accio-withdrawal-intro
) {
  max-width: var(--accio-editorial-intro-width, 70ch);
  margin: 1.25rem auto 0;
  padding-top: 1.05rem;
  border-top: 2px solid var(--accio-editorial-ink, var(--accio-color-ink, #161616));
  color: var(--accio-editorial-muted, var(--accio-color-muted, #6f685f));
  font-size: clamp(1rem, 1.35vw, 1.12rem);
  line-height: 1.65;
}

:is(
  .accio-privacy-intro--secondary,
  .accio-cookies-intro--secondary,
  .accio-cgv-intro--secondary,
  .accio-live-shipping-intro--secondary,
  .accio-withdrawal-intro--secondary
) {
  padding-top: 0;
  border-top: 0;
}

:is(
  .accio-legal-layout,
  .accio-privacy-layout,
  .accio-cookies-layout,
  .accio-cgv-layout,
  .accio-delivery-layout,
  .accio-live-shipping-layout,
  .accio-faq-layout,
  .accio-withdrawal-layout
) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(1.5rem, 3vw, 2.4rem);
  align-items: start;
}

@media (min-width: 1000px) {
  :is(
    .accio-legal-layout,
    .accio-privacy-layout,
    .accio-cookies-layout,
    .accio-cgv-layout,
    .accio-delivery-layout,
    .accio-live-shipping-layout,
    .accio-faq-layout,
    .accio-withdrawal-layout
  ) {
    grid-template-columns: minmax(300px, 380px) minmax(0, 1fr);
  }
}

:is(
  .accio-legal-summary,
  .accio-privacy-summary,
  .accio-cookies-summary,
  .accio-cgv-summary,
  .accio-delivery-summary,
  .accio-live-shipping-summary,
  .accio-faq-summary,
  .accio-withdrawal-summary
) {
  overflow: hidden;
  border: var(--accio-editorial-border, var(--accio-border-ink, 2px solid var(--accio-color-ink)));
  border-left: 5px solid var(--accio-editorial-accent, var(--accio-color-accent, #a84729));
  background: var(--accio-editorial-paper, var(--accio-color-white, #ffffff));
  box-shadow: var(--accio-editorial-shadow-accent, var(--accio-shadow-accent-md));
}

@media (min-width: 1000px) {
  :is(
    .accio-legal-summary,
    .accio-privacy-summary,
    .accio-cookies-summary,
    .accio-cgv-summary,
    .accio-delivery-summary,
    .accio-live-shipping-summary,
    .accio-faq-summary,
    .accio-withdrawal-summary
  ) {
    position: sticky;
    top: calc(var(--admin-bar, 0px) + 1.25rem);
  }
}

:is(
  .accio-contact-form__bar,
  .accio-legal-summary__bar,
  .accio-privacy-summary__bar,
  .accio-cookies-summary__bar,
  .accio-cgv-summary__bar,
  .accio-delivery-summary__bar,
  .accio-live-shipping-summary__bar,
  .accio-faq-summary__bar,
  .accio-withdrawal-summary__bar
) {
  height: 10px;
  border-bottom: 1px solid var(--accio-color-line-soft, rgba(22, 22, 22, 0.16));
  background: var(--accio-ticket-rule);
}

:is(
  .accio-legal-summary__inner,
  .accio-privacy-summary__inner,
  .accio-cookies-summary__inner,
  .accio-cgv-summary__inner,
  .accio-delivery-summary__inner,
  .accio-live-shipping-summary__inner,
  .accio-faq-summary__inner,
  .accio-withdrawal-summary__inner
) {
  padding: 1rem;
}

:is(
  .accio-contact-form h2,
  .accio-contact-card h2,
  .accio-legal-summary h2,
  .accio-legal-section h2,
  .accio-privacy-summary h2,
  .accio-privacy-section h2,
  .accio-cookies-summary h2,
  .accio-cookies-section h2,
  .accio-cgv-summary h2,
  .accio-cgv-section h2,
  .accio-delivery-summary h2,
  .accio-delivery-section h2,
  .accio-live-shipping-summary h2,
  .accio-live-shipping-section h2,
  .accio-faq-summary h2,
  .accio-withdrawal-summary h2,
  .accio-withdrawal-section h2,
  .accio-withdrawal-confirmation h2
) {
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  margin: var(--accio-editorial-heading-margin, 0 0 0.8rem);
  padding: 0.32rem 0.56rem 0.28rem;
  border: 1px solid var(--accio-editorial-white, var(--accio-color-white, #ffffff));
  outline: 3px solid var(--accio-editorial-ink, var(--accio-color-ink, #161616));
  border-radius: 0;
  background: var(--accio-editorial-accent, var(--accio-color-accent, #a84729));
  color: var(--accio-editorial-white, var(--accio-color-white, #ffffff));
  box-shadow: 2px 2px 0 var(--accio-editorial-ink, var(--accio-color-ink, #161616));
  font-family: var(--accio-editorial-font-title, var(--accio-font-heading-3));
  font-size: clamp(1rem, 1.5vw, 1.16rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  text-shadow: 2px 2px 0 var(--accio-editorial-ink, var(--accio-color-ink, #161616));
  text-transform: uppercase;
}