/* gay-rencontre.be — registre « bleu roi & blanc cassé, écussons et fanions »
   Palette : accent #1565c0 (favicon) · profond #0d47a1 · encre marine #0e1f3a
             neutre chaud blanc cassé #f6f1e7 / surface #fffcf6 / lin #e3dac8
   Formes signature : écusson (vignettes, logo, photo de fiche, marque de la porte),
   fanion à queue d'aronde (catégories, légendes, tranche d'âge), frise de chevrons
   (bas du bandeau, haut du pied de page). Ton viril, net, chaleureux. */

html body.aa.skin-6 {
  --aa-fond: #f6f1e7;
  --aa-surface: #fffcf6;
  --aa-texte: #0e1f3a;
  --aa-muet: #56607a;
  --aa-bord: #e3dac8;
  --aa-primaire: #1565c0;
  --aa-primaire-txt: #fff;
  --aa-secondaire: #0d47a1;
  --gr-encre: #0e1f3a;
  --gr-profond: #0d47a1;
  --gr-ciel: #e6eefa;
  --aa-rayon: 14px; --aa-rayon-s: 10px;
  --aa-ombre: 0 2px 4px rgba(14, 31, 58, .05), 0 16px 32px -20px rgba(21, 101, 192, .45);
  --aa-police: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --aa-police-titre: "Franklin Gothic Medium", "Arial Narrow", "Segoe UI Semibold", Arial, sans-serif;
  --gr-ecu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 22 4v7c0 6-4.5 10.5-10 12C6.5 21.5 2 17 2 11V4z' fill='%231565c0'/%3E%3Cpath d='M12 5.5 17.5 7v4.2c0 3.6-2.5 6.3-5.5 7.3-3-1-5.5-3.7-5.5-7.3V7z' fill='%23f6f1e7'/%3E%3C/svg%3E");
  background: var(--aa-fond);
  color: var(--aa-texte);
}

