/*
Theme Name: Sharely Morocco Travel
Theme URI: https://sharelymoroccotravel.com/
Author: Sharely Morocco Travel
Description: Private Morocco tours 2–30 days in EN/FR/ES/IT – static pages served by the theme; forms email sharelymoroccotravel@gmail.com (copy in «Requests»).
Version: 1.1.0
Requires at least: 6.0
*/
:root{--navy:#14284d;--navy2:#0d1b36;--olive:#6f8f2a;--gold:#c08a2e;--gold2:#d9a74a;--sand:#f5efe4;--sand2:#ece2d0;--paper:#fffdf8;--ink:#1d2433;--muted:#667085;--line:#e6dccb;--r:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:400 16.5px/1.7 Outfit,system-ui,sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:Marcellus,Georgia,serif;font-weight:400;line-height:1.15;margin:0 0 .5em;color:var(--navy)}
h1{font-size:clamp(40px,5.4vw,72px)}h2{font-size:clamp(30px,3.4vw,46px)}h3{font-size:22px}
h1 em,h2 em{font-style:normal;color:var(--gold)}
p{margin:0 0 1em}.wrap{width:min(1200px,92vw);margin:0 auto}
.ey{text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:600;color:var(--olive);margin:0 0 12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 24px;font:600 15px Outfit,sans-serif;border:1.5px solid transparent;cursor:pointer;transition:.2s}
.b-gold{background:var(--gold);color:#fff}.b-gold:hover{background:#a8741f}.b-navy{background:var(--navy);color:#fff}.b-navy:hover{background:var(--navy2)}
.b-out{border-color:var(--navy);color:var(--navy)}.b-out:hover{background:var(--navy);color:#fff}.b-wa{background:#1fa855;color:#fff}.b-wa:hover{background:#178a45}
.pvbar{background:var(--olive);color:#fff;text-align:center;font-weight:600;font-size:13px;padding:6px}
/* header */
.hd{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd .wrap{display:flex;align-items:center;gap:26px;height:82px}.logo img{height:52px;width:auto}
.mn{display:flex;gap:28px;margin-left:auto;align-items:center;font-weight:500}.mn>a:hover,.dd>button:hover{color:var(--gold)}
.dd{position:relative}.dd>button{background:none;border:0;font:inherit;color:inherit;cursor:pointer;padding:0}.dd>button span{font-size:11px}
.ddm{position:absolute;top:calc(100% + 18px);left:-20px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 50px -24px rgba(20,40,77,.35);padding:8px;min-width:240px;display:none}
.ddm:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}.dd:hover .ddm,.dd:focus-within .ddm{display:block}
.ddm a{display:block;padding:9px 14px;border-radius:10px}.ddm a:hover{background:var(--sand)}
.hb{display:none;background:none;border:0;cursor:pointer;margin-left:auto;padding:8px}.hb span{display:block;width:26px;height:2px;background:var(--navy);margin:6px 0}
/* hero */
.hero{position:relative;color:#fff;min-height:min(92vh,780px);display:flex;align-items:center;background:linear-gradient(90deg,rgba(13,27,54,.85),rgba(13,27,54,.35) 60%,rgba(13,27,54,.1)),var(--bg) center/cover}
.hero h1{color:#fff;max-width:720px}.hero .ey{color:var(--gold2)}.hero .sub{font-size:19px;max-width:580px;color:#e8ecf4}
.finder{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:rgba(255,255,255,.96);border-radius:20px;padding:16px;margin:28px 0 26px;max-width:720px;color:var(--ink)}
.finder label{display:grid;gap:4px;font-size:12.5px;font-weight:600;color:var(--muted);flex:1;min-width:170px;text-transform:uppercase;letter-spacing:.08em}
.finder select{border:1px solid var(--line);border-radius:12px;padding:12px;font:500 15px Outfit,sans-serif;background:#fff;color:var(--ink)}
.hl{list-style:none;padding:0;margin:0;display:flex;gap:34px;flex-wrap:wrap}.hl li{color:#dbe2ef}.hl b{display:block;font-family:Marcellus,serif;font-size:32px;color:#fff;font-weight:400}
/* sections */
.sec{padding:96px 0}.sand{background:var(--sand)}.navy{background:var(--navy);color:#cdd6e6}.navy h2,.navy h3{color:#fff}.navy .ey{color:var(--gold2)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.duo{position:relative;height:520px}.duo img{position:absolute;object-fit:cover;border-radius:var(--r);box-shadow:0 30px 60px -30px rgba(13,27,54,.5)}
.duo .d1{left:0;top:0;width:70%;height:72%}.duo .d2{right:0;bottom:0;width:52%;height:58%;border:8px solid var(--paper)}.duo .stamp{left:52%;top:52%;width:120px;height:auto;box-shadow:none;border-radius:50%;background:#fff;padding:6px;transform:translate(-50%,-50%)}
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:34px}.shead p{max-width:480px;color:var(--muted);margin:0}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.tabs button,.chips button{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 18px;font:500 14.5px Outfit,sans-serif;cursor:pointer;color:var(--navy)}
.tabs button.on,.chips button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.tg[hidden]{display:none}
.tc{background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;transition:.25s}.tc:hover{transform:translateY(-4px);box-shadow:0 28px 50px -32px rgba(13,27,54,.5)}
.tc .ph{position:relative;aspect-ratio:3/2;overflow:hidden}.tc .ph img{width:100%;height:100%;object-fit:cover;transition:.5s}.tc:hover .ph img{transform:scale(1.05)}
.dur{position:absolute;left:14px;bottom:14px;background:var(--gold);color:#fff;border-radius:999px;padding:5px 13px;font-weight:600;font-size:13px}
.tc .bd{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}.tc small{color:var(--olive);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em}
.tc h3{font-size:22px;margin:6px 0 8px}.tc p{color:var(--muted);font-size:14.5px}.go{margin-top:auto;display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:14px;font-size:13.5px;color:var(--muted)}.go b{color:var(--gold);font-weight:600}
.cg{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ct{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;display:flex;align-items:flex-end;color:#fff}
.ct img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}.ct:hover img{transform:scale(1.06)}.ct:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(13,27,54,.9))}
.ct div{position:relative;z-index:1;padding:20px}.ct h3{color:#fff;font-size:28px;margin:0 0 4px}.ct small{color:var(--gold2);font-weight:600}.ct p{font-size:13.5px;color:#dbe2ef;margin:0}
.cg7{grid-template-columns:repeat(7,1fr)}.ct.sm{aspect-ratio:3/4}.ct.sm h3{font-size:20px}
.wg{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.wc{border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:28px;background:rgba(255,255,255,.03)}
.wc i{font-style:normal;font-size:28px;display:block;margin-bottom:12px}.wc p{margin:0;font-size:15px}
.gal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:240px 240px;gap:14px}.gal img{width:100%;height:100%;object-fit:cover;border-radius:var(--r)}.gal img:first-child{grid-row:span 2}
.fqs{display:grid;gap:10px}.fq{background:#fff;border:1px solid var(--line);border-radius:14px}.fq summary{cursor:pointer;list-style:none;padding:16px 20px;font-weight:600;color:var(--navy);display:flex;justify-content:space-between;gap:12px}
.fq summary::-webkit-details-marker{display:none}.fq summary:after{content:"+";color:var(--gold);font-size:22px;line-height:1}.fq[open] summary:after{content:"–"}.fq p{padding:0 20px 16px;margin:0;color:var(--muted)}
.cta{display:grid;grid-template-columns:1fr 1.1fr;border-radius:24px;overflow:hidden;background:var(--navy);color:#cdd6e6}.cta .tx{padding:52px}.cta h2{color:#fff}.cta .ey{color:var(--gold2)}
.cl{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px;font-weight:600;color:#fff}
.sf{background:#fff;padding:40px;display:grid;gap:10px;color:var(--ink)}.sf label{font-weight:600;font-size:13px;color:var(--navy)}
.sf input,.sf textarea,.sf select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:400 15px Outfit,sans-serif;background:var(--paper)}.sf textarea{min-height:100px}
.r2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fbtn{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
/* page heads */
.ph2{position:relative;color:#fff;padding:60px 0 70px;min-height:380px;display:flex;align-items:flex-end;background:linear-gradient(180deg,rgba(13,27,54,.3),rgba(13,27,54,.85)),var(--bg) center/cover}
.ph2 h1{color:#fff}.ph2 p{font-size:18px;color:#e2e8f2;max-width:720px;margin:0}.crumb{font-size:13.5px;color:#cdd6e6;margin-bottom:auto;padding-bottom:70px}.crumb span{color:#fff}
.flt{display:grid;gap:12px;margin-bottom:10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.cnt{color:var(--muted);font-size:14px;margin:6px 0 20px}
.map{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--sand);z-index:1}.map a{color:var(--gold)}
.cmap{display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:start}.legend{max-height:520px;overflow:auto;display:grid;gap:6px}
.legend a{display:grid;grid-template-columns:14px 62px 1fr;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-size:13.5px;color:var(--navy)}
.legend a:hover{border-color:var(--gold)}.legend i{width:14px;height:14px;border-radius:50%}.legend span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
/* tour page */
.th{padding:34px 0 30px;background:var(--sand)}.th .crumb{color:var(--muted);padding:0;margin-bottom:16px}.th .crumb span{color:var(--navy)}.th .lead{font-size:19px;color:#3d4659;max-width:820px}
.th .chips span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 15px;font-size:14px;font-weight:500;color:var(--navy)}
.tgal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:200px 200px;gap:10px;margin-top:24px;border-radius:20px;overflow:hidden}.tgal img{width:100%;height:100%;object-fit:cover}.tgal img:first-child{grid-row:span 2}
.tb{padding:56px 0 90px}.tgrid{display:grid;grid-template-columns:1fr 380px;gap:50px;align-items:start}.tmain h2{font-size:32px;margin:46px 0 16px}.tmain h2:first-child{margin-top:0}
.days{display:grid;gap:12px}.day{background:#fff;border:1px solid var(--line);border-radius:16px}.day summary{list-style:none;cursor:pointer;display:flex;gap:14px;align-items:center;padding:14px 18px}
.day summary::-webkit-details-marker{display:none}.day summary b{flex:none;width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:Marcellus,serif;font-size:18px;font-weight:400}
.day summary span{flex:1;font-weight:600;color:var(--navy)}.day summary small{display:block;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.day summary:after{content:"+";color:var(--gold);font-size:22px}.day[open] summary:after{content:"–"}
.day ul{margin:0;padding:0 22px 16px 72px;display:grid;gap:6px;color:#4a5265}.day li::marker{color:var(--gold)}
.ie{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ie>div{border-radius:16px;padding:22px}.ie h3{font-family:Outfit,sans-serif;font-weight:600;font-size:17px}
.inc{background:#eef4e2;border:1px solid #d8e5bd}.exc{background:#f8ece6;border:1px solid #efd5c8}.ie ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:15px}
.inc li:before{content:"✓ ";color:var(--olive);font-weight:700}.exc li:before{content:"✕ ";color:#b5452f;font-weight:700}
.side{position:sticky;top:100px}.bk{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(13,27,54,.45)}
.bkh{background:var(--navy);color:#cdd6e6;padding:22px 24px}.bkh small{text-transform:uppercase;letter-spacing:.14em;font-size:11.5px;color:var(--gold2);font-weight:600}.bkh b{display:block;font-family:Marcellus,serif;font-weight:400;font-size:32px;color:#fff}
.bk .sf{padding:20px 24px 4px}.bk .sf .fbtn .b-wa{display:none}.wide{margin:6px 24px 0;width:calc(100% - 48px)}
.bkt{list-style:none;margin:14px 0 0;padding:14px 24px 20px;border-top:1px solid var(--line);display:grid;gap:6px;font-size:13.5px;color:var(--olive);font-weight:600}
/* footer */
.ft{background:var(--navy2);color:#aab5c9;padding:70px 0 26px}.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.fb img{width:130px;background:#fff;border-radius:50%;padding:8px;margin-bottom:16px}.fb p{font-size:14.5px}
.ft h4{font-family:Marcellus,serif;font-weight:400;font-size:20px;color:#fff;margin:0 0 14px}.ft ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14.5px}.ft a:hover{color:var(--gold2)}
.fbot{border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px}
.waf{position:fixed;right:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:50%;background:#1fa855;color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px -10px rgba(0,0,0,.5)}
@media(max-width:1100px){.tg{grid-template-columns:repeat(2,1fr)}.cg7{grid-template-columns:repeat(4,1fr)}.mn{gap:18px}}
@media(max-width:920px){.hb{display:block}.hcta{display:none}.mn{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);flex-direction:column;align-items:flex-start;padding:18px 4vw 26px;border-bottom:1px solid var(--line);gap:14px}.mn.open{display:flex}
 .ddm{position:static;display:block;box-shadow:none;border:0;padding:4px 0 0 12px;min-width:0}.ddm:before{display:none}
 .two,.cta,.tgrid,.cmap{grid-template-columns:1fr}.side{position:static}.duo{height:420px}.cg{grid-template-columns:repeat(2,1fr)}.wg{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr}.legend{max-height:none}}
@media(max-width:600px){.tg,.wg,.fg,.ie,.r2{grid-template-columns:1fr}.cg7{grid-template-columns:repeat(2,1fr)}.sec{padding:70px 0}.gal{grid-template-columns:1fr 1fr;grid-template-rows:200px 140px 140px}.gal img:first-child{grid-column:span 2;grid-row:auto}
 .tgal{grid-template-columns:1fr 1fr;grid-template-rows:220px 110px 110px}.tgal img:first-child{grid-column:span 2;grid-row:auto}.cta .tx,.sf{padding:28px 22px}.day ul{padding-left:30px}.logo img{height:42px}}
/* footer v2 */
.ft2{position:relative;color:#b9c3d6;padding:0 0 24px;background:linear-gradient(180deg,rgba(13,27,54,.78),rgba(9,18,38,.97) 45%),var(--bg) center 30%/cover}
.farch{height:38px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='38'%3E%3Cpath d='M0 0h76v38C76 17 59 5 38 5S0 17 0 38z' fill='%23fffdf8'/%3E%3C/svg%3E") repeat-x top/76px 38px}
.fcta{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;padding:60px 0 50px;border-bottom:1px solid rgba(255,255,255,.12)}
.fcta h2{color:#fff;margin-bottom:8px}.fcta h2 em{color:var(--gold2)}.fcta .ey{color:var(--gold2)}.fcta p{max-width:560px;margin:0;color:#d3dbe8}.fctab{display:flex;gap:12px;flex-wrap:wrap}
.fg2{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1.1fr;gap:40px;padding-top:50px}
.fb2 img{width:150px;background:#fff;border-radius:50%;padding:8px;margin-bottom:18px;box-shadow:0 0 0 6px rgba(255,255,255,.1)}.fb2 p{font-size:14.5px}
.fbadges{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px;color:var(--gold2);font-weight:500;font-size:14px}
.ft2 h4{font-family:Marcellus,serif;font-weight:400;font-size:20px;color:#fff;margin:0 0 14px}.ft2 h4.mt{margin-top:24px}
.ft2 ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14.5px}.ft2 a:hover{color:var(--gold2)}
.fcont a{display:flex;gap:10px;align-items:center}.fcont i{flex:none;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;font-style:normal;color:var(--gold2)}
.fcont small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2)}.fcont span{color:#fff;font-weight:500;line-height:1.3}
.ft2 .fbot{border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;align-items:center}
.fcamel{height:18px;display:inline;vertical-align:middle;filter:brightness(1.6)}
@media(max-width:920px){.fg2{grid-template-columns:1fr 1fr}}@media(max-width:600px){.fg2{grid-template-columns:1fr}.fcta{padding:44px 0 36px}}
.lsw>button{font-size:14px}.lsw .ddm{min-width:150px;left:auto;right:-14px}.lsw .ddm a.on{font-weight:700;color:var(--gold)}
.flang{text-align:center;padding:16px 0 4px;font-size:14px;opacity:.9}.flang a{color:inherit;text-decoration:underline;text-underline-offset:3px}

.sh-ok{background:#eaf6ee;color:#17643a;border-radius:12px;padding:10px 12px;font-weight:600;font-size:14.5px;margin:6px 0 0}
.sh-err{color:#b42318;font-weight:600;font-size:14.5px;margin:6px 0 0}.sh-ok[hidden],.sh-err[hidden]{display:none}
.e404{padding:120px 0;text-align:center}.e404 h1{font-size:64px}
