/* ==========================================================================
   Footer, laid out as in the mockup: logo and newsletter, Visit us, Explore,
   and a closing column (place, copyright, and the Makeen Majlis credit in the
   bottom right corner) behind a hairline. Wide, quiet and small-type; deep teal.
   ========================================================================== */

.dh-footer{margin-top:var(--section);padding:clamp(64px,6vw,88px) clamp(24px,7vw,110px) 28px;border-radius:36px 36px 0 0;background:var(--deep);color:var(--glint);font-size:.875rem;line-height:1.8}
.dh-ctx-home .dh-footer{margin-top:12px}
.dh-footer__grid{display:grid;grid-template-columns:1.5fr 1fr .7fr 1fr;gap:clamp(32px,4vw,64px);max-width:1680px;margin-inline:auto}
.dh-footer a{color:#DCE6E3;text-decoration:none}
.dh-footer a:hover{color:#FFFFFF;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* Brand and newsletter */
.dh-footer__logo-link{display:inline-block}
.dh-footer__logo{width:200px;height:auto}
.dh-newsletter{max-width:400px;margin-top:28px}
.dh-newsletter__label{display:block;margin-bottom:12px;font:400 1.2rem/1.35 var(--serif);color:#F8F4EB}
.dh-newsletter__row{position:relative;display:flex;align-items:center;gap:6px;padding:5px;border-radius:999px;background:#EEF3F1}
.dh-newsletter__icon{position:absolute;left:18px;width:18px;height:18px;color:#0B4A4B;pointer-events:none}
.dh-newsletter__row input[type="email"]{flex:1;min-width:0;min-height:42px;padding:0 8px 0 46px;border-radius:999px;background:transparent;box-shadow:none;color:#12302F;font-size:.92rem}
.dh-newsletter__row input::placeholder{color:#5A6E6C}
.dh-newsletter__btn{flex:none;min-height:42px;padding:0 18px;border:0;border-radius:999px;background:#0B4A4B;color:#F8F4EB;font:600 .85rem/1 var(--sans);cursor:pointer}
.dh-newsletter__btn:hover{background:#007E7E}
.dh-newsletter__trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.dh-newsletter__status{min-height:1.4em;margin:10px 0 0;font-size:.85rem;color:#F8F4EB}
.dh-newsletter__status.is-error{color:#FFD6CF}

/* Columns */
.dh-footer__col{display:flex;flex-direction:column;align-items:flex-start}
.dh-footer__title{margin:0 0 16px;font:400 1.35rem/1.2 var(--serif);color:#FFFFFF}
.dh-footer__address{margin:0 0 6px;color:rgba(186,222,222,.78)}
.dh-footer__address small{font-size:.78rem;color:rgba(186,222,222,.6)}
.dh-footer__link{display:block;margin:5px 0}

/* Closing column */
.dh-footer__note{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding-left:30px;border-left:1px solid rgba(255,255,255,.13)}
.dh-footer__place{font:600 .66rem/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--rim)}
.dh-footer__legal p{margin:0;color:rgba(186,222,222,.78)}
.dh-footer__credit{align-self:flex-end;margin:0;font-size:.8rem;color:rgba(186,222,222,.7)}
.dh-footer__credit a{font-weight:600}

@media (max-width:1100px){
	.dh-footer__grid{grid-template-columns:1fr 1fr}
	.dh-footer__note{padding-left:0;border-left:0}
}
@media (max-width:760px){
	.dh-footer{padding:56px 24px 24px;border-radius:24px 24px 0 0}
	.dh-footer__grid{gap:36px 24px}
	.dh-footer__brand,.dh-footer__note{grid-column:1/-1}
	.dh-footer__logo{width:180px}
	.dh-newsletter{max-width:none}
	.dh-footer__note{gap:12px;padding-top:24px;border-top:1px solid rgba(255,255,255,.13)}
}