/* ---------- bandeau : aplat bleu roi + frise de chevrons ---------- */
html body.aa.skin-6 .aa-header { background: var(--aa-primaire); color: #fff; padding: 0; border: 0; box-shadow: 0 10px 24px -18px rgba(14, 31, 58, .8); }
html body.aa.skin-6 .aa-header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -8px; height: 8px; pointer-events: none;
  background: linear-gradient(135deg, #1565c0 33%, transparent 33%) 0 0 / 16px 16px,
              linear-gradient(225deg, #1565c0 33%, transparent 33%) 0 0 / 16px 16px;
}
html body.aa.skin-6 .aa-header .aa-header__in { background: transparent; backdrop-filter: none; box-shadow: none; border-radius: 0; padding: .35rem var(--aa-gout); min-height: 62px; }
html body.aa.skin-6 .aa-logo { color: #fff; font-style: normal; font-family: var(--aa-police-titre); font-weight: 700; letter-spacing: .02em; font-size: 1.3rem; }
html body.aa.skin-6 .aa-logo .aa-logo__mark {
  width: 20px; height: 24px; border-radius: 0; background: #f6f1e7; box-shadow: none;
  clip-path: polygon(50% 0, 100% 13%, 100% 56%, 50% 100%, 0 56%, 0 13%);
}
html body.aa.skin-6 .aa-nav a { color: #fff; border-radius: 8px; font-weight: 600; }
html body.aa.skin-6 .aa-nav a:hover, html body.aa.skin-6 .aa-nav a.is-actif { background: rgba(255, 255, 255, .16); }
html body.aa.skin-6 .aa-nav .aa-nav__cta a { background: #f6f1e7; color: var(--gr-profond) !important; border-radius: 10px; box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .5); }
html body.aa.skin-6 .aa-burger { color: #fff; }
@media (max-width: 800px) {
  html body.aa.skin-6 .aa-header .aa-nav { background: var(--gr-encre); left: 0; right: 0; top: calc(100% + 8px); border-radius: 0 0 16px 16px; box-shadow: 0 18px 30px -16px rgba(14, 31, 58, .7); }
  html body.aa.skin-6 .aa-nav .aa-nav__cta a { background: var(--aa-primaire); color: #fff !important; }
}

/* ---------- titres : écusson devant chaque h2 ---------- */
html body.aa.skin-6 .aa-h1 { font-family: var(--aa-police-titre); font-weight: 700; color: var(--gr-encre); letter-spacing: 0; }
html body.aa.skin-6 .aa-h2 { font-family: var(--aa-police-titre); font-weight: 700; color: var(--gr-encre); text-transform: uppercase; letter-spacing: .05em; font-size: 1.08rem; display: flex; align-items: center; gap: .55rem; }
html body.aa.skin-6 .aa-h2::before { content: ""; flex: none; width: 20px; height: 20px; background: var(--gr-ecu) center / contain no-repeat; }
html body.aa.skin-6 .aa-intro, html body.aa.skin-6 .aa-hero__chiffres { color: var(--aa-muet); }

/* ---------- accueil : hero ivoire, écusson posé sur la carte ---------- */
html body.aa.skin-6 .aa-hero {
  background: radial-gradient(70% 90% at 100% 0%, var(--gr-ciel), transparent 70%), var(--aa-fond);
  position: relative; padding-top: 2.6rem;
}
html body.aa.skin-6 .aa-hero .aa-hero__form { background: var(--aa-surface); border-radius: 18px; border-top: 6px solid var(--aa-primaire); box-shadow: var(--aa-ombre); position: relative; }
html body.aa.skin-6 .aa-hero .aa-hero__form::before {
  content: ""; position: absolute; top: -22px; right: 18px; width: 30px; height: 36px; background: var(--gr-ecu) center / contain no-repeat;
  filter: drop-shadow(0 4px 6px rgba(13, 71, 161, .35));
}
html body.aa.skin-6 .aa-hero__form-h { color: var(--gr-encre); font-family: var(--aa-police-titre); }
html body.aa.skin-6 .aa-chip { background: #fff; border: 1px solid var(--aa-bord); color: var(--gr-encre); }
html body.aa.skin-6 .aa-chip:has(input:checked) { background: var(--gr-ciel); border-color: var(--aa-primaire); color: var(--gr-profond); }

/* ---------- boutons ---------- */
html body.aa.skin-6 .aa-btn { border-radius: 12px; font-weight: 700; letter-spacing: .01em; }
html body.aa.skin-6 .aa-btn--primaire { background: var(--aa-primaire); color: #fff; box-shadow: 0 10px 22px -12px rgba(21, 101, 192, .9); }
html body.aa.skin-6 .aa-btn--primaire:hover { background: var(--gr-profond); }
html body.aa.skin-6 .aa-btn--secondaire { background: var(--aa-surface); color: var(--gr-profond); border: 2px solid var(--aa-primaire); box-shadow: none; }
html body.aa.skin-6 .aa-btn--secondaire:hover { background: var(--gr-ciel); }

/* ---------- lignes d'annonce : vignette en écusson, catégorie en fanion ---------- */
html body.aa.skin-6 .aa-liste { gap: .9rem; }
html body.aa.skin-6 .aa-liste .aa-ligne { background: var(--aa-surface); border: 1px solid var(--aa-bord); border-radius: 16px; box-shadow: var(--aa-ombre); }
html body.aa.skin-6 .aa-liste .aa-ligne:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--aa-primaire) 55%, var(--aa-bord)); box-shadow: 0 22px 40px -22px rgba(21, 101, 192, .6); }
html body.aa.skin-6 .aa-ligne .aa-ligne__img { border-radius: 10px 10px 50% 50% / 10px 10px 34% 34%; box-shadow: 0 0 0 3px #fff, 0 0 0 4px var(--aa-bord); background: var(--gr-ciel); }
html body.aa.skin-6 .aa-ligne .aa-ligne__img img { transition: transform .35s ease; }
html body.aa.skin-6 .aa-ligne:hover .aa-ligne__img img { transform: scale(1.06); }
html body.aa.skin-6 .aa-ligne .aa-ligne__nb { top: 6px; bottom: auto; left: 6px; }
html body.aa.skin-6 .aa-ligne .aa-ligne__cat {
  background: var(--gr-encre); color: #fff; border-radius: 0; padding: .2rem 1rem .2rem .55rem; font-size: .64rem;
  clip-path: polygon(0 0, 100% 0, calc(100% - 7px) 50%, 100% 100%, 0 100%);
}
html body.aa.skin-6 .aa-ligne .aa-ligne__new { background: var(--aa-primaire); color: #fff; border-radius: 4px; }
html body.aa.skin-6 .aa-ligne .aa-ligne__titre { font-family: var(--aa-police-titre); font-weight: 700; color: var(--gr-encre); font-size: 1.1rem; }
html body.aa.skin-6 .aa-ligne .aa-ligne__titre a { color: var(--gr-encre); }
html body.aa.skin-6 .aa-ligne .aa-ligne__titre a:hover { color: var(--aa-primaire); }
html body.aa.skin-6 .aa-ligne .aa-ligne__meta, html body.aa.skin-6 .aa-ligne .aa-ligne__date { color: var(--aa-muet); }
html body.aa.skin-6 .aa-ligne .aa-ligne__extrait { color: #2a3550; opacity: 1; }
html body.aa.skin-6 .aa-ligne .aa-ligne__lire { border-radius: 10px; box-shadow: none; border: 2px solid var(--aa-primaire); color: var(--gr-profond); background: var(--aa-surface); }
html body.aa.skin-6 .aa-ligne:hover .aa-ligne__lire { background: var(--aa-primaire); color: #fff; }

/* ---------- blocs de liens (catégories / villes / régions) ---------- */
html body.aa.skin-6 .aa-liens li { background: var(--aa-surface); border: 1px solid var(--aa-bord); border-left: 4px solid var(--aa-primaire); border-radius: 8px; box-shadow: none; }
html body.aa.skin-6 .aa-liens li a { color: var(--gr-encre); font-weight: 600; }
html body.aa.skin-6 .aa-liens li:hover { border-color: var(--aa-primaire); background: var(--gr-ciel); }
html body.aa.skin-6 .aa-liens .aa-liens__nb { background: var(--gr-ciel); color: var(--gr-profond); border-radius: 6px; padding: 0 .4rem; font-weight: 700; }
html body.aa.skin-6 .aa-filtres, html body.aa.skin-6 .aa-bloc--moteur { background: var(--aa-surface); border: 1px solid var(--aa-bord); border-top: 4px solid var(--gr-encre); border-radius: 16px; box-shadow: var(--aa-ombre); }
html body.aa.skin-6 .aa-deposer-cta { text-align: center; }
html body.aa.skin-6 .aa-side { background: var(--aa-surface); border: 1px solid var(--aa-bord); border-radius: 16px; box-shadow: var(--aa-ombre); }
html body.aa.skin-6 .aa-side .aa-side__h { color: var(--gr-encre); font-style: normal; font-family: var(--aa-police-titre); text-transform: uppercase; letter-spacing: .06em; font-size: .92rem; }
html body.aa.skin-6 .aa-pagination a, html body.aa.skin-6 .aa-pagination span { border-radius: 8px; }
html body.aa.skin-6 select, html body.aa.skin-6 input[type="text"], html body.aa.skin-6 input[type="email"], html body.aa.skin-6 input[type="tel"], html body.aa.skin-6 input[type="number"], html body.aa.skin-6 textarea {
  background: #fff; border: 1px solid var(--aa-bord); border-radius: 10px; color: var(--gr-encre);
}
html body.aa.skin-6 input::placeholder, html body.aa.skin-6 textarea::placeholder { color: #6b7385; }

/* ---------- fiche d'annonce ---------- */
html body.aa.skin-6 .aa-fiche__cat a { color: var(--aa-primaire); }
html body.aa.skin-6 .aa-fiche__titre { font-family: var(--aa-police-titre); font-weight: 700; color: var(--gr-encre); }
html body.aa.skin-6 .aa-fiche__photo { border-radius: 18px 18px 50% 50% / 18px 18px 16% 16%; box-shadow: 0 0 0 4px #fff, 0 0 0 5px var(--aa-bord), var(--aa-ombre); }
html body.aa.skin-6 .aa-fiche__photo .aa-fiche__new { background: var(--gr-encre); border-radius: 4px; }
html body.aa.skin-6 .aa-fiche__miniatures img { border-radius: 8px 8px 50% 50% / 8px 8px 30% 30%; }
html body.aa.skin-6 .aa-fiche__cta--haut { background: var(--aa-surface); border: 1px solid var(--aa-bord); border-top: 6px solid var(--aa-primaire); border-radius: 16px; box-shadow: var(--aa-ombre); }
html body.aa.skin-6 .aa-fiche__infos { background: var(--aa-surface); border: 1px solid var(--aa-bord); border-radius: 14px; }
html body.aa.skin-6 .aa-fiche__infos dt, html body.aa.skin-6 .aa-fiche__physique dt { color: var(--aa-muet); }
html body.aa.skin-6 .aa-fiche__plage {
  background: var(--gr-encre); color: #fff; border-radius: 0; padding: .45rem 1.4rem .45rem .8rem;
  clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%);
}
html body.aa.skin-6 .aa-fiche__phy { background: var(--aa-surface); border: 1px solid var(--aa-bord); border-left: 4px solid var(--aa-primaire); border-radius: 8px; }
html body.aa.skin-6 .aa-repondre { background: var(--aa-surface); border: 1px solid var(--aa-bord); border-radius: 18px; box-shadow: var(--aa-ombre); position: relative; }
html body.aa.skin-6 .aa-fiche__barre { background: color-mix(in srgb, var(--aa-surface) 94%, transparent); box-shadow: 0 10px 30px -10px rgba(14, 31, 58, .55); }

/* ---------- dépôt : légendes en fanion ---------- */
html body.aa.skin-6 .aa-depot__bloc { background: var(--aa-surface); border: 1px solid var(--aa-bord); border-radius: 16px; box-shadow: var(--aa-ombre); padding-top: 1.4rem; }
html body.aa.skin-6 .aa-depot__bloc legend {
  background: var(--gr-encre); color: #fff; font-family: var(--aa-police-titre); font-weight: 700; font-size: .92rem; letter-spacing: .03em;
  padding: .3rem 1.6rem .3rem .8rem; clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%);
}
html body.aa.skin-6 .aa-regles { color: #3b465e; }
html body.aa.skin-6 .aa-form__aide { color: var(--aa-muet); }

/* ---------- pied : marine, frise de chevrons en haut ---------- */
html body.aa.skin-6 .aa-footer { background: var(--gr-encre); color: #e9e3d6; padding: 2.4rem var(--aa-gout) 1.2rem; margin-top: 3.5rem; position: relative; }
html body.aa.skin-6 .aa-footer::before {
  content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 8px; pointer-events: none;
  background: linear-gradient(315deg, #0e1f3a 33%, transparent 33%) 0 0 / 16px 16px,
              linear-gradient(45deg, #0e1f3a 33%, transparent 33%) 0 0 / 16px 16px;
}
html body.aa.skin-6 .aa-footer .aa-footer__grid, html body.aa.skin-6 .aa-footer .aa-footer__bas { background: transparent; box-shadow: none; border-radius: 0; padding-inline: 0; }
html body.aa.skin-6 .aa-footer .aa-footer__bas { border-top: 1px solid rgba(233, 227, 214, .2); padding-top: 1rem; }
html body.aa.skin-6 .aa-footer .aa-footer__h, html body.aa.skin-6 .aa-footer .aa-footer__brand { color: #a9c8f2; font-style: normal; font-family: var(--aa-police-titre); letter-spacing: .04em; }
html body.aa.skin-6 .aa-footer .aa-footer__brand::before { content: ""; display: inline-block; width: 16px; height: 19px; margin-right: .45rem; vertical-align: -3px; background: var(--gr-ecu) center / contain no-repeat; }
html body.aa.skin-6 .aa-footer a { color: #e9e3d6; }
html body.aa.skin-6 .aa-footer a:hover { color: #fff; text-decoration: underline; }

/* ---------- porte d'âge et pop-up ---------- */
html body.aa.skin-6 .aa-gate { background: rgba(14, 31, 58, .88); }
html body.aa.skin-6 .aa-gate__box, html body.aa.skin-6 .aa-popup__box { background: var(--aa-surface); color: var(--gr-encre); border-radius: 20px; border-top: 6px solid var(--aa-primaire); }
html body.aa.skin-6 .aa-gate__mark { border-radius: 0; clip-path: polygon(50% 0, 100% 13%, 100% 56%, 50% 100%, 0 56%, 0 13%); background: var(--aa-primaire); height: 84px; line-height: 76px; }
html body.aa.skin-6 .aa-popup__pour { color: var(--gr-profond); }
@media (max-width: 759px) { html body.aa.skin-6 .aa-fiche__plage { display: block; max-width: calc(100% - 10px); } }