/*
Theme Name: Sidr Vale Spa
Version: 4.3.2
Description: Bilingual Elementor theme for Sidr Vale Spa in Majan, Dubai.
Requires PHP: 8.0
Text Domain: sidr-vale
*/
:root{--sv-paper:#faf8f1;--sv-white:#fffdf7;--sv-ink:#23352d;--sv-leaf:#213d32;--sv-muted:#535e53;--sv-gold:#e8c987;--sv-rule:#d8d4bf;--sv-gutter:clamp(22px,5.6vw,90px);--sv-max:1360px;--sv-serif:"Cormorant Garamond",Georgia,serif;--sv-sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--sv-paper);color:var(--sv-ink);font:400 16px/1.65 var(--sv-sans);-webkit-font-smoothing:antialiased}
body.sv-ar{--sv-sans:"Noto Sans Arabic","DM Sans",Tahoma,sans-serif;--sv-serif:"Noto Naskh Arabic",Georgia,serif}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid #ab7933;outline-offset:4px}
.sv-skip{position:absolute;z-index:1000;top:8px;left:8px;padding:8px 14px;transform:translateY(-150%);background:white;color:#182a22}
.sv-skip:focus{transform:none}
body .e-con,.elementor-element{min-width:0}
body .sv-wrap.e-con{max-width:var(--sv-max);width:100%;margin-inline:auto;padding-inline:var(--sv-gutter);--padding-block-start:0;--padding-block-end:0}
body .sv-section.e-con,body .sv-header-design.e-con,body .sv-hero.e-con{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--gap:0;--width:100%;margin:0}
body .e-con{--widgets-spacing:0px 0px;--gap:0px;--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0}
body .elementor-widget-heading .elementor-heading-title{color:inherit;font-family:var(--sv-serif);font-weight:500;line-height:1.05;letter-spacing:-.035em;margin:0;text-wrap:pretty}
body .elementor-widget-heading h2.elementor-heading-title{font-size:clamp(35px,3.75vw,57px)}
body .elementor-widget-heading h3.elementor-heading-title{font-size:clamp(28px,2.15vw,35px)}
body .elementor-widget-text-editor{font:400 16px/1.7 var(--sv-sans);color:var(--sv-muted)}
body .elementor-widget-text-editor :where(p){margin:0}
body .elementor-widget img{display:block;max-width:100%}
body .elementor-button{font:600 14px/1.4 var(--sv-sans);text-transform:none;letter-spacing:.005em;border-radius:999px;border:1px solid transparent;transition:background .18s ease,color .18s ease,transform .18s ease,text-decoration-color .18s ease}
body .sv-primary .elementor-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:var(--sv-leaf);color:white;padding:11px 23px}
body .sv-primary .elementor-button:hover{background:#375849;color:#fff}
body .sv-primary .elementor-button:active{transform:translateY(1px)}
body .sv-text-link .elementor-button,body .sv-hero-link .elementor-button{border:0;border-radius:0;background:transparent;color:var(--sv-leaf);padding:7px 0;font-size:14px;text-decoration:underline;text-decoration-color:#9caa9a;text-underline-offset:5px}
body .sv-text-link .elementor-button:hover{text-decoration-color:currentColor;color:#4a6848}
body .sv-arrow .elementor-button,body .sv-back .elementor-button{display:inline-flex;align-items:center;gap:11px}
.sv-arrow .elementor-button::after,.sv-back .elementor-button::before{content:"";display:inline-block;width:15px;height:15px;background:currentColor;mask:url(assets/arrow.svg) center/contain no-repeat;flex:none}
.sv-back .elementor-button::before,.sv-ar .sv-arrow .elementor-button::after{transform:scaleX(-1)}
.sv-ar .sv-back .elementor-button::before{transform:none}
body .sv-actions.e-con,body .sv-section-head.e-con,body .sv-header-row.e-con,body .sv-brand.e-con,body .sv-footer-row.e-con{display:flex;flex-direction:row;align-items:center}
body .sv-actions.e-con{gap:24px;flex-wrap:wrap}
body .sv-actions>.elementor-element,body .sv-section-head>.elementor-element,body .sv-header-row>.elementor-element,body .sv-brand>.elementor-element,body .sv-footer-row>.elementor-element{width:auto;--width:auto;max-width:100%}
.sv-header{position:relative;z-index:20;background:#faf8f0;border-bottom:1px solid #e7e1cf}
body .sv-header-row.e-con{min-height:82px;gap:clamp(18px,2.2vw,35px);padding-block:10px}
body .sv-brand.e-con{gap:10px;align-items:center;flex:none;white-space:nowrap}
body .sv-mark.elementor-widget img{width:43px;height:49px;object-fit:contain}
body .sv-wordmark .elementor-heading-title{font:600 31px/.95 var(--sv-serif);letter-spacing:-.035em}
body .sv-wordmark .elementor-heading-title span{display:block;font:500 10px/1.25 var(--sv-sans);letter-spacing:.29em;text-transform:uppercase;margin-top:4px}
body.sv-ar .sv-wordmark .elementor-heading-title{font-size:29px}
body.sv-ar .sv-wordmark .elementor-heading-title span{font-size:11px;letter-spacing:0;margin-top:2px}
.sv-nav-widget{margin-inline-start:auto}
.sv-menu-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:clamp(16px,1.75vw,28px)}
.sv-menu-list li{margin:0;padding:0;list-style:none}
.sv-menu-list a{display:block;padding:7px 0;color:#3e4a40;font:500 14px/1.4 var(--sv-sans);white-space:nowrap;text-underline-offset:6px}
.sv-menu-list a:hover,.sv-menu-list .current-menu-item>a,.sv-menu-list .current-page-ancestor>a{color:#223c30;text-decoration:underline;text-decoration-color:#a58a57}
.sv-header .sv-elementor-menu{width:auto}
.sv-menu-toggle{display:none}
.sv-lang-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding-inline:4px;font:500 14px/1.3 "Noto Sans Arabic","DM Sans",sans-serif;white-space:nowrap}
.sv-lang-link:hover{text-decoration:underline;text-underline-offset:4px}
.sv-lang-link[lang=ar]{font-size:15px}
body .sv-header-book .elementor-button{min-height:41px;padding:9px 19px;font-size:13px}
body .sv-hero.e-con{position:relative;isolation:isolate;overflow:hidden;background:#2b281e;color:#fff9e9}
body .sv-hero-photo.elementor-widget{position:absolute;inset:0;z-index:0;width:100%;height:100%}
body .sv-hero-photo :where(.elementor-widget-container,picture),body .sv-hero-photo.elementor-widget img{width:100%;height:100%}
body .sv-hero-photo.elementor-widget img{object-fit:cover;object-position:50% 59%}
.sv-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(15,22,16,.89) 0%,rgba(21,29,19,.75) 27%,rgba(25,28,18,.29) 54%,rgba(21,20,14,.01) 79%)}
body .sv-hero-inner.e-con{z-index:2;position:relative;min-height:clamp(490px,42vw,640px);display:flex;justify-content:center;padding-block:clamp(64px,7vw,104px)}
body .sv-hero-copy.e-con{width:min(610px,60%);display:flex;align-items:flex-start;gap:0}
body .sv-hero .elementor-widget-heading h1{font-size:clamp(65px,6.55vw,105px);line-height:.98;letter-spacing:-.047em;color:#fffbef}
body .sv-hero .elementor-widget-heading em{font-weight:500;color:#f0d59e;letter-spacing:-.048em}
body .sv-hero .elementor-widget-text-editor{max-width:425px;margin:24px 0 28px;font-size:clamp(16px,1.22vw,18px);line-height:1.65;color:#f4efdf}
body .sv-light .elementor-button{background:#f2d59f;color:#20332a;min-height:49px;padding-inline:27px}
body .sv-light .elementor-button:hover{background:#ffe6b8;color:#172d22}
body .sv-hero-link .elementor-button{color:#fff9e9;text-decoration-color:#c7bda6;min-height:45px;align-items:center}
body .sv-hero-link .elementor-button:hover{color:white;text-decoration-color:white}
.sv-ar .sv-hero-photo img{transform:scaleX(-1)}
.sv-ar .sv-hero::after{transform:scaleX(-1)}
body.sv-ar .elementor-widget-heading .elementor-heading-title{letter-spacing:0;line-height:1.25}
body.sv-ar .sv-hero .elementor-widget-heading h1{font-size:clamp(64px,6.05vw,96px);line-height:1.17}
body.sv-ar .sv-hero .elementor-widget-heading em{font-style:normal;letter-spacing:0;font-size:.83em}
body.sv-ar .elementor-widget-text-editor{line-height:1.9}
body .sv-section-head.e-con{justify-content:space-between;align-items:baseline;gap:22px}
body .sv-menu-section.e-con{padding-block:clamp(58px,5.9vw,95px)}
body .sv-card-grid.e-con{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.5vw,37px);margin-top:31px}
body .sv-card.e-con{display:flex;flex-direction:column}
body .sv-card-image.elementor-widget{width:100%;aspect-ratio:1.6;overflow:hidden;border-radius:3px;background:#e6ddc9}
.sv-card-image>.elementor-widget-container,.sv-card-image a,.sv-card-image picture{width:100%;height:100%;display:block}
body .sv-card-image.elementor-widget img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.sv-card-image a:hover img{transform:scale(1.025)}
body .sv-card-copy.e-con{padding-top:20px;gap:9px;align-items:flex-start}
.sv-card-copy .elementor-heading-title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
body .sv-card-copy .elementor-widget-text-editor{font-size:15px}
body .sv-card-copy .sv-text-link{margin-top:2px}
body .sv-visit.e-con{background:#eeeede;padding-block:clamp(48px,5vw,80px)}
body .sv-visit-row.e-con,body .sv-reading-grid.e-con,body .sv-contact-grid.e-con,body .sv-faq-row.e-con{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,7vw,100px)}
body .sv-visit-copy.e-con{gap:10px;align-items:flex-start}
body .sv-visit-copy+ .sv-visit-copy{border-inline-start:1px solid #c9cbb7;padding-inline-start:clamp(35px,5vw,80px)}
body .sv-visit .elementor-widget-heading h2{font-size:clamp(32px,3.1vw,48px)}
body .sv-footer-design.e-con{background:#e6e7d8;border-top:1px solid #cdd0ba;padding-block:32px 72px}
body .sv-footer-row.e-con{justify-content:space-between;gap:22px}
body .sv-footer-row .elementor-widget-text-editor{font-size:14px}
body .sv-footer-design .sv-mark img{width:34px;height:40px}
body .sv-footer-design .sv-wordmark .elementor-heading-title{font-size:26px}
body .sv-number .elementor-button{direction:ltr;unicode-bidi:isolate;font-family:"DM Sans",sans-serif}
.sv-floats.e-con{position:static;min-height:0}
body .sv-float.elementor-widget{position:fixed;z-index:50;bottom:max(19px,env(safe-area-inset-bottom));width:54px!important;height:54px;margin:0;line-height:1}
body .sv-float-call{left:max(21px,env(safe-area-inset-left))}
body .sv-float-wa{right:max(21px,env(safe-area-inset-right))}
body .sv-float .elementor-button{position:relative;display:grid;place-items:center;width:54px;height:54px;padding:0;border-radius:50%;box-shadow:0 5px 17px #18251d36}
body .sv-float-call .elementor-button{background:#785131}
body .sv-float-wa .elementor-button{background:#197748}
body .sv-float .elementor-button:hover{filter:brightness(1.12)}
.sv-float .elementor-button::before{content:"";width:25px;height:25px;background:white;mask:center/contain no-repeat}
.sv-float-call .elementor-button::before{mask-image:url(assets/phone.svg)}
.sv-float-wa .elementor-button::before{mask-image:url(assets/whatsapp.svg);width:29px;height:29px}
.sv-float .elementor-button-content-wrapper{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body .sv-page-title.e-con{padding-block:clamp(55px,5.9vw,90px) 28px}
body :is(.sv-page-title,.sv-contact,.sv-spread) .elementor-widget-heading h1{font-size:clamp(52px,5.7vw,85px);line-height:1.02}
body .sv-lead.elementor-widget-text-editor{font-size:clamp(17px,1.35vw,20px);max-width:680px}
body .sv-page-title .sv-lead{margin-top:18px}
body .sv-all-services.e-con{padding-block:0 clamp(54px,5vw,78px)}
body .sv-all-services .sv-card-grid{row-gap:48px;margin-top:12px}
body .sv-spread.e-con{padding-block:clamp(42px,4.5vw,72px);background:#eeeddf}
body .sv-split.e-con{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:clamp(38px,6vw,96px)}
body .sv-spread-copy.e-con{display:flex;gap:22px;align-items:flex-start}
body .sv-spread-photo.elementor-widget{width:100%;aspect-ratio:1.28;overflow:hidden;border-radius:3px}
.sv-spread-photo>.elementor-widget-container,.sv-spread-photo picture{height:100%;width:100%;display:block}
body .sv-spread-photo.elementor-widget img{height:100%;width:100%;object-fit:cover}
body .sv-reading.e-con,body .sv-contact.e-con,body .sv-faq-section.e-con{padding-block:clamp(54px,6vw,92px)}
body .sv-reading-grid.e-con{grid-template-columns:1.3fr 1fr;align-items:start}
body .sv-editorial.e-con,body .sv-aside.e-con,body .sv-contact-copy.e-con{gap:16px;align-items:flex-start}
body .sv-aside.e-con{padding-inline-start:clamp(24px,3.5vw,52px);border-inline-start:1px solid var(--sv-rule)}
body .sv-aside .elementor-widget-heading h2,body .sv-contact-copy .elementor-widget-heading h2{font-size:clamp(27px,2.6vw,40px)}
body .sv-related.e-con{padding-block:36px 50px;border-top:1px solid var(--sv-rule)}
body .sv-related .elementor-widget-heading h2{font-size:clamp(28px,2.5vw,38px)}
body .sv-faq-section{background:#eeeddf}
body .sv-faq-row.e-con{grid-template-columns:.8fr 1.3fr;align-items:start}
.sv-faq .elementor-accordion .elementor-accordion-item{border:0;border-bottom:1px solid #c7c8b6}
.sv-faq .elementor-accordion .elementor-tab-title{padding:16px 0;font:600 16px/1.45 var(--sv-sans);color:var(--sv-ink)}
.sv-faq .elementor-accordion .elementor-tab-title .elementor-accordion-title{color:var(--sv-ink)}
.sv-faq .elementor-accordion .elementor-tab-content{border:0;padding:0 0 18px;color:var(--sv-muted);font:400 15px/1.7 var(--sv-sans)}
.sv-faq .elementor-tab-content p{margin:0}
body .sv-review-section.e-con{padding-block:0 clamp(70px,9vw,140px)}
body .sv-review-card.e-con{background:#fffdf7;border:1px solid var(--sv-rule);border-radius:4px;padding:clamp(26px,4vw,56px);gap:12px;max-width:760px;align-items:flex-start}
body .sv-review-card .sv-primary{margin-top:8px}
body .sv-contact-grid.e-con{grid-template-columns:.86fr 1.14fr;align-items:center}
body .sv-contact-copy .elementor-widget-heading h1{margin-bottom:12px}
body .sv-contact-copy .elementor-widget-heading h2{margin-top:6px;margin-bottom:-7px}
body .sv-map iframe{display:block;width:100%;border:0;border-radius:4px}
.sv-fallback{max-width:850px;margin:80px auto;padding:24px}
.sv-fallback a{text-decoration:underline}
@media(max-width:1030px){
 body .sv-header-row.e-con{min-height:73px;gap:18px}
 .sv-nav-widget{order:4;margin-inline-start:0}
 .sv-header .sv-language{order:2;margin-inline-start:auto}
 .sv-header .sv-header-book{order:3}
 .sv-menu-toggle{display:inline-flex;flex-direction:column;cursor:pointer;justify-content:center;align-items:center;gap:5px;background:transparent;color:var(--sv-ink);border:1px solid #c7c8b7;border-radius:50%;width:44px;height:44px;padding:9px}
 .sv-menu-toggle span{width:17px;height:1.5px;background:currentColor;display:block}
 .sv-menu-list{display:none;position:absolute;inset-inline:0;top:100%;background:var(--sv-paper);padding:12px var(--sv-gutter) 19px;box-shadow:0 14px 22px #1a231610;border-block:1px solid var(--sv-rule)}
 .sv-menu-toggle[aria-expanded=true]+.sv-menu-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
 .sv-menu-list a{padding:11px 4px}
 .sv-nav-widget,.sv-nav-widget>.elementor-widget-container,.sv-header-row.e-con,.sv-header-design.e-con,.sv-header .elementor{position:static}
 body .sv-hero-copy.e-con{width:66%}
}
@media(max-width:767px){
 body .sv-header-row.e-con{min-height:66px;gap:14px;padding-block:8px}
 body .sv-mark.elementor-widget img{width:34px;height:42px}
 body .sv-wordmark .elementor-heading-title{font-size:26px}
 body .sv-header .sv-header-book{display:none}
 body .sv-hero-inner.e-con{min-height: min(600px,74svh);padding-block:85px 48px;justify-content:flex-end}
 body .sv-hero-copy.e-con{width:100%;max-width:540px}
 body .sv-hero .elementor-widget-heading h1{font-size:clamp(56px,10.9vw,81px)}
 body.sv-ar .sv-hero .elementor-widget-heading h1{font-size:clamp(52px,10.6vw,76px)}
 body .sv-hero-photo.elementor-widget img{object-position:65% 50%}
 .sv-hero::after{background:linear-gradient(0deg,rgba(15,23,17,.94) 0%,rgba(21,28,17,.79) 40%,rgba(29,29,16,.25) 78%,rgba(37,28,14,.04))}
 body .sv-hero .elementor-widget-text-editor{margin:17px 0 21px;max-width:390px}
 body .sv-hero .sv-actions{gap:18px}
 body .sv-menu-section.e-con{padding-block:45px}
 body .sv-card-grid.e-con{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}
 body .sv-section-head.e-con{gap:12px;align-items:center;flex-wrap:wrap}
 body .sv-split.e-con,body .sv-reading-grid.e-con,body .sv-contact-grid.e-con,body .sv-faq-row.e-con{grid-template-columns:1fr;gap:27px}
 body .sv-spread-copy.e-con{gap:16px}
 body .sv-spread-photo.elementor-widget{aspect-ratio:1.68}
 body .sv-aside.e-con{border-inline-start:0;border-top:1px solid var(--sv-rule);padding:24px 0 0}
 body .sv-visit-row.e-con{gap:28px}
 body .sv-visit-copy+ .sv-visit-copy{padding-inline-start:20px}
 body .sv-footer-row.e-con{align-items:flex-start;flex-wrap:wrap}
 body .sv-footer-design.e-con{padding-bottom:92px}
 body .sv-float.elementor-widget{bottom:max(13px,env(safe-area-inset-bottom))}
 body .sv-float-call{left:max(14px,env(safe-area-inset-left))}
 body .sv-float-wa{right:max(14px,env(safe-area-inset-right))}
}
@media(max-width:540px){
 body .sv-card-grid.e-con,body .sv-visit-row.e-con{grid-template-columns:1fr}
 body .sv-card-grid.e-con{gap:30px}
 body .sv-card-copy.e-con{padding-top:16px;gap:6px}
 body .sv-visit-copy+ .sv-visit-copy{border-inline-start:0;border-top:1px solid #c9cbb7;padding:24px 0 0}
 body .sv-footer-row.e-con{flex-direction:column;gap:12px}
 body .sv-all-services .sv-card-grid{row-gap:35px}
 body :is(.sv-page-title,.sv-contact,.sv-spread) .elementor-widget-heading h1{font-size:clamp(44px,12vw,62px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0s!important}}
