/* ==========================================================================
   signature.css — signature graphique ATEQ (v0.50)
   Petites formes géométriques rouges + grilles de points grises, en arrière-plan des pages intérieures.
   Aucun balisage : ::before = grille de points, ::after = forme rouge. Toujours derrière le texte (z-index -1 dans un contexte isolé),
   jamais cliquables, jamais sur l'accueil. Deux variantes qui alternent d'une section à l'autre.
   Forme rouge : triangle rectangle au coin bas droit d'une section sur deux (pas de chevron, pas de carré).
   ========================================================================== */

:root{ --sig-red: var(--ateq-red, #CE003D); --sig-dot: rgba(12,12,14,.17); }

/* Sections portant la signature (pages intérieures) */
.sp-block, .sp-columns, .sp-topics,
.fq-section,
.nw-section, .nw-events,
.pl-cat,
.ab2-story, .ab-offices,
.ap-intro, .ap-others,
.art-layout,
.ev-intro,
.ppt section[id]{ position: relative; isolation: isolate; }

/* ---- Grille de points grise ---- */
.sp-block::before, .sp-columns::before, .sp-topics::before,
.fq-section::before,
.nw-section::before, .nw-events::before,
.pl-cat::before,
.ab2-story::before, .ab-offices::before,
.ap-intro::before, .ap-others::before,
.art-layout::before,
.ev-intro::before,
.ppt section[id]::before{
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  top: 28px; right: 0; width: 230px; height: 160px;
  background-image: radial-gradient(var(--sig-dot) 1.7px, transparent 2.1px);
  background-size: 16px 16px;
  -webkit-mask-image: linear-gradient(225deg, #000 0%, transparent 80%);
  mask-image: linear-gradient(225deg, #000 0%, transparent 80%);
}

/* ---- Une section sur deux : la grille passe en bas à gauche et un triangle rouge se pose au coin bas droit ---- */
.sp-block:nth-of-type(even)::before, .sp-columns:nth-of-type(even)::before, .sp-topics:nth-of-type(even)::before,
.fq-section:nth-of-type(even)::before,
.nw-section:nth-of-type(even)::before, .nw-events:nth-of-type(even)::before,
.pl-cat:nth-of-type(even)::before,
.ab2-story:nth-of-type(even)::before, .ab-offices:nth-of-type(even)::before,
.ap-intro:nth-of-type(even)::before, .ap-others:nth-of-type(even)::before,
.art-layout:nth-of-type(even)::before,
.ev-intro:nth-of-type(even)::before,
.ppt section[id]:nth-of-type(even)::before{
  top: auto; right: auto; bottom: 28px; left: 0;
  -webkit-mask-image: linear-gradient(45deg, #000 0%, transparent 80%);
  mask-image: linear-gradient(45deg, #000 0%, transparent 80%);
}
.sp-block:nth-of-type(even)::after, .sp-columns:nth-of-type(even)::after, .sp-topics:nth-of-type(even)::after,
.fq-section:nth-of-type(even)::after,
.nw-section:nth-of-type(even)::after, .nw-events:nth-of-type(even)::after,
.pl-cat:nth-of-type(even)::after,
.ab2-story:nth-of-type(even)::after, .ab-offices:nth-of-type(even)::after,
.ap-intro:nth-of-type(even)::after, .ap-others:nth-of-type(even)::after,
.art-layout:nth-of-type(even)::after,
.ev-intro:nth-of-type(even)::after,
.ppt section[id]:nth-of-type(even)::after{
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  top: auto; right: 0; bottom: 0; width: 58px; height: 58px;
  background: linear-gradient(160deg, var(--sig-red) 0%, var(--ateq-red-deep, #8E0029) 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

@media (max-width: 1024px){
  .sp-block::before, .sp-columns::before, .sp-topics::before, .fq-section::before, .nw-section::before, .nw-events::before, .pl-cat::before, .ab2-story::before, .ab-offices::before, .ap-intro::before, .ap-others::before, .art-layout::before, .ev-intro::before, .ppt section[id]::before{ width: 150px; height: 100px; }
}
@media (max-width: 640px){
  .sp-block::before, .sp-columns::before, .sp-topics::before, .fq-section::before, .nw-section::before, .nw-events::before, .pl-cat::before, .ab2-story::before, .ab-offices::before, .ap-intro::before, .ap-others::before, .art-layout::before, .ev-intro::before, .ppt section[id]::before{ width: 100px; height: 70px; opacity: .8; }
}
@media print{ .sp-block::before, .sp-block::after, .fq-section::before, .fq-section::after, .nw-section::before, .nw-section::after, .pl-cat::before, .pl-cat::after, .art-layout::before, .art-layout::after{ display: none; } }