/* sexgratuit-suisse.ch — registre « kiosque à journaux du coin »
   Bandeau de une + store rayé festonné, annonces en coupures découpées, photos en arche, coupons pointillés.
   Palette : accent #c62828 (favicon) · rouge encre #8e1b1b · papier journal #f5ecdc / #fffaf0 · encre #1f1a16 · muet #5b5148
   Formes signature : feston du store (vague), arche des photos, cartouches de rubrique, pilules, cœur en filigrane. */

html:not(#_) body.aa {
  --k-rouge: var(--aa-accent);
  --k-rouge-f: color-mix(in srgb, var(--aa-accent) 70%, #2a0d0d);
  --k-papier: #f5ecdc;
  --k-papier-c: #fffaf0;
  --k-encre: #1f1a16;
  --k-filet: #d8c9ae;
  --aa-fond: var(--k-papier);
  --aa-surface: var(--k-papier-c);
  --aa-texte: var(--k-encre);
  --aa-muet: #5b5148;
  --aa-bord: var(--k-filet);
  --aa-secondaire: var(--k-encre);
  --aa-secondaire-txt: #fffaf0;
  --aa-tete: var(--k-papier-c);
  --aa-tete-txt: var(--k-encre);
  --aa-pied: #efe3cb;
  --aa-pied-txt: var(--k-encre);
  --aa-rayon: 8px;
  --aa-ombre: 0 10px 26px -16px color-mix(in srgb, var(--aa-accent) 55%, rgba(40, 20, 10, .45));
  --aa-police: "Trebuchet MS", "Segoe UI", Tahoma, sans-serif;
  --aa-police-titre: Georgia, "Times New Roman", Times, serif;
  --k-coeur: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23c62828' fill-opacity='.11' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.7 4.5c2.1 0 3.6 1.2 4.3 2.4.7-1.2 2.2-2.4 4.3-2.4 3.7 0 5.8 3.9 4.3 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E");
  background: var(--k-papier);
  color: var(--k-encre);
}

/* ---------- en-tête : bandeau de une + store rayé ---------- */
html:not(#_) .aa-header { background: var(--k-papier-c); border-top: 5px solid var(--k-encre); border-bottom: 3px double var(--k-encre); }
html:not(#_) .aa-header::after {
  content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 22px; z-index: -1; pointer-events: none;
  background: repeating-linear-gradient(90deg, var(--k-rouge) 0 26px, #fff 26px 52px);
  -webkit-mask: linear-gradient(#000, #000) 0 0 / 100% 9px no-repeat, radial-gradient(circle at 13px 8px, #000 13px, transparent 13.6px) 0 0 / 26px 22px repeat-x;
          mask: linear-gradient(#000, #000) 0 0 / 100% 9px no-repeat, radial-gradient(circle at 13px 8px, #000 13px, transparent 13.6px) 0 0 / 26px 22px repeat-x;
}
html:not(#_) .aa-main { padding-top: calc(1.2rem + 24px); }
html:not(#_) .aa-logo { font-family: var(--aa-police-titre); text-transform: uppercase; letter-spacing: .05em; font-weight: 900; font-size: 1.22rem; color: var(--k-encre); }
html:not(#_) .aa-logo__mark { width: 30px; height: 30px; border-radius: 50%; background: var(--k-rouge) var(--k-coeur) center / 0 no-repeat; box-shadow: 0 0 0 3px var(--k-papier-c), 0 0 0 5px var(--k-encre); }
@media (min-width: 900px) {
  html:not(#_) .aa-nav ul { background: none; box-shadow: none; padding: 0; gap: 0; }
  html:not(#_) .aa-nav li + li:not(.aa-nav__cta) a { border-left: 1px solid var(--k-filet); }
  html:not(#_) .aa-nav a { border-radius: 0; text-transform: uppercase; letter-spacing: .07em; font-size: .78rem; color: var(--k-encre); padding: .45rem .85rem; }
  html:not(#_) .aa-nav a:hover, html:not(#_) .aa-nav a.is-actif { background: none; color: var(--k-rouge-f); text-decoration: underline 2px var(--k-rouge); text-underline-offset: 6px; }
}
html:not(#_) .aa-nav__cta a { border-radius: 999px; background: var(--k-rouge); color: #fff !important; box-shadow: 3px 3px 0 var(--k-encre); text-transform: none; letter-spacing: .01em; font-size: .9rem; }
html:not(#_) .aa-nav__cta a:hover { background: var(--k-rouge-f); text-decoration: none; }
@media (max-width: 899px) {
  html:not(#_) .aa-nav { background: var(--k-papier-c); border-bottom: 3px double var(--k-encre); }
  html:not(#_) .aa-nav a { color: var(--k-encre); border-radius: 6px; }
  html:not(#_) .aa-nav__cta a { color: #fff !important; }
}

/* ---------- la une (hero) ---------- */
html:not(#_) .aa-hero__in { background: var(--k-papier-c); border-radius: 6px; border-top: 4px solid var(--k-encre); border-bottom: 1px solid var(--k-encre); box-shadow: var(--aa-ombre); }
html:not(#_) .aa-h1 { font-family: var(--aa-police-titre); font-weight: 900; letter-spacing: -.01em; line-height: 1.08; }
html:not(#_) .aa-h1::after { content: ""; display: block; width: 74px; height: 5px; margin-top: .7rem; border-radius: 999px; background: var(--k-rouge); }
html:not(#_) .aa-hero__chiffres { display: inline-block; color: var(--k-encre); background: var(--k-papier); border: 1.5px dashed color-mix(in srgb, var(--k-encre) 55%, transparent); border-radius: 999px; padding: .3rem .9rem; font-size: .86rem; }
html:not(#_) .aa-hero__form { background: #fff var(--k-coeur) right -30px top -30px / 90px no-repeat; border: 2px dashed color-mix(in srgb, var(--k-rouge) 55%, var(--k-encre)); border-radius: 16px; box-shadow: 0 16px 30px -20px color-mix(in srgb, var(--k-rouge) 60%, transparent); }
html:not(#_) .aa-hero__form-h { font-family: var(--aa-police-titre); }

/* ---------- titres de rubrique ---------- */
html:not(#_) .aa-h2 { font-family: var(--aa-police-titre); font-weight: 800; padding-top: .55rem; border-top: 3px double var(--k-encre); }
html:not(#_) .aa-bloc__tete { border-top: 3px double var(--k-encre); padding-top: .2rem; }
html:not(#_) .aa-bloc__tete .aa-h2 { border-top: 0; }

/* ---------- filtres, champs ---------- */
html:not(#_) .aa-filtres { background: var(--k-papier-c); border: 1px solid var(--k-filet); border-radius: 12px; box-shadow: var(--aa-ombre); }
html:not(#_) .aa-form input, html:not(#_) .aa-form select, html:not(#_) .aa-form textarea, html:not(#_) .aa-filtres select { background: #fff; border: 1.5px solid #b7a68a; color: var(--k-encre); }
html:not(#_) .aa-btn--primaire { background: var(--k-rouge); color: #fff; box-shadow: 0 8px 18px -10px color-mix(in srgb, var(--k-rouge) 80%, transparent); }
html:not(#_) .aa-btn--primaire:hover { background: var(--k-rouge-f); }
html:not(#_) .aa-btn--secondaire { background: #fff; color: var(--k-encre); border: 2px solid var(--k-encre); }
html:not(#_) .aa-btn--secondaire:hover { background: var(--k-encre); color: #fffaf0; }

/* ---------- rubriques et villes : cartouches ---------- */
html:not(#_) .aa-liens li { background: var(--k-papier-c); border: 1.5px solid color-mix(in srgb, var(--k-encre) 70%, transparent); box-shadow: none; border-radius: 999px; }
html:not(#_) .aa-liens li a { color: var(--k-rouge-f); font-weight: 700; }
html:not(#_) .aa-liens li:hover { background: var(--k-rouge); border-color: var(--k-rouge); }
html:not(#_) .aa-liens li:hover a, html:not(#_) .aa-liens li:hover .aa-liens__nb { color: #fff; }
html:not(#_) .aa-liens__nb { color: var(--aa-muet); }
html:not(#_) .aa-deposer-cta, html:not(#_) .aa-retour { font-weight: 700; }

/* ---------- liste : coupures découpées ---------- */
html:not(#_) .aa-liste { gap: .85rem; }
html:not(#_) .aa-ligne {
  background: var(--k-papier-c); border: 1.5px dashed color-mix(in srgb, var(--k-encre) 38%, transparent); border-radius: 4px;
  box-shadow: 0 6px 14px -12px rgba(40, 20, 10, .55); transition: transform .25s ease, box-shadow .25s ease;
}
html:not(#_) .aa-ligne:nth-child(odd) { transform: rotate(-.25deg); }
html:not(#_) .aa-ligne:nth-child(even) { transform: rotate(.25deg); }
html:not(#_) .aa-ligne:hover { transform: none; background: #fff; box-shadow: 0 14px 28px -16px color-mix(in srgb, var(--k-rouge) 60%, transparent); }
html:not(#_) .aa-ligne__img { border-radius: 48px 48px 6px 6px; border: 3px solid #fff; box-shadow: 0 0 0 1px var(--k-filet); }
html:not(#_) .aa-ligne__cat { background: var(--k-encre); color: #fffaf0; border-radius: 3px; box-shadow: none; font-family: var(--aa-police-titre); letter-spacing: .08em; padding: .15rem .55rem; }
html:not(#_) .aa-ligne__new { background: var(--k-rouge); color: #fff; border-radius: 999px; }
html:not(#_) .aa-ligne__titre { font-family: var(--aa-police-titre); font-weight: 800; }
html:not(#_) .aa-ligne__titre a { color: var(--k-encre); }
html:not(#_) .aa-ligne__date, html:not(#_) .aa-ligne__meta { color: var(--aa-muet); }
html:not(#_) .aa-ligne__extrait { color: #3b332c; }
html:not(#_) .aa-ligne__lire { border-radius: 999px; border: 2px solid var(--k-rouge); color: var(--k-rouge-f); background: #fff; }
html:not(#_) .aa-ligne:hover .aa-ligne__lire { background: var(--k-rouge); color: #fff; }
@media (prefers-reduced-motion: reduce) { html:not(#_) .aa-ligne { transition: none; transform: none; } }

/* ---------- fiche d'annonce ---------- */
html:not(#_) .aa-fiche__titre { font-family: var(--aa-police-titre); font-weight: 900; }
html:not(#_) .aa-fiche__cat { color: var(--k-rouge-f); }
html:not(#_) .aa-fiche__photo { border-radius: 140px 140px 10px 10px; border: 0; box-shadow: 0 0 0 5px #fff, 0 0 0 6px var(--k-filet), 0 18px 34px -20px color-mix(in srgb, var(--k-rouge) 55%, rgba(0, 0, 0, .5)); }
html:not(#_) .aa-fiche__miniatures img { border-radius: 30px 30px 4px 4px; box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--k-filet); }
html:not(#_) .aa-fiche__cta--haut, html:not(#_) .aa-repondre {
  background: #fff var(--k-coeur) right -34px top -34px / 96px no-repeat; border: 2px dashed color-mix(in srgb, var(--k-rouge) 50%, var(--k-encre));
  border-radius: 18px; box-shadow: 0 16px 30px -22px color-mix(in srgb, var(--k-rouge) 70%, transparent);
}
html:not(#_) .aa-fiche__cta--haut { padding: 1.1rem; }
html:not(#_) .aa-fiche__infos { background: var(--k-papier-c); border: 1px solid var(--k-filet); border-radius: 12px; }
html:not(#_) .aa-fiche__plage { background: var(--k-papier-c); border: 1.5px solid var(--k-encre); color: var(--k-encre); border-radius: 999px; }
html:not(#_) .aa-fiche__phy { background: var(--k-papier-c); border-color: var(--k-filet); border-radius: 14px; }
html:not(#_) .aa-fiche__photo .aa-fiche__new { top: auto; bottom: .7rem; right: .7rem; box-shadow: 0 0 0 2px #fff; }
html:not(#_) .aa-chip, html:not(#_) .aa-chips li { background: var(--k-papier-c); border-color: color-mix(in srgb, var(--k-encre) 45%, transparent); color: var(--k-encre); }
html:not(#_) .aa-crumbs, html:not(#_) .aa-crumbs a { color: var(--aa-muet); }
html:not(#_) .aa-side { background: var(--k-papier-c); border: 0; border-top: 4px solid var(--k-encre); border-radius: 0 0 14px 14px; box-shadow: var(--aa-ombre); }
html:not(#_) .aa-side__h { font-family: var(--aa-police-titre); }
html:not(#_) .aa-side__liste li { background: #fff; border-color: var(--k-filet); }
html:not(#_) .aa-side__liste li a { color: var(--k-rouge-f); }
html:not(#_) .aa-side__liste li.is-actif { background: var(--k-rouge); border-color: var(--k-rouge); }
html:not(#_) .aa-side__liste li.is-actif a, html:not(#_) .aa-side__liste li.is-actif .aa-side__nb { color: #fff; }

/* ---------- dépôt ---------- */
html:not(#_) .aa-depot__bloc { background: var(--k-papier-c); border: 1.5px dashed color-mix(in srgb, var(--k-encre) 35%, transparent); border-radius: 14px; }
html:not(#_) .aa-depot__bloc legend { background: var(--k-encre); color: #fffaf0; border-radius: 999px; padding: .15rem .8rem; font-size: .9rem; }

/* ---------- pied : dos du journal + store ---------- */
html:not(#_) .aa-footer {
  border-radius: 0; border-top: 3px double var(--k-encre); padding-top: 2.6rem;
  background: repeating-linear-gradient(90deg, var(--k-rouge) 0 26px, var(--k-papier-c) 26px 52px) top / 100% 12px no-repeat, #efe3cb;
}
html:not(#_) .aa-footer__brand { font-family: var(--aa-police-titre); text-transform: uppercase; letter-spacing: .05em; }
html:not(#_) .aa-footer__h { font-family: var(--aa-police-titre); color: var(--k-encre); }
html:not(#_) .aa-footer ul li a { background: var(--k-papier-c); color: var(--k-encre); box-shadow: none; border: 1px solid var(--k-filet); }
html:not(#_) .aa-footer ul li a:hover { border-color: var(--k-rouge); color: var(--k-rouge-f); text-decoration: none; }
html:not(#_) .aa-footer__bas, html:not(#_) .aa-footer__bas a, html:not(#_) .aa-footer__fictif, html:not(#_) .aa-footer__membres { color: #4d443b; }

/* ---------- pop-up et porte ---------- */
html:not(#_) .aa-popup__box, html:not(#_) .aa-gate__box { background: var(--k-papier-c) var(--k-coeur) right -24px top -24px / 140px no-repeat; color: var(--k-encre); border-top: 5px solid var(--k-encre); border-radius: 18px; }
html:not(#_) .aa-popup__titre { font-family: var(--aa-police-titre); }
html:not(#_) .aa-fiche__barre { background: color-mix(in srgb, var(--k-papier-c) 94%, transparent); border-top: 3px double var(--k-encre); }