/* ======================================================================
   Morocco Planet skin (v1.5.0) - loads after destinations.css and overrides it.
   Cream + sunset glow + zellij, arch-shaped photos, pill UI, Bricolage Grotesque + Figtree.
   Delete this file (and its enqueue in tour-destinations.php) to go back to the old look.
   ====================================================================== */
:root{
	--td-ink:#1c1512;--td-text:#4d3f36;--td-muted:#5a4a3f;--td-line:rgba(28,21,18,.10);
	--td-primary:#d94600;--td-primary-d:#b83b00;--td-accent:#d94600;--td-gold:#e8a33d;
	--td-soft:#f4e9da;--td-sand:#f1e4d3;--td-bg:#fbf5ec;--td-ring:rgba(28,21,18,.08);
	--td-head:'Bricolage Grotesque',system-ui,sans-serif;--td-body:'Figtree',system-ui,sans-serif;
	--td-serif:var(--td-head);
	--td-sky:linear-gradient(180deg,#2a1248,#b8465c 55%,#f7b267);
	--td-zellij:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23d94600' stroke-opacity='.10' stroke-width='1.2'%3E%3Crect x='14' y='14' width='36' height='36'/%3E%3Crect x='14' y='14' width='36' height='36' transform='rotate(45 32 32)'/%3E%3Ccircle cx='32' cy='32' r='6'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- Page background (full-bleed) ---------- */
.td-single,.td-archive{position:relative;isolation:isolate;font-family:var(--td-body);color:var(--td-text);padding:40px 0 96px}
.td-single::before,.td-archive::before,.td-single::after,.td-archive::after{content:"";position:absolute;z-index:-2;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;pointer-events:none}
.td-single::before,.td-archive::before{background:
	radial-gradient(900px 520px at 90% 0,rgba(232,163,61,.24),transparent 62%),
	radial-gradient(760px 520px at 0 100%,rgba(217,70,0,.12),transparent 60%),var(--td-bg)}
.td-single::after,.td-archive::after{z-index:-1;background:var(--td-zellij);-webkit-mask-image:linear-gradient(100deg,#000 0%,transparent 50%);mask-image:linear-gradient(100deg,#000 0%,transparent 50%)}
body:has(.td-single),body:has(.td-archive){overflow-x:clip}
.td-prose a{color:var(--td-primary)}

/* ---------- Headings ---------- */
.td-h2,.td-hero h1,.td-arch-head h1,.td-plan h3,.td-card-title,.td-trips-head h2,.td-trip-line{font-family:var(--td-head);font-style:normal}
.td-h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:28px;color:var(--td-ink)}
.td-h2 .td-icon{width:18px;height:18px;color:var(--td-primary)}
.td-h2::after{background:var(--td-line)}
.td-h2 small{font-family:var(--td-body);font-weight:600}
.td-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;background:#fff;border-radius:999px;box-shadow:0 0 0 1px var(--td-ring),0 6px 18px -8px rgba(28,21,18,.25);
	font-weight:700;font-size:14px;letter-spacing:.02em;text-transform:none;color:var(--td-ink)}
.td-eyebrow .td-icon{display:none}
.td-eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--td-primary);box-shadow:0 0 0 5px rgba(217,70,0,.18)}

