/*
Theme Name: Hanan Riyadh Landing
Author: Data Link
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Description: Arabic-first bilingual company landing page with optional Elementor Free editing.
Text Domain: hanan-landing
License: GPL-2.0-or-later
*/
:root{--bg:#f6f4ee;--surface:#fff;--ink:#102d49;--muted:#52616b;--gold:#aa7631;--line:#d8d7cf;--max:1180px;color-scheme:light}html[data-theme=dark]{--bg:#0b1927;--surface:#132638;--ink:#f4f0e8;--muted:#bac6cf;--gold:#e7ba76;--line:#344858;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.85 Tahoma,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.4;letter-spacing:-.025em}h1{font-size:clamp(2.35rem,5.7vw,5.8rem);margin:20px 0;max-width:1000px}h2{font-size:clamp(1.8rem,3.3vw,3.15rem);margin:16px 0 26px}h3{font-size:1.35rem;margin:30px 0 8px}p{color:var(--muted);max-width:850px}figure{margin:0}section{padding:90px max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line)}section .elementor-container{max-width:var(--max)!important}section .elementor-widget-wrap{padding:0!important}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(20px,calc((100vw - var(--max))/2));background:var(--surface);border-bottom:1px solid var(--line)}.brand img{width:125px;display:block;background:#fff;padding:5px;border-radius:4px}.header-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.header-links a{text-decoration:none;font-size:15px}.header-links button,.project-filters button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 15px;cursor:pointer;min-height:44px}.skip{position:fixed;top:-100px;z-index:100;background:var(--surface);padding:10px}.skip:focus{top:0}.elementor-button,.hanan-request button{display:inline-block;padding:14px 24px;background:var(--ink)!important;color:var(--bg)!important;border:1px solid var(--ink);border-radius:3px;text-decoration:none;margin:8px 8px 16px 0;min-height:48px;font-weight:bold;cursor:pointer}.elementor-button:hover{opacity:.85}.hanan-hero{padding-top:65px;background-image:linear-gradient(90deg,transparent 97%,var(--line) 98%);background-size:10% 100%}.hanan-hero p:first-child{color:var(--gold);letter-spacing:.08em;font-size:14px}.hanan-hero figure,.hanan-hero .elementor-widget-image{margin-top:35px}.hanan-hero img{width:100%;height:clamp(250px,42vw,550px);object-fit:cover;object-position:center}.hanan-services{background:var(--ink);color:var(--bg)}.hanan-services p{color:var(--bg);opacity:.85}.hanan-services h3{border-top:1px solid #8b969e;padding-top:22px}.hanan-projects .fallback-inner,.hanan-projects .elementor-widget-wrap{display:grid;grid-template-columns:1fr 1fr;gap:26px}.hanan-projects h2,.hanan-projects p,.hanan-projects .project-filters,.hanan-projects .elementor-widget-heading,.hanan-projects .elementor-widget-text-editor,.hanan-projects .elementor-widget-html{grid-column:1/-1}.hanan-projects .elementor-widget{width:100%!important;margin:0!important}.project-item img{width:100%;height:330px;object-fit:cover}.project-item figcaption{font-size:17px;color:var(--ink);padding:12px 0}.project-filters{display:none;gap:10px;flex-wrap:wrap;margin-bottom:20px}.js .project-filters{display:flex}.project-filters button[aria-pressed=true]{background:var(--ink);color:var(--bg)}[hidden]{display:none!important}.hanan-values{background:var(--surface)}.hanan-contact{border-top:4px solid var(--gold)}.hanan-request{display:grid;max-width:650px;gap:8px;margin:30px 0}.hanan-request input,.hanan-request textarea{width:100%;padding:12px;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:3px}.hanan-request p{font-size:14px;margin:4px 0}.hanan-request button{justify-self:start}.site-footer{padding:35px 24px;text-align:center;font-size:14px}.floating-wa{position:fixed;bottom:20px;inset-inline-end:20px;padding:12px 20px;background:var(--ink);color:var(--bg);border:1px solid var(--gold);border-radius:40px;z-index:40;text-decoration:none;font-size:14px}.menu-toggle{display:none}.site-footer{padding-bottom:90px}@media(min-width:901px){.hanan-about .fallback-inner{max-width:850px;margin-inline-start:auto}.hanan-values .fallback-inner{max-width:850px}}@media(max-width:900px){section{padding:55px 22px}.header-links{gap:12px}.header-links a{font-size:13px}.header-links .section-link{display:none}.menu-toggle{display:block;border:0;background:transparent;color:var(--ink);padding:10px}.site-header.menu-open{flex-wrap:wrap}.site-header.menu-open .header-links{width:100%}.site-header.menu-open .section-link{display:block}.brand img{width:95px}.project-item img{height:260px}}@media(max-width:600px){.hanan-projects .fallback-inner,.hanan-projects .elementor-widget-wrap{grid-template-columns:1fr}.project-item img{height:300px}.header-links{gap:6px}.header-links button{padding:7px 10px}body{font-size:16px}.elementor-button{padding:12px 18px}}@media(prefers-reduced-motion:no-preference){.hanan-hero h1{animation:enter .7s ease both}@keyframes enter{from{opacity:.5;transform:translateY(14px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.custom-menu{list-style:none;display:flex;gap:18px;margin:0;padding:0}.elementor-widget-heading .elementor-heading-title{color:inherit;font-family:inherit;line-height:1.4}.elementor-widget-heading h1.elementor-heading-title{font-size:clamp(2.35rem,5.7vw,5.8rem)}.elementor-widget-heading h2.elementor-heading-title{font-size:clamp(1.8rem,3.3vw,3.15rem)}.elementor-widget-heading h3.elementor-heading-title{font-size:1.35rem}.elementor-widget-text-editor{color:inherit;font-family:inherit}.elementor-widget-image img{height:auto}.hanan-projects .elementor-widget-image img{height:330px;object-fit:cover}.hanan-hero .elementor-widget-image img{height:clamp(250px,42vw,550px);object-fit:cover}@media(max-width:900px){.custom-menu{display:none}.menu-open .custom-menu{display:flex;flex-wrap:wrap}}