/* assets/css/public/structure/promo/arkt-promo.css */
/* @layer-wrap:site.socle */
@layer site.socle {
/* Version: 20-09-2026-16-46 */
/* Boutons promotion / cross-sell Arktefakt (hors variables thème portfolio) */

a.arkt-promo-btn,
button.arkt-promo-btn,
span.arkt-promo-btn,
li.arkt-promo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: max-content;
  padding: 10px 18px;
  margin: 4px 0;
  box-sizing: border-box;
  font: inherit;
  font-weight: 600;
  font-size: clamp(0.75rem, 2.5vw, 0.85rem);
  letter-spacing: 0.05em;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  border-radius: 999px;
  border: 1px solid rgba(128, 128, 128, 0.35);
  background: rgba(128, 128, 128, 0.12);
  color: inherit;
  transition: background 0.2s ease, transform 0.2s ease;
  list-style: none;
}

li.arkt-promo-btn {
  text-align: center;
}

a.arkt-promo-btn:hover,
button.arkt-promo-btn:hover,
span.arkt-promo-btn:hover,
li.arkt-promo-btn:hover {
  transform: translateY(-1px);
  background: rgba(128, 128, 128, 0.22);
}
}

/* assets/css/public/design/themes/basic/align.css */
/* @layer-wrap:site.zones */
@layer site.zones {
/* Version: 16-10-2026 — alignement partagé header + pied de page (plan-header-footer.md, lot E1) */
/*
 * Réglages « Alignement » du header (header_align_custom) et du pied de page (footer_align_custom) : classes
 * .nav-left / .nav-center / .nav-right sur #header, #footer et #legal. Traduits une seule fois en deux variables,
 * lues par toutes les règles qui alignent :
 *   --pf-align-justify : flex-start · center · flex-end (justify-content, align-items, align-self) ;
 *   --pf-align-text    : left · center · right (text-align, transform-origin).
 * Chargé sans condition (public/includes/css.php, shared/core/theme/preview_head.php), avant les feuilles du
 * header et du pied de page.
 */

#portfolio_page :is(#header, #footer, #legal) {
    --pf-align-justify: flex-start;
    --pf-align-text: left;
}

#portfolio_page :is(#header, #footer, #legal).nav-center {
    --pf-align-justify: center;
    --pf-align-text: center;
}

#portfolio_page :is(#header, #footer, #legal).nav-right {
    --pf-align-justify: flex-end;
    --pf-align-text: right;
}
}