/* Dialysis Morocco — "Maghreb" theme: Moroccan red, Fès green, Majorelle blue, saffron, sand and zellige */
:root{
  --bg:#FBF6EE; --sand:#F5EADB; --line:#EBDDC8; --ink:#1E2420; --head:#1B2A24; --muted:#5F6862;
  --navy:#0F3B2E; --navy-2:#14503D;
  --red:#B8232F; --red-d:#8F1822; --red-soft:#FBE8E8;
  --turq:#2F55C8; --turq-d:#1F3F9E; --turq-soft:#E8EEFB;
  --gold:#D49A2A; --gold-l:#F1D394;
  --f-head:"El Messiri",Georgia,serif;
  --star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%23D49A2A' stroke-width='1.1'%3E%3Crect x='17' y='17' width='30' height='30'/%3E%3Crect x='17' y='17' width='30' height='30' transform='rotate(45 32 32)'/%3E%3Ccircle cx='32' cy='32' r='6'/%3E%3Cpath d='M0 0l11 11M64 0L53 11M0 64l11-11M64 64L53 53M32 0v6M32 58v6M0 32h6M58 32h6'/%3E%3C/svg%3E");
  --zellige:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Crect width='28' height='14' fill='%230F3B2E'/%3E%3Cpath d='M7 1l2.2 3.8L13 7l-3.8 2.2L7 13l-2.2-3.8L1 7l3.8-2.2z' fill='%23D49A2A'/%3E%3Cpath d='M21 3l1.6 2.4L25 7l-2.4 1.6L21 11l-1.6-2.4L17 7l2.4-1.6z' fill='%23B8232F'/%3E%3Ccircle cx='7' cy='7' r='1.4' fill='%230F3B2E'/%3E%3C/svg%3E");
}
html[lang=ar]{--f-head:"El Messiri","Noto Kufi Arabic",sans-serif}

/* logo and accents */
.logo{font-family:var(--f-head);font-weight:700;letter-spacing:.01em}
.logo b{color:var(--navy)}
.logo .ma{color:var(--red)}
.eyebrow::before{background:var(--red);box-shadow:0 0 0 3px rgba(184,35,47,.16)}
.pill::before{background:var(--gold)}
.hero h1 em{color:var(--gold-l)}
.hero::after{background:linear-gradient(100deg,rgba(10,32,25,.94) 0%,rgba(10,32,25,.76) 42%,rgba(10,32,25,.25) 76%,rgba(10,32,25,.5) 100%)}
html[dir=rtl] .hero::after{background:linear-gradient(260deg,rgba(10,32,25,.94) 0%,rgba(10,32,25,.76) 42%,rgba(10,32,25,.25) 76%,rgba(10,32,25,.5) 100%)}
.topbar{background:#0B2E24}

/* zellige bands */
.zl{height:14px;background:var(--zellige);background-size:28px 14px}
.hero + .zl{position:relative;z-index:3}
.ftr{border-top:0}
.ribbon{background:var(--turq-d)}
.ribbon a::after{background:var(--gold)}

/* Moorish arches on photos */
.city-photo{border-radius:999px 999px var(--r) var(--r);overflow:hidden;box-shadow:var(--shadow-lg);border:6px solid #fff;outline:1px solid var(--line)}
.city-photo img{border-radius:0;aspect-ratio:4/4.4;object-fit:cover;width:100%}
.gallery a{border-radius:200px 200px 16px 16px;aspect-ratio:3/4}
.daviva-media{border-radius:999px 999px 24px 24px;aspect-ratio:4/4.6}
.collage .c1{border-radius:999px 999px 22px 22px}
.dest{border-radius:var(--r)}
.dest.big{border-radius:420px 420px var(--r) var(--r)}
.dest::after{background:linear-gradient(180deg,rgba(0,0,0,0) 36%,rgba(10,32,25,.88))}
.dest .reg{color:var(--gold-l)}

/* cards and blocks */
.card:hover{border-color:rgba(212,154,42,.55)}
.ico{background:var(--turq-soft);color:var(--turq-d);border-radius:14px 14px 50% 50%/14px 14px 30% 30%}
.tl .num{border-color:var(--gold);color:var(--navy)}
.tl .num i{background:var(--red)}
.cta{background:linear-gradient(120deg,var(--navy) 0%,#124A39 55%,#0A2A20 100%)}
.cta::after{content:"";position:absolute;inset:auto 0 0 0;height:14px;background:var(--zellige);background-size:28px 14px}
.centre{border-color:rgba(15,59,46,.18);background:linear-gradient(180deg,#fff,#F8FBF9)}
.centre .pin{color:var(--red)}
.centre .tag{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;color:var(--turq-d);background:var(--turq-soft);border-radius:999px;padding:3px 10px}
.partners .partner b{color:var(--red)}
.stats b{color:var(--red)}
.note{background:var(--turq-soft);color:var(--turq-d)}
.sec-navy{background:var(--navy)}
.btn-teal{background:var(--turq-d)}
.btn-teal:hover{background:var(--navy);color:#fff}
.chip:hover{border-color:var(--gold);color:var(--red)}

/* city list on the centres page */
.cblock{margin:0 0 44px}
.cblock h2{display:flex;align-items:center;gap:12px;font-size:28px}
.cblock h2 a{font:600 14px/1 var(--f-body);color:var(--turq-d)}
.disc-box{background:#fff;border:1px dashed var(--gold);border-radius:16px;padding:16px 18px;font-size:14.5px;color:var(--muted);margin:0 0 32px}

/* sister services strip */
.partners .wrap{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}
.partners p{margin:0;font:600 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
html[lang=ar] .partners p{letter-spacing:0}

/* hero: Moorish arch instead of the diagonal band */
.hero::before{top:9%;bottom:-6%;right:5%;left:auto;width:36%;transform:none;border-radius:999px 999px 0 0;background:linear-gradient(180deg,rgba(15,59,46,.62),rgba(10,40,31,.5));box-shadow:inset 0 0 0 2px rgba(241,211,148,.38),0 0 0 14px rgba(241,211,148,.06)}
html[dir=rtl] .hero::before{right:auto;left:5%;transform:none}
h1,h2{text-transform:none;letter-spacing:0;line-height:1.14}
h1{letter-spacing:-.005em}
.logo{text-transform:none}
@media (min-width:1001px){.dest.big-r{grid-column:3/span 2}}

/* footer and video section: Fès green / Majorelle night instead of Turkish maroon */
.ftr{background:#0B2E24;color:#CFE0D8;margin-top:0}
.ftr a{color:#CFE0D8}
.ftr .legal{color:#93AFA3}
.zl:has(+ .ftr){margin-top:104px}
.sec-video{background:radial-gradient(120% 90% at 50% 0%,#1C3F8A 0%,#122B60 55%,#0D1F45 100%);color:#E3E9F7}
.vcard{background:linear-gradient(180deg,#1A2F5E,#13244A)}
.vplay{background:var(--red)}
.cblock h2{flex-wrap:wrap;align-items:baseline;justify-content:space-between}
.cblock h2 a{display:inline-flex;align-items:center;gap:6px}
.cblock h2 svg{width:16px;height:16px;flex:none}
html[dir=rtl] .cblock h2 svg,html[dir=rtl] .link-arrow svg{transform:scaleX(-1)}
@media (max-width:980px){.city-photo{max-width:440px;margin:0 auto;width:100%}}
.card .btn-ghost{text-transform:none;letter-spacing:0;font-size:14px}