/* ==========================================================================
   Agras Riviera 3 — luxury landing theme  [agras_landing]
   Deep olive-green + gold, warm spotlight glow, bilingual editorial type.
   Everything scoped under .agras so the rest of the site is untouched.
   ========================================================================== */

.agras{
	--ink:#141a0e;
	--ink-2:#1d2614;
	--panel:#212a16;
	--panel-2:#27331a;
	--gold:#c8a44e;
	--gold-lite:#ecd494;
	--gold-deep:#9d7e36;
	--cream:#ece6d4;
	--sage:#a6ab94;
	--line:rgba(200,164,78,.26);
	--maxw:1180px;

	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	width:100%;
	min-height:100vh;
	margin:0;
	padding:0 0 0;
	color:var(--cream);
	font-family:"Tajawal","Segoe UI",sans-serif;
	background:
		radial-gradient(120% 80% at 50% -10%, #2c3a1d 0%, rgba(44,58,29,0) 55%),
		linear-gradient(180deg, #18200f 0%, #141a0e 40%, #11160b 100%);
	direction:rtl;
}
.agras *,
.agras *::before,
.agras *::after{ box-sizing:border-box; }

/* atmosphere: warm spotlights + fine grain */
.agras__atmos{
	position:absolute; inset:0; pointer-events:none; z-index:0;
	background:
		radial-gradient(40% 30% at 50% 0%, rgba(200,164,78,.18), transparent 70%),
		radial-gradient(30% 40% at 12% 30%, rgba(200,164,78,.10), transparent 70%),
		radial-gradient(30% 40% at 88% 35%, rgba(200,164,78,.10), transparent 70%);
}
.agras__atmos::after{
	content:""; position:absolute; inset:0; opacity:.045; mix-blend-mode:overlay;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}
.agras > *{ position:relative; z-index:1; }

/* ---------- header ---------- */
.agras__top{ text-align:center; padding:40px 20px 8px; }
.agras__logo{ width:140px; height:auto; filter:drop-shadow(0 6px 18px rgba(0,0,0,.5)); }
.agras__logo--sm{ width:96px; opacity:.9; }

/* ---------- hero ---------- */
.agras__hero{ text-align:center; max-width:760px; margin:0 auto; padding:14px 22px 16px; }
.agras__en{
	font-family:"Cormorant Garamond",serif;
	letter-spacing:.42em; text-transform:uppercase;
	color:var(--gold); font-weight:600; font-size:13px; margin:0;
}
.agras__en--lg{ font-size:18px; letter-spacing:.5em; }
.agras__en--c{ text-align:center; }
.agras__h1{
	font-family:"El Messiri",serif; font-weight:700;
	font-size:clamp(38px,7vw,72px); line-height:1.05; margin:14px 0 0;
	color:#fff;
	text-shadow:0 2px 30px rgba(200,164,78,.25);
}
.agras__rule{
	display:block; width:90px; height:2px; margin:22px auto;
	background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.agras__rule::after{ content:"◆"; display:block; color:var(--gold); font-size:11px; text-align:center; margin-top:-16px; }
.agras__lede{ font-size:clamp(15px,2.2vw,19px); line-height:1.9; color:var(--cream); opacity:.9; margin:0 auto; max-width:620px; }
.agras__areas{ margin-top:20px; font-size:15px; color:var(--sage); }
.agras__areas span{ color:var(--gold-lite); font-size:22px; font-weight:700; font-family:"El Messiri",serif; }

/* ---------- cards ---------- */
.agras__cards{
	display:grid; grid-template-columns:repeat(4,1fr); gap:22px;
	max-width:var(--maxw); margin:8px auto 0; padding:24px 22px 10px;
}
.agras__card{
	position:relative; overflow:hidden;
	display:flex; flex-direction:column;
	min-height:560px; padding:30px 24px 0;
	background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 60%, #1a2212 100%);
	border:1px solid var(--line);
	border-radius:16px;
	box-shadow:0 30px 60px -30px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.04);
	opacity:0; transform:translateY(26px);
	animation:agras-rise .8s cubic-bezier(.22,1,.36,1) forwards;
	animation-delay:calc(var(--i,1) * .12s);
}
.agras__card:hover{ border-color:rgba(200,164,78,.5); }
@keyframes agras-rise{ to{ opacity:1; transform:none; } }

/* top spotlight halo */
.agras__halo{
	position:absolute; inset-block-start:-60px; inset-inline:0; height:160px; pointer-events:none;
	background:radial-gradient(60% 80% at 50% 0%, rgba(236,212,148,.28), transparent 70%);
	opacity:.8; transition:opacity .35s ease;
}
.agras__card:hover .agras__halo{ opacity:1; }

.agras__card .agras__en{ font-size:11px; letter-spacing:.32em; }
.agras__ar{
	font-family:"El Messiri",serif; font-weight:700;
	font-size:25px; color:#fff; margin:6px 0 0; line-height:1.3;
}
.agras__sep{ display:block; width:38px; height:2px; margin:16px 0 18px; background:linear-gradient(90deg,var(--gold),transparent); }
.agras__body{ font-size:14.5px; line-height:1.95; color:var(--cream); opacity:.85; margin:0; }

.agras__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:15px; }
.agras__list--tight{ gap:11px; }
.agras__list li{ display:flex; align-items:flex-start; gap:11px; font-size:14px; line-height:1.7; color:var(--cream); opacity:.92; }
.agras__ico{ flex:0 0 auto; color:var(--gold); margin-top:1px; }

.agras__price{ margin:2px 0 14px; color:var(--gold-lite); font-family:"El Messiri",serif; font-size:18px; }
.agras__price span{ font-size:30px; font-weight:700; }

/* media image at the foot of the card */
.agras__media{
	position:relative; margin:auto -24px 0; height:160px;
	background-size:cover; background-position:center;
	border-top:1px solid var(--line);
}
.agras__media--tall{ height:190px; }
.agras__media::before{
	content:""; position:absolute; inset:0;
	background:linear-gradient(180deg, rgba(20,26,14,.55) 0%, rgba(20,26,14,.05) 35%, rgba(20,26,14,.75) 100%);
}
.agras__tag{
	margin:0; padding:13px 24px;
	font-family:"Cormorant Garamond",serif; text-align:center;
	letter-spacing:.38em; text-transform:uppercase; font-size:11.5px; font-weight:600;
	color:var(--gold-lite);
	background:linear-gradient(180deg,#161d0d,#10150a);
	border-top:1px solid var(--line);
}

/* stylised mini-map (card 2) */
.agras__map{
	position:relative; margin:auto -24px 0; height:160px;
	border-top:1px solid var(--line);
	background:
		linear-gradient(rgba(200,164,78,.10) 1px, transparent 1px) 0 0/26px 26px,
		linear-gradient(90deg, rgba(200,164,78,.10) 1px, transparent 1px) 0 0/26px 26px,
		radial-gradient(60% 90% at 50% 40%, #25301a, #161d0d);
	display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px;
}
.agras__map-pin{ color:var(--gold-lite); filter:drop-shadow(0 0 10px rgba(236,212,148,.6)); animation:agras-bob 2.4s ease-in-out infinite; }
@keyframes agras-bob{ 50%{ transform:translateY(-5px); } }
.agras__map-label{ font-size:12px; letter-spacing:.12em; color:var(--gold); }

.agras__card--feature{ background:linear-gradient(180deg,#2b371b 0%,#222c15 60%,#1a2212 100%); border-color:rgba(200,164,78,.45); }

/* ---------- CTA / form ---------- */
.agras__cta{ max-width:560px; margin:0 auto; padding:8px 22px 10px; text-align:center; }
.agras__h2{ font-family:"El Messiri",serif; font-weight:700; font-size:clamp(26px,4.5vw,40px); color:#fff; margin:10px 0 6px; }
.agras__cta-sub{ color:var(--sage); font-size:15px; line-height:1.8; margin:0 0 26px; }
.agras__form{ margin-top:6px; }

/* re-theme the embedded lead form into dark + gold */
.page-id-7181 .alrai-lf__form{
	background:linear-gradient(180deg,#202a14,#19210f);
	border:1px solid var(--line);
	box-shadow:0 30px 70px -28px rgba(0,0,0,.85);
}
.page-id-7181 .alrai-lf__accent{ background:linear-gradient(90deg,var(--gold-deep),var(--gold-lite),var(--gold-deep)); }
.page-id-7181 .alrai-lf__title{ color:#fff; font-family:"El Messiri",serif; }
.page-id-7181 .alrai-lf__title::after{ background:linear-gradient(90deg,var(--gold),var(--gold-lite)); }
.page-id-7181 .alrai-lf__sub{ color:var(--sage); }
.page-id-7181 .alrai-lf__field input{
	background:rgba(255,255,255,.04); color:var(--cream);
	border-color:rgba(200,164,78,.22);
}
.page-id-7181 .alrai-lf__field input::placeholder{ color:#8e937e; }
.page-id-7181 .alrai-lf__field input:focus{ background:rgba(255,255,255,.07); border-color:var(--gold); box-shadow:0 0 0 4px rgba(200,164,78,.18); }
.page-id-7181 .alrai-lf__icon{ color:#8e937e; }
.page-id-7181 .alrai-lf__field:focus-within .alrai-lf__icon{ color:var(--gold-lite); }
.page-id-7181 .alrai-lf__btn{ background:linear-gradient(120deg,var(--gold-deep),var(--gold)); color:#1a1305; box-shadow:0 14px 26px -10px rgba(200,164,78,.5); }
.page-id-7181 .alrai-lf__btn::before{ background:linear-gradient(120deg,var(--gold),var(--gold-lite)); }
.page-id-7181 .alrai-lf__note{ color:var(--sage); }
.page-id-7181 .alrai-lf__success{ background:linear-gradient(180deg,#202a14,#19210f); border-color:var(--line); }
.page-id-7181 .alrai-lf__success h3{ color:#fff; }
.page-id-7181 .alrai-lf__success p{ color:var(--sage); }
.page-id-7181 .alrai-lf__check svg circle,
.page-id-7181 .alrai-lf__check svg path{ stroke:var(--gold-lite); }

/* ---------- footer ---------- */
.agras__footer{ text-align:center; margin-top:54px; padding:34px 20px; border-top:1px solid var(--line); background:rgba(0,0,0,.25); }
.agras__footer p{ margin:14px 0 0; font-size:12.5px; color:var(--sage); letter-spacing:.04em; }

/* ---------- responsive ---------- */
@media (max-width:1000px){
	.agras__cards{ grid-template-columns:repeat(2,1fr); }
	.agras__card{ min-height:520px; }
}
@media (max-width:560px){
	.agras__cards{ grid-template-columns:1fr; gap:18px; padding:18px 16px; }
	.agras__card{ min-height:auto; }
	.agras__top{ padding-top:30px; }
}
@media (prefers-reduced-motion:reduce){
	.agras__card{ animation:none; opacity:1; transform:none; }
	.agras__map-pin{ animation:none; }
}

/* ==========================================================================
   Elementor Pro form on the Agras page (matches the lead-form dark-gold style)
   ========================================================================== */
.page-id-7181 .agras-formcard{ position:relative; box-shadow:0 30px 70px -28px rgba(0,0,0,.85); }
.page-id-7181 .agras-formcard > .elementor-widget-wrap,
.page-id-7181 .agras-formcard > .elementor-element-populated{ position:relative; }
.page-id-7181 .agras-formcard::before{
	content:""; position:absolute; inset-block-start:0; inset-inline:18px; height:3px; border-radius:3px; z-index:2;
	background:linear-gradient(90deg,transparent,#c8a44e,#ecd494,#c8a44e,transparent);
}
.page-id-7181 .elementor-form .elementor-field-group{ margin-bottom:14px; }
.page-id-7181 .elementor-form .elementor-field{
	color:#e7e1cf !important;
	padding:14px 16px !important;
	height:auto !important;
	font-size:15px !important;
	line-height:1.6 !important;
}
.page-id-7181 .elementor-form .elementor-field::placeholder{ color:#9aa088 !important; opacity:1; }
.page-id-7181 .elementor-form .elementor-field:focus{
	border-color:#c8a44e !important;
	box-shadow:0 0 0 4px rgba(200,164,78,.18) !important;
	background:rgba(255,255,255,.08) !important;
}
/* inline field icons (RTL: at the start/right) */
.page-id-7181 .elementor-form .elementor-field-group-name .elementor-field{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%239aa088' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M16 17v-1a3 3 0 0 0-3-3H7a3 3 0 0 0-3 3v1'/><circle cx='10' cy='7' r='3'/></svg>");
	background-repeat:no-repeat; background-position:right 14px center; padding-right:44px !important;
}
.page-id-7181 .elementor-form .elementor-field-group-phone .elementor-field{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%239aa088' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M18 14v3a2 2 0 0 1-2 2 15 15 0 0 1-11-11 2 2 0 0 1 2-2h3a1.6 1.6 0 0 1 1.6 1.4c.1.8.3 1.5.6 2.2a1.6 1.6 0 0 1-.4 1.7l-1 1a13 13 0 0 0 5 5l1-1a1.6 1.6 0 0 1 1.7-.4c.7.3 1.4.5 2.2.6A1.6 1.6 0 0 1 18 14z'/></svg>");
	background-repeat:no-repeat; background-position:right 14px center; padding-right:44px !important;
}
.page-id-7181 .elementor-form .elementor-button{
	background-color:#c8a44e;
	background-image:linear-gradient(120deg,#9d7e36 0%,#c8a44e 60%,#ecd494 100%) !important;
	color:#1a1305 !important;
	border:0 !important;
	box-shadow:0 14px 26px -10px rgba(200,164,78,.5);
	transition:transform .15s ease, filter .2s ease;
}
.page-id-7181 .elementor-form .elementor-button:hover{ filter:brightness(1.06); transform:translateY(-2px); }
.page-id-7181 .agras-note{ color:#a6ab94; font-size:12.5px; }
.page-id-7181 .elementor-message.elementor-message-success{ color:#ecd494; }