/* ---------- VERSION MAROCAINE ----------
   Sable, vert zellige et terre cuite. Arcs outrepassés sur les photos,
   frise géométrique en en-tête, motif en losanges. ---------- */
:root{
  --fond:#f8f2e7; --carte:#fffaf1; --texte:#2e2016; --doux:#8a7458; --trait:#e2d3ba;
  --accent:#0f6156; --contraste:#f8f2e7; --terre:#c1662f; --or:#c9a227;
  --titre:"Iowan Old Style",Georgia,"Times New Roman",serif;
  --corps:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --largeur:1060px; --r:10px; --gap:12px; --ombre:0 2px 10px rgba(46,32,22,.07);
  --h1:clamp(1.9rem,4.6vw,2.9rem); --h2:1.35rem; --espace:64px;
}
body{line-height:1.7}

/* Frise zellige : losanges en dégradés, répétés horizontalement */
.frise{height:16px;
  background:
    repeating-linear-gradient(45deg,  var(--accent) 0 8px, transparent 8px 16px),
    repeating-linear-gradient(-45deg, var(--terre)  0 8px, transparent 8px 16px),
    var(--or);
  background-size:16px 16px;}

h2{position:relative;padding-left:26px;color:var(--accent)}
h2::before{content:"";position:absolute;left:0;top:.28em;width:13px;height:13px;
           background:var(--terre);transform:rotate(45deg)}

.page > header{text-align:center;padding:16px 0 8px}
.statut{color:var(--terre);font-weight:700}
.lieu{font-family:var(--titre);font-size:1.12rem;color:var(--doux)}
.prix{color:var(--accent);font-weight:700}
.accroches{justify-content:center}
.accroches li{background:var(--carte);border-color:var(--trait);border-radius:99px;
              box-shadow:var(--ombre)}

/* Photos en arc outrepassé, la première en grand arc plein cintre */
.vignette{border:3px solid var(--carte);box-shadow:var(--ombre);
          border-radius:44% 44% 10px 10px / 26% 26% 10px 10px}
.galerie .grande .vignette{border-radius:50% 50% 12px 12px / 34% 34% 12px 12px}
.galerie figcaption{text-align:center;font-family:var(--titre);font-size:.86rem;padding-top:10px}

.carte{border-color:var(--trait);position:relative;overflow:hidden}
.carte::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:repeating-linear-gradient(180deg,var(--accent) 0 10px,var(--terre) 10px 20px)}
.carte .intitule{color:var(--accent);font-size:1.1rem}
.forts li::before{width:9px;height:9px;transform:rotate(45deg);background:var(--terre);top:.5em}

.carac{border-color:var(--trait);background:var(--carte);border-radius:var(--r);overflow:hidden}
.carac div{border-color:var(--trait)}
.carac dt{color:var(--terre);letter-spacing:.1em}
.carac dd{font-family:var(--titre);font-size:1.06rem}

.videos video{border:3px solid var(--carte);box-shadow:var(--ombre)}

/* Contact : fond vert zellige avec liseré doré */
.contact{position:relative;border:2px solid var(--or)}
.contact::before{content:"";position:absolute;inset:0;opacity:.13;pointer-events:none;
  background:
    repeating-linear-gradient(45deg,  #fff 0 10px, transparent 10px 20px),
    repeating-linear-gradient(-45deg, #fff 0 10px, transparent 10px 20px)}
.contact > *{position:relative}
.contact .liens a{border-color:var(--or);border-radius:99px}
.contact .liens a:hover{background:var(--or);color:var(--texte);border-color:var(--or)}
footer{font-family:var(--titre)}