/* encuentros-malaga.com — registre « OCRE ANDALOU » (annoncesastro, skin-1, compo-5). Palette : ocre du favicon #ef6c00 (décor, lueurs) · ocre brûlé #a8490a (liens, boutons, filets, 5,7:1 sur la chaux) · sienne #8a3a05 · chaux #fffdf8/#fdf6ea/#f6efe3 · encre brun #2f2115 · muet terre #6d5540 (6,8:1) · pied ocre profond #55250a sur #f7e9d8 (10,6:1). Formes : frise de FESTONS sous l'en-tête et au-dessus du pied, grande ARCHE derrière le titre, vignettes et photo en ARCHE, tuiles à COIN ASYMÉTRIQUE, boutons en CARTOUCHE, villes en AZULEJOS. --aa-accent est en style inline sur et : on n'y touche pas ; le reste passe par `.aa:not(#_)` (>= 1 id) pour devancer `.skin-1`, posé sur le même . */ body.aa:not(#_) { --aa-primaire: #a8490a; --aa-primaire-txt: #fffdf8; --aa-secondaire: #5c2c05; --aa-secondaire-txt: #fffdf8; --aa-fond: #f6efe3; --aa-surface: #fffdf8; --aa-texte: #2f2115; --aa-muet: #6d5540; --aa-bord: #e6d8c3; --aa-tete: #fffdf8; --aa-tete-txt: #2f2115; --aa-pied: #55250a; --aa-pied-txt: #f7e9d8; --aa-rayon: 18px; --aa-rayon-s: 10px; --aa-max: 1120px; --aa-ombre: 0 1px 0 rgba(255,255,255,.7), 0 14px 28px -20px rgba(120,58,10,.45); --aa-police: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; --aa-police-titre: Georgia, "Iowan Old Style", "Times New Roman", serif; --oa-arc: color-mix(in srgb,var(--aa-accent) 30%,transparent); --oa-chaux: #fdf6ea; --oa-cartouche: linear-gradient(168deg,#b8500a,#8a3a05); --oa-tuile: 20px 5px 20px 5px; background-image: radial-gradient(circle at 15px 15px,rgba(168,73,10,.028) 0 1.1px,transparent 1.7px); background-size: 31px 31px; } .aa:not(#_) .aa-header { border-bottom: 0; background: linear-gradient(180deg,#fffdf8,var(--oa-chaux)); } .aa:not(#_) .aa-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; height: 10px; pointer-events: none; background: radial-gradient(circle at 11px 0,var(--oa-chaux) 0 9px,transparent 9.6px) 0 0 / 22px 10px repeat-x; filter: drop-shadow(0 1.5px 0 rgba(168,73,10,.38)); } .aa:not(#_) .aa-header:has(.aa-nav-toggle:checked)::after { opacity: 0; } .aa:not(#_) .aa-logo, .aa:not(#_) .aa-nav a { color: #40230c; } .aa:not(#_) .aa-logo__mark { width: 13px; height: 16px; transform: none; border-radius: 999px 999px 3px 3px; background: var(--oa-cartouche); box-shadow: 0 0 0 3px color-mix(in srgb,var(--aa-accent) 18%,transparent); } .aa:not(#_) .aa-nav a { border-radius: 999px 999px 5px 5px; } @media (min-width: 801px) { .aa:not(#_) .aa-nav { border-top: 1px dotted color-mix(in srgb,var(--aa-accent) 40%,#d9c6a8); } .aa:not(#_) .aa-nav a { border-bottom: 0; border-radius: 999px 999px 6px 6px; padding: .6rem .85rem; } .aa:not(#_) .aa-nav a:hover, .aa:not(#_) .aa-nav a.is-actif { background: color-mix(in srgb,var(--aa-accent) 14%,transparent); color: #7a3406; } } .aa:not(#_) .aa-nav__cta a { background: var(--oa-cartouche); border-radius: 12px 4px 12px 4px; box-shadow: 0 6px 14px -9px rgba(138,58,5,.8); } .aa:not(#_) .aa-btn { border-radius: 13px 4px 13px 4px; letter-spacing: .08em; } .aa:not(#_) .aa-btn--primaire { background: var(--oa-cartouche); color: #fffdf8; border-color: #6f2e04; box-shadow: 0 10px 22px -14px rgba(138,58,5,.85), inset 0 1px 0 rgba(255,233,208,.4); } .aa:not(#_) .aa-btn--primaire:hover { box-shadow: 0 14px 26px -14px rgba(239,108,0,.85), inset 0 1px 0 rgba(255,233,208,.55); } .aa:not(#_) .aa-btn--secondaire { background: var(--aa-surface); color: #5c2c05; border-color: #b8925f; } .aa:not(#_) .aa-btn--secondaire:hover { background: #fdf3e5; border-color: #a8490a; color: #7a3406; } .aa:not(#_) .aa-deposer-cta .aa-btn { background: var(--oa-chaux); border-width: 2px; border-color: color-mix(in srgb,var(--aa-accent) 45%,#c9a677); padding: .6em 1.5em; } .aa:not(#_) .aa-hero { position: relative; overflow: hidden; border-bottom: 0; text-align: center; background: linear-gradient(180deg,#fdf5e9,var(--aa-fond) 78%); padding-block: 2.2rem 2.4rem; } .aa:not(#_) .aa-hero::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: .7rem; z-index: 0; width: min(760px,90%); height: min(330px,52vw); pointer-events: none; border: 2px solid var(--oa-arc); border-bottom: 0; border-radius: 50% 50% 0 0 / 62% 62% 0 0; background: linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,0) 62%); } .aa:not(#_) .aa-hero__in { position: relative; z-index: 1; } .aa:not(#_) .aa-h1, .aa:not(#_) .aa-ligne__titre a, .aa:not(#_) .aa-fiche__titre { color: #34210f; } .aa:not(#_) .aa-hero__chiffres { color: #7a3406; letter-spacing: .04em; } .aa:not(#_) .aa-hero__form { width: min(100%,560px); border: 2px solid color-mix(in srgb,var(--aa-accent) 26%,#e6d8c3); border-radius: 30px 30px 12px 12px; background: var(--aa-surface); padding: 1.4rem 1.25rem 1.2rem; box-shadow: var(--aa-ombre); } .aa:not(#_) .aa-hero__form-h, .aa:not(#_) .aa-h2 { color: #40230c; } .aa:not(#_) .aa-h2 { display: flex; align-items: baseline; gap: .5rem; } .aa:not(#_) .aa-h2::before { content: ""; flex: none; width: .78em; height: .4em; align-self: center; background: linear-gradient(180deg,color-mix(in srgb,var(--aa-accent) 80%,#fff),#b8500a); border-radius: 999px 999px 2px 2px; } .aa:not(#_) .aa-bloc__tete { border-bottom: 1px dotted #d9c6a8; padding-bottom: .3rem; margin-bottom: .9rem; } .aa:not(#_) .aa-bloc__tete .aa-h2 { margin-bottom: .2rem; } .aa:not(#_) .aa-liste { gap: .75rem; border-top: 0; } .aa:not(#_) .aa-ligne { background: var(--aa-surface); border: 1px solid var(--aa-bord); border-left: 3px solid color-mix(in srgb,var(--aa-accent) 34%,#eadcc6); border-radius: var(--oa-tuile); box-shadow: var(--aa-ombre); padding: .8rem; } .aa:not(#_) .aa-ligne:hover { background: #fffaf1; border-color: color-mix(in srgb,var(--aa-accent) 35%,var(--aa-bord)); border-left-color: var(--aa-accent); } .aa:not(#_) .aa-ligne__img { border-radius: 46% 46% 6px 6px / 32% 32% 6px 6px; box-shadow: inset 0 0 0 1px rgba(168,73,10,.18); } .aa:not(#_) .aa-ligne__titre a:hover { color: #a8490a; } .aa:not(#_) .aa-ligne__cat, .aa:not(#_) .aa-fiche__cat, .aa:not(#_) .aa-fiche__cat a { color: #a8490a; letter-spacing: .09em; } .aa:not(#_) .aa-ligne__new, .aa:not(#_) .aa-fiche__new { background: #fff4e4; color: #8a3a05; border: 1px solid color-mix(in srgb,var(--aa-accent) 45%,#e6d8c3); border-radius: 999px; letter-spacing: .05em; } .aa:not(#_) .aa-ligne__lire { color: #8a3a05; border-bottom: 2px solid color-mix(in srgb,var(--aa-accent) 55%,transparent); } .aa:not(#_) .aa-ligne__lire:hover { color: #a8490a; border-bottom-color: var(--aa-accent); } @media (min-width: 720px) { .aa:not(#_) .aa-ligne { padding: .85rem 1rem .85rem .8rem; } } .aa:not(#_) .aa-filtres { background: var(--oa-chaux); border: 1px solid var(--aa-bord); border-radius: var(--oa-tuile); padding: 1rem 1.1rem; box-shadow: var(--aa-ombre); } .aa:not(#_) .aa-filtres__champ, .aa:not(#_) .aa-crumbs ol { color: #6a4a2c; } .aa:not(#_) select, .aa:not(#_) input[type="text"], .aa:not(#_) input[type="email"], .aa:not(#_) input[type="tel"], .aa:not(#_) input[type="number"], .aa:not(#_) textarea { border-radius: 11px 3px 11px 3px; border: 1px solid #ddc9a9; background: #fffdf8; } .aa:not(#_) .aa-pagination a, .aa:not(#_) .aa-pagination span { border-radius: 12px 3px 12px 3px; background: var(--aa-surface); border-color: #ddc9a9; } .aa:not(#_) .aa-pagination .is-actif { background: var(--oa-cartouche); border-color: #6f2e04; color: #fffdf8; } .aa:not(#_) .aa-side { border-top: 2px dotted color-mix(in srgb,var(--aa-accent) 38%,#d9c6a8); } .aa:not(#_) .aa-side__h, .aa:not(#_) .aa-depot__bloc legend { color: #7a3406; } .aa:not(#_) .aa-side__liste li { border-top-color: #e8dac4; } .aa:not(#_) .aa-liens--cats li { border-bottom: 1px dotted #d9c6a8; } .aa:not(#_) .aa-liens--villes li, .aa:not(#_) .aa-compo-5 .aa-liens--villes li { background: var(--oa-chaux); border: 1px solid color-mix(in srgb,var(--aa-accent) 22%,#e6d8c3); border-radius: 14px 4px 14px 4px; padding: .38rem .85rem; box-shadow: 0 6px 12px -11px rgba(120,58,10,.6); } .aa:not(#_) .aa-liens--villes li:hover { background: #fff4e4; border-color: color-mix(in srgb,var(--aa-accent) 45%,#e6d8c3); } /* textes secondaires : tous au muet terre (6,8:1 sur la chaux) */ .aa:not(#_) .aa-intro, .aa:not(#_) .aa-compte, .aa:not(#_) .aa-pagination__etat, .aa:not(#_) .aa-side__nb, .aa:not(#_) .aa-side__aide, .aa:not(#_) .aa-liens__nb, .aa:not(#_) .aa-ligne__date, .aa:not(#_) .aa-ligne__meta, .aa:not(#_) .aa-fiche__sous, .aa:not(#_) .aa-fiche__meta, .aa:not(#_) .aa-fiche__signaler, .aa:not(#_) .aa-fiche__infos dt, .aa:not(#_) .aa-fiche__physique dt, .aa:not(#_) .aa-repondre__intro, .aa:not(#_) .aa-form__aide, .aa:not(#_) .aa-retour, .aa:not(#_) .aa-regles, .aa:not(#_) .aa-popup__texte { color: var(--aa-muet); } .aa:not(#_) .aa-form__lbl { color: #4a3018; } .aa:not(#_) .aa-fiche__photo { border-radius: 46% 46% 12px 12px / 26% 26% 12px 12px; overflow: hidden; box-shadow: 0 18px 34px -24px rgba(120,58,10,.7), inset 0 0 0 1px rgba(168,73,10,.2); } .aa:not(#_) .aa-fiche__photo--vide { border-radius: 30px 30px 12px 12px; border-color: #ddc9a9; } /* l'arche rognait le coin haut-droit du badge : il descend au pied de la photo, où elle est droite */ .aa:not(#_) .aa-fiche__photo .aa-fiche__new { top: auto; bottom: .55rem; right: .6rem; background: rgba(255,244,228,.94); } .aa:not(#_) .aa-fiche__miniatures img { border-radius: 14px 4px 14px 4px; } .aa:not(#_) .aa-fiche__cta--haut { background: var(--oa-chaux); border: 2px solid color-mix(in srgb,var(--aa-accent) 28%,#e6d8c3); border-radius: 22px 6px 22px 6px; box-shadow: var(--aa-ombre); padding: 1rem; } .aa:not(#_) .aa-fiche__infos, .aa:not(#_) .aa-repondre, .aa:not(#_) .aa-vide, .aa:not(#_) .aa-depot__bloc { border-radius: var(--oa-tuile); border-color: var(--aa-bord); box-shadow: var(--aa-ombre); background: var(--aa-surface); } .aa:not(#_) .aa-repondre { padding: 1.3rem 1.2rem; } .aa:not(#_) .aa-fiche__plage { background: #fff4e4; color: #7a3406; border-radius: 999px 999px 8px 8px; border: 1px solid color-mix(in srgb,var(--aa-accent) 35%,#e6d8c3); } .aa:not(#_) .aa-fiche__phy { background: var(--oa-chaux); border-radius: 12px 3px 12px 3px; border-color: #e8dac4; } .aa:not(#_) .aa-chips li, .aa:not(#_) .aa-chip { background: #fff4e4; border-color: color-mix(in srgb,var(--aa-accent) 30%,#e6d8c3); border-radius: 999px; color: #5c2c05; } .aa:not(#_) .aa-chip:has(input:checked) { background: #ffe8cf; border-color: #a8490a; color: #7a3406; } /* barre basse de la fiche : habillée, jamais déplacée ; casse normale pour que le libellé tienne */ .aa:not(#_) .aa-fiche__barre { background: color-mix(in srgb,var(--oa-chaux) 94%,transparent); border-top: 2px solid color-mix(in srgb,var(--aa-accent) 40%,#e6d8c3); box-shadow: 0 -10px 22px -14px rgba(120,58,10,.55); } .aa:not(#_) .aa-fiche__barre .aa-btn { font-size: .74rem; letter-spacing: 0; text-transform: none; padding: .3em .45em; border-radius: 11px 3px 11px 3px; } .aa:not(#_) .aa-gate__box, .aa:not(#_) .aa-popup__box { border-radius: 28px 28px 12px 12px; border: 1px solid color-mix(in srgb,var(--aa-accent) 30%,#e6d8c3); box-shadow: 0 0 0 6px var(--aa-surface), 0 0 0 7px color-mix(in srgb,var(--aa-accent) 35%,#e6d8c3), 0 30px 60px -26px rgba(60,28,6,.6); } .aa:not(#_) .aa-gate { background: rgba(48,22,6,.84); } .aa:not(#_) .aa-gate__mark { background: var(--oa-cartouche); border-radius: 999px 999px 10px 10px; color: #fffdf8; } .aa:not(#_) .aa-popup__pour { color: #a8490a; } .aa:not(#_) .aa-popup__fermer { color: #7a3406; } .aa:not(#_) .aa-spin { border-color: #e6d8c3; border-top-color: var(--aa-accent); } .aa:not(#_) .aa-footer { position: relative; border-top: 0; margin-top: 3.4rem; padding-block: 2.6rem 1.2rem; background: linear-gradient(180deg,#5f2a0b,#48200a); color: var(--aa-pied-txt); text-align: center; } .aa:not(#_) .aa-footer::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; pointer-events: none; background: radial-gradient(circle at 11px 11px,#5f2a0b 0 9px,transparent 9.6px) 0 0 / 22px 10px repeat-x; } .aa:not(#_) .aa-footer__grid { gap: .9rem; } .aa:not(#_) .aa-footer__brand { color: #ffd9ac; font-size: 1.7rem; } .aa:not(#_) .aa-footer__membres { color: #f7e9d8; margin: 0 0 .2rem; } .aa:not(#_) .aa-footer__fictif { color: #e7c9a7; opacity: .95; max-width: 74ch; margin-inline: auto; } .aa:not(#_) .aa-footer__col + .aa-footer__col { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: .15rem .9rem; padding-top: .55rem; border-top: 1px dotted rgba(255,217,172,.28); } .aa:not(#_) .aa-footer__h { color: #f0b07a; opacity: 1; margin: 0; letter-spacing: .14em; } .aa:not(#_) .aa-footer ul { gap: .2rem 1rem; } .aa:not(#_) .aa-footer a { color: #ffeeda; text-underline-offset: 3px; } .aa:not(#_) .aa-footer a:hover { color: #ffd9ac; } .aa:not(#_) .aa-footer__bas { border-top: 1px solid rgba(255,217,172,.2); opacity: 1; color: #e7c9a7; justify-content: center; gap: 1.4rem; }