/* encuentros-sexuales.es — registre « barca de la Albufera » (barques à fond plat, lagune au couchant)
   Palette : accent #e65100 (favicon, soleil couchant sur la lagune) / ton bouton #b84300 (texte blanc lisible)
   neutres chauds : sable #f6ecda, ivoire #fffaf1, roseau #ecd9b8 / encre : lagune profonde #10313a
   Formes signature : coque de barque (cartouches, lignes, boîtes), disque solaire (médaillon), rides d'eau (vagues),
   arche pour les photos, roseaux en filigrane dans la colonne latérale. Base : skin 2 (nuit) éclairci, compo 1, fiche 1. */

html:not(#_) body.aa.skin-2 {
  color-scheme: light;
  --aa-primaire: #b84300; --aa-primaire-txt: #fff;
  --alb-soleil: #e65100; --alb-lien: #a33b00;
  --alb-sable: #f6ecda; --alb-ivoire: #fffaf1; --alb-roseau: #ecd9b8; --alb-encre: #10313a; --alb-lagune: #1c4a52;
  --aa-fond: var(--alb-sable); --aa-surface: var(--alb-ivoire);
  --aa-texte: #1b2b2e; --aa-muet: #5c5245; --aa-bord: #e2cba6;
  --aa-secondaire: var(--alb-encre); --aa-secondaire-txt: #fff;
  --aa-rayon: 16px; --aa-rayon-s: 999px;
  --aa-ombre: 0 2px 4px rgba(120, 60, 10, .06), 0 14px 30px -16px rgba(184, 67, 0, .35);
  --aa-police: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
  --aa-police-titre: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --aa-tete: var(--alb-encre); --aa-tete-txt: #fbefdc;
  --aa-pied: var(--alb-encre); --aa-pied-txt: #e9dcc6; --aa-erreur: #b3261e;
  background: var(--alb-sable)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='44'%3E%3Cpath d='M0 22 Q20 14 40 22 T80 22 T120 22 T160 22' fill='none' stroke='%23e651000d' stroke-width='2'/%3E%3C/svg%3E") repeat;
  color: var(--aa-texte);
}
html:not(#_) .aa a { color: var(--alb-lien); }
html:not(#_) .aa .aa-h1, html:not(#_) .aa .aa-h2, html:not(#_) .aa .aa-fiche__titre, html:not(#_) .aa .aa-ligne__titre,
html:not(#_) .aa .aa-hero__form-h, html:not(#_) .aa .aa-popup__titre { font-family: var(--aa-police-titre); color: var(--alb-encre); letter-spacing: -.005em; }
html:not(#_) .aa .aa-h1 { font-weight: 700; }
html:not(#_) .aa .aa-h2 { font-weight: 700; position: relative; padding-bottom: .45rem; }
html:not(#_) .aa .aa-h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 64px; height: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='8'%3E%3Cpath d='M0 4 Q8 0 16 4 T32 4 T48 4 T64 4' fill='none' stroke='%23e65100' stroke-width='2.4'/%3E%3C/svg%3E") no-repeat; }

/* ---- en-tête : lagune au crépuscule, liseré de couchant, barque en guise de marque ---- */
html:not(#_) .aa .aa-header { background: linear-gradient(180deg, #0d2a31, var(--alb-encre)); color: #fbefdc;
  border-top: 0; box-shadow: inset 0 3px 0 var(--alb-soleil), 0 10px 24px -18px rgba(16, 49, 58, .8); }
html:not(#_) .aa .aa-header a, html:not(#_) .aa .aa-logo { color: #fbefdc; }
html:not(#_) .aa .aa-logo { font-family: var(--aa-police-titre); text-transform: none; letter-spacing: .01em; font-size: 1.2rem; font-weight: 700; }
html:not(#_) .aa .aa-logo__mark { width: 34px; height: 16px; border-radius: 0; box-shadow: none; background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 16'%3E%3Ccircle cx='22' cy='6' r='5' fill='%23e65100'/%3E%3Cpath d='M1 9 L33 9 L30 12 Q17 16 4 12 Z' fill='%23fbefdc'/%3E%3C/svg%3E") center/contain no-repeat; }
html:not(#_) .aa .aa-nav a { text-transform: none; letter-spacing: .01em; font-size: .9rem; border-radius: 999px; }
html:not(#_) .aa .aa-nav a:hover, html:not(#_) .aa .aa-nav a.is-actif { background: rgba(251, 239, 220, .12); }
html:not(#_) .aa .aa-nav__cta a { background: var(--alb-soleil); color: #1a0d03 !important; font-weight: 800;
  box-shadow: 0 6px 16px -8px rgba(230, 81, 0, .9); }
@media (max-width: 899px) {
  html:not(#_) .aa .aa-nav { background: var(--alb-encre); }
}

/* ---- hero : couchant sur la lagune, disque solaire, rides d'eau au pied ---- */
html:not(#_) .aa .aa-hero { position: relative; overflow: hidden; border-bottom: 0;
  background:
    radial-gradient(circle at 47% 100%, rgba(230, 81, 0, .55) 0 58px, rgba(230, 81, 0, .14) 59px 120px, transparent 121px),
    linear-gradient(180deg, #ffd9b3 0%, #fbe6cc 45%, var(--alb-sable) 100%); }
html:not(#_) .aa .aa-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 26px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='26'%3E%3Cpath d='M0 14 Q20 4 40 14 T80 14 T120 14 T160 14 V26 H0Z' fill='%23f6ecda'/%3E%3Cpath d='M0 14 Q20 4 40 14 T80 14 T120 14 T160 14' fill='none' stroke='%23e6510055' stroke-width='2'/%3E%3C/svg%3E") repeat-x bottom; }
html:not(#_) .aa .aa-hero__in { position: relative; z-index: 1; }
html:not(#_) .aa .aa-hero::before { content: ""; position: absolute; left: calc(47% - 150px); bottom: 14px; width: 110px; height: 46px; pointer-events: none; z-index: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 46'%3E%3Cpath d='M70 2 L58 38' stroke='%2310313a' stroke-width='2'/%3E%3Cpath d='M60 24 q4 -6 8 -2 v12 h-8z' fill='%2310313a'/%3E%3Cpath d='M4 34 L106 34 L100 40 Q55 46 10 40 Z' fill='%2310313a'/%3E%3C/svg%3E") no-repeat center/contain; opacity: .8; }
@media (max-width: 899px) { html:not(#_) .aa .aa-hero::before { display: none; } html:not(#_) .aa .aa-hero { background: radial-gradient(circle at 100% 0, rgba(230, 81, 0, .5) 0 26px, rgba(230, 81, 0, .13) 27px 52px, transparent 53px), linear-gradient(180deg, #ffd9b3 0%, #fbe6cc 45%, var(--alb-sable) 100%); } }
html:not(#_) .aa .aa-ligne__titre a { color: inherit; }
@media (max-width: 759px) { html:not(#_) .aa .aa-fiche__photo--scene { height: min(var(--aa-ph-h, 600px), 42vh, 380px); } }
html:not(#_) .aa .aa-fiche__photo .aa-fiche__new { top: auto; right: auto; bottom: .7rem; left: 50%; transform: translateX(-50%); white-space: nowrap; }
html:not(#_) .aa .aa-hero__txt p, html:not(#_) .aa .aa-intro { color: #3b3127; }
html:not(#_) .aa .aa-hero__chiffres { color: var(--alb-lagune); font-weight: 700; display: inline-block; background: rgba(255, 250, 241, .75);
  padding: .3rem .9rem; border-radius: 999px; }
html:not(#_) .aa .aa-hero__form { background: var(--alb-ivoire); border: 1px solid var(--aa-bord); border-left: 1px solid var(--aa-bord);
  border-radius: 22px 22px 46% 46% / 22px 22px 34px 34px; padding: 1.4rem 1.4rem 2rem; box-shadow: 0 24px 40px -24px rgba(184, 67, 0, .55); position: relative; }
html:not(#_) .aa .aa-hero__form::before { content: ""; position: absolute; top: -16px; right: 22px; width: 34px; height: 34px; border-radius: 50%;
  background: radial-gradient(circle, #ffb070, var(--alb-soleil)); box-shadow: 0 0 0 6px rgba(230, 81, 0, .14); }

/* ---- boutons : pilules ---- */
html:not(#_) .aa .aa-btn { border-radius: 999px; }
html:not(#_) .aa .aa-btn--primaire { background: var(--aa-primaire); color: #fff; box-shadow: 0 8px 18px -10px rgba(184, 67, 0, .8); }
html:not(#_) .aa .aa-btn--secondaire { background: var(--alb-ivoire); color: var(--alb-encre); border-color: var(--alb-encre); }
html:not(#_) .aa .aa-btn:hover { box-shadow: 0 10px 22px -10px rgba(184, 67, 0, .7); }

/* ---- champs ---- */
html:not(#_) .aa select, html:not(#_) .aa input[type="text"], html:not(#_) .aa input[type="email"], html:not(#_) .aa input[type="tel"],
html:not(#_) .aa input[type="number"], html:not(#_) .aa textarea { background: #fff; color: var(--aa-texte); border-color: #d9bf96; border-radius: 12px; }
html:not(#_) .aa .aa-chips li, html:not(#_) .aa .aa-chip { background: var(--alb-ivoire); border-color: var(--aa-bord); color: var(--aa-texte); }

/* ---- filtres : planche de bord de barque ---- */
html:not(#_) .aa .aa-filtres { background: var(--alb-ivoire); border: 1px solid var(--aa-bord); border-radius: 18px 18px 40px 40px / 18px 18px 26px 26px;
  box-shadow: var(--aa-ombre); padding: 1.1rem 1.2rem 1.4rem; }
html:not(#_) .aa .aa-filtres__champ { color: var(--alb-lagune); }

/* ---- lignes d'annonce : coques claires, photo en arche, ligne de flottaison ---- */
html:not(#_) .aa .aa-liste { gap: .8rem; }
html:not(#_) .aa .aa-ligne { background: var(--alb-ivoire); border: 1px solid #ead6b4; border-left: 1px solid #ead6b4;
  border-radius: 18px 18px 34px 34px / 18px 18px 22px 22px; box-shadow: var(--aa-ombre), inset 0 -3px 0 rgba(230, 81, 0, .22);
  transition: transform .2s ease, box-shadow .2s ease; }
html:not(#_) .aa .aa-ligne:hover { background: #fff7ea; border-color: #e3c08e; transform: translateY(-2px);
  box-shadow: 0 18px 34px -18px rgba(184, 67, 0, .5), inset 0 -3px 0 var(--alb-soleil); }
html:not(#_) .aa .aa-ligne__img { background: var(--alb-roseau); border-radius: 50% 50% 12px 12px / 38% 38% 12px 12px;
  box-shadow: 0 0 0 3px #fff, 0 8px 16px -8px rgba(120, 50, 0, .5); }
html:not(#_) .aa .aa-ligne--sans-photo .aa-ligne__img { background: linear-gradient(180deg, #ffd9b3, var(--alb-roseau)); }
html:not(#_) .aa .aa-ligne__titre { color: var(--alb-encre); }
html:not(#_) .aa .aa-ligne__titre a:hover { color: var(--alb-lien); }
html:not(#_) .aa .aa-ligne__meta, html:not(#_) .aa .aa-ligne__date { color: var(--aa-muet); }
html:not(#_) .aa .aa-ligne__extrait { color: #33302a; opacity: 1; }
html:not(#_) .aa .aa-ligne__cat, html:not(#_) .aa .aa-fiche__cat a { color: var(--alb-lien); }
html:not(#_) .aa .aa-ligne__new, html:not(#_) .aa .aa-fiche__new { background: var(--alb-encre); color: #fbefdc;
  border-radius: 4px 4px 12px 12px / 4px 4px 8px 8px; }
html:not(#_) .aa .aa-ligne__lire { border-radius: 999px; background: transparent; color: var(--alb-encre); border-color: var(--alb-encre); }
html:not(#_) .aa .aa-ligne:hover .aa-ligne__lire { background: var(--aa-primaire); border-color: var(--aa-primaire); color: #fff; }

/* ---- colonne latérale : roseaux en filigrane ---- */
html:not(#_) .aa .aa-side { background:
    repeating-linear-gradient(90deg, transparent 0 22px, rgba(150, 110, 50, .07) 22px 24px),
    linear-gradient(180deg, var(--alb-ivoire), #f8ecd6);
  border: 1px solid var(--aa-bord); border-left: 1px solid var(--aa-bord); border-radius: 22px; box-shadow: var(--aa-ombre); }
html:not(#_) .aa .aa-side__h { color: var(--alb-encre); font-family: var(--aa-police-titre); text-transform: none; letter-spacing: 0; font-size: 1rem; }
html:not(#_) .aa .aa-side__h::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%;
  background: var(--alb-soleil); margin-right: .5rem; vertical-align: .05em; }
html:not(#_) .aa .aa-side__liste li { border-top-color: #ead6b4; }
html:not(#_) .aa .aa-side__nb, html:not(#_) .aa .aa-liens__nb { color: var(--aa-muet); }

/* ---- liens catégories / villes : cartouches ---- */
html:not(#_) .aa .aa-liens li { background: var(--alb-ivoire); border-color: #ead6b4; border-radius: 10px 10px 18px 18px / 10px 10px 12px 12px; }
html:not(#_) .aa .aa-liens li a { color: var(--alb-encre); }
html:not(#_) .aa .aa-liens li:hover { border-color: var(--alb-soleil); background: #fff3e2; }
html:not(#_) .aa .aa-liens--cats li { background: var(--alb-encre); border-color: var(--alb-encre); }
html:not(#_) .aa .aa-liens--cats li a { color: #fbefdc; font-weight: 700; }
html:not(#_) .aa .aa-liens--cats .aa-liens__nb { color: #ffc89a; }
html:not(#_) .aa .aa-pagination a, html:not(#_) .aa .aa-pagination span { border-radius: 999px; }

/* ---- fiche d'annonce ---- */
html:not(#_) .aa .aa-fiche__photo { border-radius: 46% 46% 18px 18px / 26% 26% 18px 18px; box-shadow: 0 0 0 5px #fff, 0 20px 36px -18px rgba(184, 67, 0, .6);
  background: linear-gradient(180deg, #ffd9b3, var(--alb-roseau)); }
html:not(#_) .aa .aa-fiche__cta--haut { background: var(--alb-ivoire); border: 1px solid var(--aa-bord); border-left: 1px solid var(--aa-bord);
  border-radius: 22px 22px 40px 40px / 22px 22px 26px 26px; padding: 1.1rem 1.1rem 1.4rem;
  box-shadow: 0 22px 38px -22px rgba(184, 67, 0, .6), inset 0 4px 0 var(--alb-soleil); }
html:not(#_) .aa .aa-fiche__infos { background: var(--alb-ivoire); border-color: var(--aa-bord); border-radius: 18px; }
html:not(#_) .aa .aa-fiche__infos dt, html:not(#_) .aa .aa-fiche__physique dt { color: var(--aa-muet); }
html:not(#_) .aa .aa-fiche__phy { background: #fff; border-color: #ead6b4; border-radius: 14px 14px 22px 22px / 14px 14px 14px 14px; }
html:not(#_) .aa .aa-fiche__physique dd { color: var(--alb-encre); }
html:not(#_) .aa .aa-fiche__plage { background: #ffe3c6; color: #5a2200; border-radius: 999px; }
html:not(#_) .aa .aa-fiche__texte p { color: #2a2823; }
html:not(#_) .aa .aa-fiche__barre { background: rgba(16, 49, 58, .94); }
html:not(#_) .aa .aa-depot__bloc { background: var(--alb-ivoire); border-color: var(--aa-bord); border-radius: 20px; box-shadow: var(--aa-ombre); }
html:not(#_) .aa .aa-depot__bloc legend { color: var(--alb-encre); background: var(--alb-roseau); border-radius: 6px 6px 14px 14px / 6px 6px 10px 10px; padding: .15rem .8rem; }

/* ---- pied : lagune de nuit, crête de vague, cœur discret ---- */
html:not(#_) .aa .aa-footer { position: relative; border-top: 0; margin-top: 3.2rem; color: #e9dcc6;
  background: var(--alb-encre)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7-4.5-9.5-9A5 5 0 0 1 12 6a5 5 0 0 1 9.5 6C19 16.5 12 21 12 21z' fill='%23e6510030'/%3E%3C/svg%3E") no-repeat right 6% top 2.2rem; }
html:not(#_) .aa .aa-footer::before { content: ""; position: absolute; left: 0; right: 0; top: -22px; height: 23px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='23'%3E%3Cpath d='M0 12 Q20 2 40 12 T80 12 T120 12 T160 12 V23 H0Z' fill='%2310313a'/%3E%3C/svg%3E") repeat-x bottom; }
html:not(#_) .aa .aa-footer a { color: #f3e6d0; }
html:not(#_) .aa .aa-footer a:hover { color: #ffb070; }
html:not(#_) .aa .aa-footer__h { color: #ffb070; text-transform: none; letter-spacing: .02em; font-size: .95rem; font-family: var(--aa-police-titre); }
html:not(#_) .aa .aa-footer__brand { color: #fbefdc; text-transform: none; letter-spacing: 0; font-size: 1.25rem; }
html:not(#_) .aa .aa-footer__fictif { color: #d6c7ad; opacity: 1; }
html:not(#_) .aa .aa-footer__bas { border-top-color: rgba(251, 239, 220, .16); color: #d6c7ad; opacity: 1; }

/* ---- porte et pop-up : coque ivoire sous un soleil ---- */
html:not(#_) .aa .aa-gate, html:not(#_) .aa .aa-popup { background: rgba(13, 42, 49, .86); }
html:not(#_) .aa .aa-gate__box, html:not(#_) .aa .aa-popup__box { background: var(--alb-ivoire); color: var(--aa-texte);
  border: 0; border-radius: 26px 26px 46% 46% / 26px 26px 40px 40px; padding-bottom: 2.2rem;
  box-shadow: inset 0 5px 0 var(--alb-soleil), 0 30px 60px -20px rgba(0, 0, 0, .6); }
html:not(#_) .aa .aa-gate__mark { background: radial-gradient(circle, #ffb070, var(--alb-soleil)); color: #1a0d03; box-shadow: 0 0 0 8px rgba(230, 81, 0, .15); }
html:not(#_) .aa .aa-popup__fermer { color: var(--alb-encre); }
html:not(#_) .aa .aa-vide { background: var(--alb-ivoire); }

@media (prefers-reduced-motion: reduce) {
  html:not(#_) .aa .aa-ligne, html:not(#_) .aa .aa-ligne:hover { transition: none; transform: none; }
}