/* ELAF warm theme for /hotels/ — append after the page <style>. Preview only. */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=Cairo:wght@600;700;800&family=Playfair+Display:wght@600;700&family=DM+Sans:wght@400;500;700&display=swap');
:root{
 --elaf-green-900:#4A1220; /* deep emerald: header, text on cream (AA 12.9:1 on cream) */
 --elaf-green-700:#6B1E2E; /* primary buttons, prices (6.6:1 on white) */
 --elaf-green-500:#9C4A2A; /* hover, accents */
 --elaf-gold-500:#C99A3E;  /* borders, dividers, decorative only */
 --elaf-gold-300:#E9C77B;  /* gold text on dark green (8.1:1 on #4A1220) */
 --elaf-sand-50:#FCF8F1;   /* page background */
 --elaf-sand-100:#F5ECDD;  /* section bands, price box */
 --elaf-terracotta:#B5532E;/* warm accent: badges, "best value" (4.9:1 on white) */
 --elaf-ink:#2A2620;       /* body text (14:1 on sand) */
 --elaf-muted:#5E5546;     /* secondary text (6.9:1 on sand) */
 --elaf-wa:#9C4A2A;        /* WhatsApp button (4.6:1 white text) */
 --elaf-radius:18px;--elaf-shadow:0 10px 30px rgba(60,40,10,.10),0 2px 6px rgba(60,40,10,.06);
 --elaf-hero-img:none;     /* set to url(/wp-content/uploads/...licensed-haram-photo.jpg) */
}
body{background:var(--elaf-sand-50);color:var(--elaf-ink);font-family:"DM Sans",Tajawal,Arial,sans-serif;line-height:1.55}
html[dir=rtl] body,body:lang(ar){font-family:Tajawal,"DM Sans",Arial,sans-serif}
h1,h2,h3{font-family:"Playfair Display",Cairo,Georgia,serif;color:var(--elaf-green-900);letter-spacing:-.01em}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:Cairo,Tajawal,sans-serif;letter-spacing:0}
/* Hero */
header{position:relative;min-height:clamp(340px,52vh,520px);display:flex;align-items:flex-end;padding:40px 16px 96px;color:#fff;
 background:linear-gradient(180deg,rgba(14,59,44,.35) 0%,rgba(14,59,44,.82) 78%),var(--elaf-hero-img),
 radial-gradient(120% 80% at 80% 0%,#7A2436 0%,transparent 60%),radial-gradient(90% 70% at 10% 10%,#C99A3E55 0%,transparent 55%),
 linear-gradient(135deg,#4A1220,#6B1E2E 55%,#5A4A22);background-size:cover;background-position:center}
header .w{width:100%}
header h1{color:#fff;font-size:clamp(1.9rem,5vw,3.2rem);margin:10px 0 8px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
header p{color:#F6EBD3;font-size:1.05rem;max-width:640px}
.nav a{color:var(--elaf-gold-300);font-weight:600;text-decoration:none;border-bottom:1px solid transparent}.nav a:hover{border-color:var(--elaf-gold-300)}
/* Search bar (big-brand booking widget) */
.elaf-search{position:relative;z-index:3;max-width:1100px;margin:-56px auto 8px;background:#fff;border-radius:22px;box-shadow:0 18px 40px rgba(14,59,44,.18);
 display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:0;padding:8px;border:1px solid #EFE3CC}
.elaf-search label{display:flex;flex-direction:column;padding:10px 16px;font-size:.72rem;font-weight:700;color:var(--elaf-muted);text-transform:uppercase;letter-spacing:.04em;border-inline-end:1px solid #EFE3CC}
.elaf-search label span{font-size:1rem;color:var(--elaf-ink);text-transform:none;letter-spacing:0;font-weight:600;margin-top:4px}
.elaf-search button{background:var(--elaf-green-700);color:#fff;border:0;border-radius:16px;padding:0 28px;font-weight:800;font-size:1rem;cursor:pointer}
.elaf-search button:hover{background:var(--elaf-green-500)}
@media(max-width:760px){.elaf-search{grid-template-columns:1fr 1fr;margin:-48px 12px 8px}.elaf-search label:first-child{grid-column:1/-1}.elaf-search label{border:0;border-bottom:1px solid #EFE3CC}.elaf-search button{grid-column:1/-1;padding:14px}}
/* Trust strip */
.elaf-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;max-width:1100px;margin:14px auto 6px;padding:12px 16px;color:var(--elaf-green-900);font-weight:600;font-size:.92rem}
.elaf-trust span::before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-inline-end:8px;border-radius:50%;background:var(--elaf-sand-100);color:var(--elaf-terracotta);font-weight:800;border:1px solid var(--elaf-gold-500)}
/* Filters */
.flt label{color:var(--elaf-muted)}.flt select{border:1px solid #E2D3B5;border-radius:12px;padding:10px 12px;background:#fff;color:var(--elaf-ink)}
/* Hotel cards */
.row{gap:16px;padding:10px 4px 20px}
.hc{width:min(62vw,240px);min-height:170px;background:#fff;color:var(--elaf-ink);border:1px solid #EFE3CC;border-top:4px solid var(--elaf-gold-500);border-radius:var(--elaf-radius);padding:16px;box-shadow:var(--elaf-shadow);transition:transform .2s,box-shadow .2s}
.hc:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(60,40,10,.16)}
.hc .c{color:var(--elaf-terracotta);font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.hc b{font-family:"Playfair Display",Cairo,serif;font-size:1.08rem;color:var(--elaf-green-900)}
html[dir=rtl] .hc b{font-family:Cairo,Tajawal,sans-serif}
.hc .s{color:var(--elaf-muted);opacity:1}
/* Price box */
.hc .p,.elaf-hs-p,.tag:has(.elaf-pr){background:var(--elaf-sand-100)!important;border:1px solid var(--elaf-gold-500)!important;border-radius:14px!important;color:var(--elaf-green-900)}
.elaf-pr .pv{color:var(--elaf-green-700);font-family:"DM Sans",Tajawal,sans-serif}
.elaf-pr .pu{color:var(--elaf-muted)}.elaf-pr .pn{color:var(--elaf-terracotta)}
.elaf-ror .pv{color:#8A5A00}
/* Panels, buttons, map */
.b{background:#fff;border:1px solid #EFE3CC;border-radius:var(--elaf-radius);box-shadow:var(--elaf-shadow);padding:22px}
.btn{background:var(--elaf-green-700);border-radius:14px;padding:12px 22px;box-shadow:0 6px 14px rgba(19,105,74,.25);transition:background .2s}
.btn:hover{background:var(--elaf-green-500)}.btn.wa,.wa{background:var(--elaf-wa)}
.tag{background:var(--elaf-sand-100);color:var(--elaf-green-900);border:1px solid var(--elaf-gold-500)}
#map{border:1px solid #E2D3B5;border-radius:var(--elaf-radius);box-shadow:var(--elaf-shadow)}
.pin{background:var(--elaf-green-900);border-color:var(--elaf-gold-300)}
footer{background:var(--elaf-green-900);color:#E9DFC9;margin-top:32px}footer a{color:var(--elaf-gold-300)}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--elaf-gold-500);outline-offset:2px}
/* RTL polish */
html[dir=rtl] .elaf-pr{align-items:flex-end}html[dir=rtl] .nav a{margin-inline-end:16px}
html[dir=rtl] body{line-height:1.8}

/* v2 layout: grid, city sections, cards */
.row,.elaf-hs-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;overflow:visible!important;direction:inherit!important;scroll-snap-type:none!important}
.row .hc,.hc{width:auto!important;flex:initial}
.w{max-width:1180px;margin:auto;padding:0 18px}
.city-band{display:flex;align-items:center;gap:16px;margin:44px 0 20px;padding:18px 24px;border-radius:20px;color:#fff;background:linear-gradient(120deg,var(--elaf-green-900),var(--elaf-green-700));border-inline-start:6px solid var(--elaf-gold-500);box-shadow:var(--elaf-shadow)}
.city-band.mad{background:linear-gradient(120deg,#4A1220,#7A2436 60%,#6B5526)}
.city-band h2{color:#fff;margin:0;font-size:clamp(1.4rem,3vw,2rem)}
.city-band p{margin:2px 0 0;color:#F6EBD3;font-size:.95rem}
.city-band .cnt{margin-inline-start:auto;background:var(--elaf-gold-500);color:var(--elaf-green-900);font-weight:800;border-radius:999px;padding:6px 14px;white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid #EFE3CC;border-radius:var(--elaf-radius);overflow:hidden;box-shadow:var(--elaf-shadow);text-decoration:none;color:var(--elaf-ink);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(60,40,10,.16)}
.card .img{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#6B1E2E,#4A1220 60%,#5A4A22);display:grid;place-items:center;color:var(--elaf-gold-300);font-family:"Playfair Display",Cairo,serif;font-size:1.3rem;text-align:center;padding:12px}
.card.mad .img{background:linear-gradient(135deg,#9C4A2A,#4A1220 55%,#8A6A2E)}
.card .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card .img .ct{position:absolute;top:12px;inset-inline-start:12px;background:rgba(252,248,241,.95);color:var(--elaf-terracotta);font:700 .72rem "DM Sans",Tajawal,sans-serif;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:4px 10px}
.card .bd{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3{margin:0;font-size:1.18rem;line-height:1.3}
.card .st{color:var(--elaf-gold-500);letter-spacing:2px;font-size:1rem}
.card .ds{color:var(--elaf-muted);font-size:.9rem}
.card .ds::before{content:"📍 "}
.card .pr{margin-top:auto;background:var(--elaf-sand-100);border:1px solid var(--elaf-gold-500);border-radius:14px;padding:10px 14px}
.card .pr .f{font-size:.78rem;color:var(--elaf-muted);display:block}
.card .pr .v{font-size:1.45rem;font-weight:800;color:var(--elaf-green-700)}
.card .pr .u{font-size:.8rem;color:var(--elaf-muted);display:block}
.card .pr.ror .v{color:#8A5A00;font-size:1.15rem}
.card .cta{font-weight:700;color:var(--elaf-green-700)}
.elaf-search select,.elaf-search input{font:600 1rem "DM Sans",Tajawal,sans-serif;color:var(--elaf-ink);border:0;background:transparent;margin-top:4px;padding:0;min-width:0}
html[dir=rtl] .elaf-search label,html[dir=rtl] .card .img .ct{letter-spacing:0;text-transform:none}
html[dir=rtl] .card h3,html[dir=rtl] .card .img{font-family:Cairo,Tajawal,sans-serif}
@media(max-width:1024px){.grid,.row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.grid,.row{grid-template-columns:1fr!important}.city-band{flex-wrap:wrap;padding:16px}.city-band .cnt{margin-inline-start:0}header{padding-bottom:90px}}

/* ===== v3 luxury-hospitality palette: burgundy · gold foil · ivory · copper (no green) ===== */
:root{--elaf-green-900:#4A1220;--elaf-green-700:#6B1E2E;--elaf-green-500:#9C4A2A;--elaf-wa:#9C4A2A;--elaf-terracotta:#B5603A;
--v3-bg:#FBF6EC;--v3-ivory:#FFFDF8;--v3-burg:#6B1E2E;--v3-burg-d:#3E0F1A;--v3-night:#22101A;--v3-copper:#9C4A2A;--v3-copper-d:#7E3A20;--v3-brown:#4A2E22;
--v3-foil:linear-gradient(100deg,#8C6420 0%,#D9AE4E 22%,#F7E2A3 42%,#C9973A 60%,#F3D88C 78%,#A57A2C 100%);
--elaf-shadow:0 12px 32px rgba(62,15,26,.12),0 2px 6px rgba(62,15,26,.06)}
body{background:var(--v3-bg)!important;color:#2A1F1A}
.foil,header h1,.city-band h2,.faq h2{background:var(--v3-foil);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
header{position:relative;background:radial-gradient(1200px 400px at 85% -10%,rgba(217,174,78,.28),transparent 60%),radial-gradient(800px 380px at 0% 110%,rgba(181,96,58,.30),transparent 60%),linear-gradient(135deg,var(--v3-night) 0%,var(--v3-burg-d) 38%,var(--v3-burg) 72%,#8A2E3A 100%)!important;color:#F8EBD6!important;border-bottom:3px solid transparent;border-image:var(--v3-foil) 1}
header::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(45deg,rgba(247,226,163,.05) 0 2px,transparent 2px 22px);mix-blend-mode:screen}
header h1{font-size:clamp(2rem,4.6vw,3.3rem)!important;letter-spacing:.01em;text-shadow:none}
header p,header a{color:#F3E2C4!important}
.city-band{background:linear-gradient(120deg,var(--v3-burg-d),var(--v3-burg) 55%,#8E3A2C)!important;border-inline-start:6px solid #D9AE4E!important;position:relative;overflow:hidden}
.city-band.mad{background:linear-gradient(120deg,var(--v3-night),#5A1A2A 50%,var(--v3-brown))!important}
.city-band::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(247,226,163,.18) 50%,transparent 60%);pointer-events:none}
.city-band .cnt,.badge-st{background:var(--v3-foil)!important;color:#3E0F1A!important;font-weight:800}
.city-band p{color:#F3E2C4!important}
.card{border:1px solid #EADBC0!important;background:var(--v3-ivory)!important;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
.card:hover,.card:focus-visible{transform:translateY(-6px);box-shadow:0 22px 46px rgba(62,15,26,.20);border-color:#D9AE4E!important}
.card .img img{transition:transform .5s}.card:hover .img img{transform:scale(1.05)}
.card .img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(34,16,26,0) 45%,rgba(34,16,26,.55));pointer-events:none}
.card .img .ct{z-index:2;background:rgba(255,253,248,.95)!important;color:var(--v3-burg)!important}
.card .img.noimg{background:radial-gradient(circle at 50% 30%,rgba(247,226,163,.22),transparent 55%),linear-gradient(140deg,var(--v3-burg-d),var(--v3-burg) 55%,#7A3A24)!important;flex-direction:column;gap:6px;padding:18px 16px}
.card.mad .img.noimg{background:radial-gradient(circle at 50% 30%,rgba(247,226,163,.22),transparent 55%),linear-gradient(140deg,var(--v3-night),#5A1A2A 55%,var(--v3-brown))!important}
.card .img.noimg::before{content:"";position:absolute;inset:10px;border:1px solid rgba(217,174,78,.55);border-radius:12px;pointer-events:none}
.noimg .mono{z-index:1;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:2px solid #D9AE4E;font:700 1.6rem "Playfair Display",Cairo,serif;background:var(--v3-foil);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.noimg .hn{z-index:1;font:600 1.22rem/1.3 "Playfair Display",Cairo,serif;background:var(--v3-foil);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;max-width:92%}
.noimg .orn{z-index:1;color:#D9AE4E;font-size:.7rem;letter-spacing:.5em}
.card .st{background:var(--v3-foil);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.card .pr{background:linear-gradient(135deg,#FFF8E8,#F6E7C6)!important;border:1px solid #D9AE4E!important}
.card .pr .v{color:var(--v3-burg)!important}.card .pr.ror .v{color:var(--v3-copper-d)!important}
.card .cta{color:var(--v3-copper)!important}
.btn,.elaf-search button,button.btn,.bk button{background:linear-gradient(180deg,#B5603A,#8E4224)!important;color:#fff!important;border:0!important;border-radius:999px!important;box-shadow:0 6px 16px rgba(126,58,32,.30);font-weight:700}
.btn:hover,.bk button:hover{background:linear-gradient(180deg,#9C4A2A,#6E3018)!important}
.btn.wa{background:linear-gradient(180deg,#5A1A2A,#3E0F1A)!important}
.btn.alt{background:linear-gradient(180deg,#4A2E22,#2E1C14)!important}
.btn:focus-visible,.mbar a:focus-visible{outline:3px solid #D9AE4E;outline-offset:2px}
.elaf-trust span{color:var(--v3-burg)!important}
.b{background:var(--v3-ivory)!important;border-color:#EADBC0!important}
h2,h3{color:var(--v3-burg)}
.elaf-bk-ok{background:#FFF8E8!important;border:2px solid #D9AE4E!important;color:#2A1F1A}
.paystep h3{font-size:1.4rem;margin:0 0 6px}.paystep .popts{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.paystep .dep{background:#F6E7C6;border-radius:10px;padding:8px 12px}
.faq{margin:48px auto 24px}.faq h2{font-size:clamp(1.5rem,3vw,2.1rem)}
.faq details{background:var(--v3-ivory);border:1px solid #EADBC0;border-inline-start:4px solid #D9AE4E;border-radius:14px;padding:14px 18px;margin:10px 0;box-shadow:var(--elaf-shadow)}
.faq summary{cursor:pointer;font-weight:700;color:var(--v3-burg)}.faq p{margin:8px 0 0;color:#4A3A30}
.mbar{display:none}
@media(max-width:760px){.mbar{display:flex;position:fixed;z-index:999;inset-inline:0;bottom:0;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(62,15,26,.97);border-top:2px solid #D9AE4E;box-shadow:0 -8px 24px rgba(0,0,0,.25)}
 .mbar a{flex:1;text-align:center;padding:13px 8px;border-radius:999px;font-weight:800;text-decoration:none;font-size:1rem}
 .mb-book{background:var(--v3-foil);color:#3E0F1A!important}.mb-wa{background:linear-gradient(180deg,#B5603A,#8E4224);color:#fff!important}
 body{padding-bottom:78px}}
html[dir=rtl] .noimg .hn,html[dir=rtl] .noimg .mono{font-family:Cairo,Tajawal,sans-serif}
/* status page */
.elaf-status .st-hd{background:linear-gradient(135deg,var(--v3-night),var(--v3-burg));padding:22px 0;color:#F3E2C4}.elaf-status .st-hd a{color:#F3E2C4}
.elaf-status .st-hd h1{margin:6px 0 0;background:var(--v3-foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-main .b{margin:18px 0;padding:18px;border:1px solid #EADBC0;border-radius:16px}.badge-st{display:inline-block;border-radius:999px;padding:6px 14px}
.st-main .po{margin:12px 0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.note.ok{border-color:#D9AE4E!important}.note.warn{border-color:#B5603A!important}.muted{color:#6E5E50}
.kv{list-style:none;padding:0}.tl{color:#5E4A3E;font-size:.9rem}