/*
 * BIDAYAT PREMIUM DESIGN SYSTEM — visual preview V1
 * Query gated, never applied to ordinary Live visitors.
 * Existing WordPress/Astra/Elementor design untouched outside .bdp-preview.
 * Palette calibrated to current navy + gold logo identity.
 */
body.bdp-preview {
  --bdp-navy:#091a32;--bdp-navy-2:#102744;--bdp-navy-3:#183653;
  --bdp-gold:#c9a66b;--bdp-gold-light:#e9d2aa;
  --bdp-ivory:#faf8f3;--bdp-paper:#ffffff;--bdp-cloud:#f4f7fb;
  --bdp-ink:#183047;--bdp-muted:#607389;--bdp-line:rgba(23,47,75,.11);
  --bdp-radius-sm:12px;--bdp-radius-md:20px;--bdp-radius-lg:30px;
  --bdp-shadow:0 12px 40px rgba(5,21,39,.09);
  --bdp-shadow-lift:0 26px 65px rgba(5,21,39,.18);
  --bdp-ease:cubic-bezier(.22,1,.36,1);
  --bdp-ease-soft:cubic-bezier(.16,1,.3,1);
  --bdp-fast:220ms;--bdp-standard:620ms;--bdp-cinematic:1000ms;
  --bdp-content:min(1240px,calc(100vw - clamp(36px,6vw,112px)));
  font-family:Almarai,Cairo,Tahoma,sans-serif;
  background:var(--bdp-ivory);
  color:var(--bdp-ink);
  text-rendering:optimizeLegibility;
}
body.bdp-preview *,body.bdp-preview *::before,body.bdp-preview *::after {box-sizing:border-box}
body.bdp-preview :is(button,a,input,textarea,select):focus-visible {outline:3px solid var(--bdp-gold);outline-offset:4px}
body.bdp-preview .elementor :is(h1,h2,h3,h4) {text-wrap:balance}
body.bdp-preview .elementor-widget-text-editor,
body.bdp-preview .elementor-widget-text-editor p {line-height:1.95}
body.bdp-preview .elementor-widget-heading h1.elementor-heading-title {font-size:clamp(34px,5vw,74px);line-height:1.36;letter-spacing:-.018em}
body.bdp-preview .elementor-widget-heading h2.elementor-heading-title {font-size:clamp(27px,3.3vw,46px);line-height:1.46;letter-spacing:-.013em}
body.bdp-preview .elementor-widget-heading h3.elementor-heading-title {font-size:clamp(18px,1.9vw,25px);line-height:1.52}
body.bdp-preview .elementor-widget-heading h1.elementor-heading-title,
body.bdp-preview .elementor-widget-heading h2.elementor-heading-title {font-family:Almarai,Cairo,Tahoma,sans-serif;font-weight:800}
body.bdp-preview .ast-container {max-width:1400px}
body.bdp-preview #masthead .ast-primary-header-bar {background:rgba(9,26,50,.97)!important;border-bottom:1px solid rgba(233,210,170,.22)!important;backdrop-filter:blur(15px);box-shadow:0 12px 40px rgba(7,21,38,.16)}
body.bdp-preview #masthead .main-header-menu>.menu-item>.menu-link {transition:color var(--bdp-fast),opacity var(--bdp-fast);font-weight:700}
body.bdp-preview #masthead .main-header-menu>.menu-item:hover>.menu-link,
body.bdp-preview #masthead .main-header-menu>.current-menu-item>.menu-link {color:var(--bdp-gold-light)!important}
body.bdp-preview #masthead .main-header-menu .sub-menu {border:1px solid var(--bdp-line);border-radius:var(--bdp-radius-sm);box-shadow:var(--bdp-shadow-lift);overflow:hidden}
body.bdp-preview #masthead .main-header-menu .sub-menu .menu-link {transition:background var(--bdp-fast),color var(--bdp-fast)}
body.bdp-preview #masthead .main-header-menu .sub-menu .menu-link:hover {background:var(--bdp-cloud);color:var(--bdp-navy)!important}
body.bdp-preview .elementor .elementor-button,
body.bdp-preview .elementor a.elementor-button,
body.bdp-preview .elementor .uael-button-wrapper a,
body.bdp-preview .wpforms-form button[type=submit] {
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:var(--bdp-radius-sm)!important;
  font-weight:800;letter-spacing:.002em;
  transition:transform var(--bdp-fast) var(--bdp-ease), box-shadow var(--bdp-fast),background var(--bdp-fast),border-color var(--bdp-fast);
}
body.bdp-preview .elementor .elementor-button::before,
body.bdp-preview .elementor .uael-button-wrapper a::before {
  content:"";position:absolute;z-index:-1;inset:-30% auto -30% -55%;width:35%;pointer-events:none;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.20),transparent);
  transform:skewX(-24deg);transition:left .65s var(--bdp-ease);
}
body.bdp-preview .elementor .elementor-button:hover::before,
body.bdp-preview .elementor .uael-button-wrapper a:hover::before {left:135%}
body.bdp-preview .elementor a.elementor-button:hover,
body.bdp-preview .elementor .uael-button-wrapper a:hover,
body.bdp-preview .wpforms-form button[type=submit]:hover {transform:translateY(-3px);box-shadow:0 15px 34px rgba(12,43,77,.20)}
body.bdp-preview .elementor .elementor-button:active,
body.bdp-preview .elementor .uael-button-wrapper a:active {transform:translateY(0)}
/* High-polish cards applied to the existing site widgets, no DOM rewrite. */
body.bdp-preview .uael-infobox,
body.bdp-preview .elementor-widget-image-box .elementor-image-box-wrapper,
body.bdp-preview .uael-post__bg-wrap {
  border-radius:var(--bdp-radius-md);transform:translateZ(0);
  transition:transform .45s var(--bdp-ease),box-shadow .45s var(--bdp-ease),border-color .35s;
}
body.bdp-preview .uael-infobox {border:1px solid rgba(20,49,80,.09);background:rgba(255,255,255,.97);box-shadow:var(--bdp-shadow)}
body.bdp-preview .uael-infobox:hover,
body.bdp-preview .uael-post__bg-wrap:hover {box-shadow:var(--bdp-shadow-lift);border-color:rgba(201,166,107,.55);transform:translateY(-6px)}
body.bdp-preview .elementor-widget-image img,
body.bdp-preview .uael-image-content img {transition:transform .85s var(--bdp-ease-soft)}
body.bdp-preview .elementor-widget-image:hover img {transform:scale(1.025)}
body.bdp-preview :is(.uael-infobox-title,.uael-post__title,.elementor-image-box-title){text-wrap:balance}
body.bdp-preview :is(.uael-infobox-text,.uael-post__excerpt,.elementor-image-box-description){line-height:1.9}
body.bdp-preview .uael-post__bg-wrap{overflow:hidden;background:#fff}
body.bdp-preview .uael-post__bg-wrap img{transition:transform 1.05s var(--bdp-ease-soft)}
body.bdp-preview .uael-post__bg-wrap:hover img{transform:scale(1.065)}
/* Cinematic hero — preserve the real existing background and typography. */
body.bdp-preview.home .elementor-34389 .elementor-element-11810260{
  position:relative;isolation:isolate;overflow:hidden;
  background-color:var(--bdp-navy)!important;
}
body.bdp-preview.home .elementor-34389 .elementor-element-11810260::before {
  content:"";position:absolute;z-index:0;inset:-25% -15% -25% 40%;pointer-events:none;
  background:radial-gradient(ellipse at 45% 44%,rgba(201,166,107,.22),transparent 52%),
             radial-gradient(ellipse at 80% 83%,rgba(64,123,196,.21),transparent 45%);
  filter:blur(26px);animation:bdpAurora 14s ease-in-out infinite alternate;
}
body.bdp-preview.home .elementor-34389 .elementor-element-11810260>.e-con-inner,
body.bdp-preview.home .elementor-34389 .elementor-element-11810260>.elementor-container,
body.bdp-preview.home .elementor-34389 .elementor-element-11810260>.e-con {position:relative;z-index:1}
body.bdp-preview.home .elementor-34389 .elementor-element-69bc4cdf .uael-highlight-text{color:var(--bdp-gold-light)!important}
body.bdp-preview.home .elementor-34389 .elementor-element-69bc4cdf .uael-dual-color-heading h3{line-height:1.46;font-size:clamp(38px,5.8vw,76px);font-weight:900;letter-spacing:-.02em}
body.bdp-preview.home .elementor-34389 .elementor-element-2ab1ece2 p{max-width:735px;line-height:2.05}
body.bdp-preview.home .elementor-34389 .elementor-element-cjdzbna{background:linear-gradient(145deg,#f9f7f1,#f4f7fb)!important}
body.bdp-preview.home .elementor-34389 .elementor-element-bbd3e7b{padding-block:clamp(60px,7vw,106px) 24px}
/* Subtle premium visual accents, no false content or extra remote images. */
body.bdp-preview .elementor-widget-heading h2.elementor-heading-title {position:relative}
body.bdp-preview .uael-infobox .uael-infobox-title {font-weight:800}
body.bdp-preview .uael-image-content img{object-fit:contain}
body.bdp-preview .wpforms-form input:not([type=checkbox]):not([type=radio]),
body.bdp-preview .wpforms-form textarea,
body.bdp-preview .wpforms-form select {
  background:#fff;border-radius:var(--bdp-radius-sm);border-color:rgba(18,45,73,.18);
  transition:border-color var(--bdp-fast),box-shadow var(--bdp-fast);
}
body.bdp-preview .wpforms-form :is(input,textarea,select):focus{border-color:var(--bdp-gold);box-shadow:0 0 0 3px rgba(201,166,107,.12)}
/* A progress line with transform-only updates; injected only for opt-in preview. */
body.bdp-preview .bdp-reading-progress{
  position:fixed;z-index:99999;top:0;left:0;right:0;height:3px;
  transform:scaleX(0);transform-origin:left center;
  background:linear-gradient(90deg,var(--bdp-gold-light),var(--bdp-gold),#c5e2ff);
  pointer-events:none;will-change:transform;
}
body.bdp-preview[dir=rtl] .bdp-reading-progress{transform-origin:right center}
body.bdp-preview.bdp-js .bdp-animate{
  opacity:0;transform:translate3d(0,23px,0);transition:opacity .75s var(--bdp-ease),transform .85s var(--bdp-ease);
  transition-delay:var(--bdp-delay,0ms);
}
body.bdp-preview.bdp-js .bdp-animate.bdp-in-view{opacity:1;transform:translate3d(0,0,0)}
body.bdp-preview.bdp-js .bdp-animate.bdp-from-inline{transform:translate3d(25px,0,0)}
body.bdp-preview.bdp-js .bdp-animate.bdp-from-inline.bdp-in-view{transform:translate3d(0,0,0)}
body.bdp-preview.bdp-js .bdp-animate.bdp-image-reveal{clip-path:inset(0 0 12% 0 round 18px);transform:scale(.985);transition:opacity .7s var(--bdp-ease),clip-path 1s var(--bdp-ease),transform 1.1s var(--bdp-ease)}
body.bdp-preview.bdp-js .bdp-animate.bdp-image-reveal.bdp-in-view{clip-path:inset(0 0 0 0 round 0);transform:scale(1)}
body.bdp-preview .bdp-tilt{--bdp-rx:0deg;--bdp-ry:0deg}
@media(hover:hover) and (pointer:fine) and (min-width:1024px){
 body.bdp-preview .bdp-tilt:hover {transform:perspective(850px) rotateX(var(--bdp-rx)) rotateY(var(--bdp-ry)) translateY(-6px);box-shadow:var(--bdp-shadow-lift)}
}
@keyframes bdpAurora{from{transform:translate3d(-3%,2%,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.07)}}
@media(max-width:1023px){
 body.bdp-preview{--bdp-content:min(100% - 40px,980px)}
 body.bdp-preview .ast-container{max-width:100%}
 body.bdp-preview .elementor-widget-heading h1.elementor-heading-title{font-size:clamp(32px,5.5vw,52px)}
 body.bdp-preview.home .elementor-34389 .elementor-element-69bc4cdf .uael-dual-color-heading h3{font-size:clamp(37px,5.5vw,54px)}
}
@media(max-width:767px){
 body.bdp-preview{--bdp-content:calc(100% - 28px);--bdp-radius-md:16px}
 body.bdp-preview #masthead .ast-primary-header-bar{min-height:64px}
 body.bdp-preview .elementor-widget-heading h1.elementor-heading-title{font-size:clamp(29px,8vw,42px);line-height:1.4}
 body.bdp-preview .elementor-widget-heading h2.elementor-heading-title{font-size:clamp(25px,7vw,34px);line-height:1.48}
 body.bdp-preview.home .elementor-34389 .elementor-element-11810260::before {opacity:.5;filter:blur(14px);animation:none}
 body.bdp-preview.home .elementor-34389 .elementor-element-69bc4cdf .uael-dual-color-heading h3{font-size:clamp(34px,9vw,48px)}
 body.bdp-preview .uael-infobox{box-shadow:0 7px 25px rgba(7,27,51,.06)}
 body.bdp-preview .uael-infobox:hover,body.bdp-preview .uael-post__bg-wrap:hover {transform:none;box-shadow:0 8px 25px rgba(7,27,51,.09)}
 body.bdp-preview .wpforms-form :is(input,select,textarea){font-size:16px}
 body.bdp-preview.bdp-js .bdp-animate{transition-duration:.52s;transform:translate3d(0,12px,0)}
}
@media(max-width:359px){body.bdp-preview .elementor-widget-heading h1.elementor-heading-title{font-size:28px}}
@media(prefers-reduced-motion:reduce){
 body.bdp-preview *,body.bdp-preview *::before,body.bdp-preview *::after {animation:none!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
 body.bdp-preview.bdp-js .bdp-animate {opacity:1!important;transform:none!important;clip-path:none!important}
}