/* ---------- Buttons & chips ---------- */
.td-btn{border:0;border-radius:14px;padding:15px 28px;font-weight:700;font-size:16px;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.td-btn-primary,.td-hero .td-btn-primary{background:var(--td-primary);color:#fff!important;box-shadow:0 10px 24px -8px rgba(217,70,0,.55)}
.td-btn-primary:hover,.td-hero .td-btn-primary:hover{background:var(--td-primary-d);transform:translateY(-2px);box-shadow:0 14px 28px -8px rgba(217,70,0,.6)}
.td-btn-outline{background:rgba(255,255,255,.55);color:var(--td-ink)!important;box-shadow:inset 0 0 0 2px var(--td-ink)}
.td-btn-outline:hover{background:var(--td-ink);color:#fff!important}
.td-btn:focus-visible,.td-card:focus-visible,.td-trip:focus-visible{outline:3px solid var(--td-ink);outline-offset:3px}
.td-chip{font-weight:700;letter-spacing:.08em;font-size:11.5px;text-transform:uppercase}
.td-chip-type{background:#fff;color:var(--td-ink)}
.td-chip-pop{background:var(--td-primary);color:#fff}

/* ---------- Destination page hero ---------- */
.td-hero{border-radius:32px;background:linear-gradient(180deg,#2a1248,#b8465c 55%,#f7b267)}
.td-hero::before{background:linear-gradient(0deg,rgba(15,8,4,.78) 0%,rgba(15,8,4,.28) 42%,rgba(15,8,4,.1) 100%)}
.td-hero h1{font-weight:800;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1;letter-spacing:-.04em;text-shadow:none}
.td-hero-tag{font-family:var(--td-body);font-style:normal;font-weight:500;color:#fff3e4}
.td-crumbs a,.td-pill-glass{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}
.td-hero .td-chip-type{background:#fff}

/* ---------- Intro, plan card ---------- */
.td-prose{font-size:18px;line-height:1.8}
.td-plan{background:#fff;border:0;border-radius:28px;padding:30px;box-shadow:0 0 0 1px var(--td-ring),0 24px 40px -28px rgba(40,18,6,.45)}
.td-plan h3{font-weight:800;font-size:1.6rem;letter-spacing:-.03em}
.td-plan-ico{background:var(--td-sand);color:var(--td-primary);border-radius:14px;box-shadow:none}
.td-plan li{border-bottom-color:var(--td-line)}
.td-plan small{font-weight:700;letter-spacing:.1em}

/* ---------- Highlights ---------- */
.td-hl li{background:#fff;border:0;border-radius:22px;box-shadow:0 0 0 1px var(--td-ring),0 14px 28px -22px rgba(40,18,6,.4)}
.td-hl-n{background:linear-gradient(135deg,var(--td-primary),var(--td-gold));color:#fff;font-family:var(--td-head);font-weight:800;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--td-ring)}

/* ---------- Destination cards: arch photo ---------- */
.td-grid{gap:24px}
.td-card{display:flex;flex-direction:column;aspect-ratio:auto;padding:10px;border-radius:30px;background:#fff;color:var(--td-ink)!important;overflow:visible;
	box-shadow:0 0 0 1px var(--td-ring),0 24px 40px -28px rgba(40,18,6,.45);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.td-card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(217,70,0,.35),0 34px 50px -26px rgba(40,18,6,.55)}
.td-card-media{aspect-ratio:4/4.4;border-radius:999px 999px 20px 20px;background:var(--td-sky)}
.td-card-media::after{content:"";position:absolute;inset:8px;z-index:2;border-radius:999px 999px 13px 13px;border:1.5px solid rgba(255,236,200,.55);pointer-events:none}
.td-card-ph{color:rgba(255,255,255,.75)}
.td-card .td-chip{left:50%;right:auto;top:30px;transform:translateX(-50%);white-space:nowrap;background:#fff;color:var(--td-ink);-webkit-backdrop-filter:none;backdrop-filter:none;
	font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;box-shadow:0 6px 16px -8px rgba(28,21,18,.4)}
.td-card .td-chip-type,.td-card .td-chip-pop{left:50%;right:auto}
.td-card .td-chip-pop{top:64px;background:var(--td-primary);color:#fff}
.td-card-body{margin-top:0;padding:22px 20px 16px;background:transparent;border-radius:0;gap:6px}
.td-card-parent{color:var(--td-primary);font-weight:700;letter-spacing:.12em}
.td-card-title{font-weight:800;font-size:1.55rem;line-height:1.1;letter-spacing:-.02em;color:var(--td-ink)}
.td-card-tag{font-family:var(--td-body);font-style:normal;font-size:1rem;color:var(--td-muted)}
.td-count{background:var(--td-sand);color:var(--td-ink);font-weight:700;font-size:14px}
.td-card-go{width:42px;height:42px;border-radius:14px;background:var(--td-sand);color:var(--td-ink)}
.td-card:hover .td-card-go{background:var(--td-primary);color:#fff}

/* ---------- Directory header + filters ---------- */
.td-arch-head{margin-bottom:52px}
.td-arch-head h1{font-weight:800;font-size:clamp(2.5rem,6vw,4.6rem);line-height:1;letter-spacing:-.04em;margin:22px 0 18px;text-wrap:balance}
.td-arch-head p{font-family:var(--td-body);font-style:normal;font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--td-muted)}
.td-search{border:0;background:rgba(255,255,255,.85);box-shadow:0 0 0 1px var(--td-ring);height:56px}
.td-search:focus-within{box-shadow:0 0 0 3px rgba(217,70,0,.3)}
.td-chips button{border:0;background:rgba(255,255,255,.8);box-shadow:0 0 0 1px var(--td-ring);color:var(--td-muted);font-weight:600;padding:9px 18px}
.td-chips button:hover{box-shadow:0 0 0 1px var(--td-ink);color:var(--td-ink)}
.td-chips button.is-active{background:var(--td-primary);box-shadow:0 8px 18px -8px rgba(217,70,0,.6);color:#fff}

/* ---------- FAQ, map, gallery, link chips ---------- */
.td-card-section{background:#fff;border:0;border-radius:28px;box-shadow:0 0 0 1px var(--td-ring),0 24px 40px -28px rgba(40,18,6,.4)}
.td-faq details,.td-faq details[open]{background:#fff;border:0;border-radius:20px;box-shadow:0 0 0 1px var(--td-ring)}
.td-faq details[open]{box-shadow:0 0 0 1px rgba(217,70,0,.3),0 16px 30px -22px rgba(40,18,6,.4)}
.td-faq summary{font-family:var(--td-body);font-weight:700;font-size:18px}
.td-faq summary::after{color:var(--td-primary)}
.td-g,.td-map{border-radius:24px}
.td-tour-dests .td-icon{color:var(--td-primary)}
.td-tour-dests a{background:var(--td-sand);color:var(--td-ink)}
.td-tour-dests a:hover{background:var(--td-primary);color:#fff}

/* ---------- Homepage carousel [destinations_carousel] ---------- */
.td-trips{--td-trips-bg:#fbf5ec;color:var(--td-ink);padding:96px 0 80px;font-family:var(--td-body);
	background:radial-gradient(900px 520px at 92% 0,rgba(232,163,61,.24),transparent 62%),radial-gradient(760px 520px at -6% 100%,rgba(217,70,0,.12),transparent 60%),var(--td-trips-bg)}
.td-trips::before{content:"";position:absolute;inset:0;background:var(--td-zellij);pointer-events:none;-webkit-mask-image:linear-gradient(100deg,#000 0%,transparent 50%);mask-image:linear-gradient(100deg,#000 0%,transparent 50%)}
.td-trips-in{position:relative}
.td-trips-head h2{font-weight:800;font-size:clamp(2.1rem,3.4vw,3.2rem);line-height:1.02;letter-spacing:-.04em;color:var(--td-ink);text-wrap:balance}
.td-trips-head p{font-weight:400;font-size:1.02rem;line-height:1.65;color:var(--td-muted)}
.td-trips-all{display:inline-flex;gap:8px;padding:10px 18px;border:0;border-radius:999px;background:var(--td-sand);color:var(--td-ink)!important;font-weight:700;font-size:15px;transition:background .2s,color .2s}
.td-trips-all:hover{background:var(--td-primary);color:#fff!important}
.td-trip-photo{aspect-ratio:3/4.1;border-radius:999px 999px 22px 22px;background:var(--td-sky);box-shadow:0 24px 40px -22px rgba(40,18,6,.55)}
.td-trip-photo::after{content:"";position:absolute;inset:9px;z-index:1;border-radius:999px 999px 14px 14px;border:1.5px solid rgba(255,236,200,.55);pointer-events:none}
.td-trip-line{margin-top:16px;padding:0 4px;border:0;font-weight:800;font-size:1.3rem;line-height:1.15;letter-spacing:-.02em;color:var(--td-ink)}
.td-trip-line .td-icon{box-sizing:content-box;width:20px;height:20px;padding:10px;border-radius:14px;background:var(--td-sand);color:var(--td-ink);stroke-width:2;transition:transform .25s,background .2s,color .2s}
.td-trip:hover .td-trip-line .td-icon{background:var(--td-primary);color:#fff}
.td-dots button{height:3px;border-radius:3px;background:rgba(28,21,18,.16);background-clip:content-box}
.td-dots button.is-active{background:var(--td-primary);background-clip:content-box}
.td-trips-nav{width:52px;height:52px;padding:0 0 2px;border:0;border-radius:16px;background:rgba(255,255,255,.85);box-shadow:0 0 0 1px var(--td-ring);color:var(--td-ink);transition:background .2s,color .2s,transform .2s,box-shadow .2s,opacity .2s}
.td-trips-nav:hover{background:var(--td-primary);color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(217,70,0,.55)}

/* ---------- Responsive ---------- */
@media (max-width:640px){
	.td-single,.td-archive{padding:24px 0 64px}
	.td-card-media{aspect-ratio:4/3.9}
	.td-hero{border-radius:24px}
	.td-trips{padding:64px 0 48px}
}
@media (prefers-reduced-motion:reduce){.td-card,.td-btn,.td-trips-nav,.td-trip-line .td-icon{transition:none!important}}