/* Bridge between native Elementor markup and the v3 design (proidea-native.css loads first).
   Rule of thumb: a design class sits on the Elementor wrapper; a plain wrapper disappears
   (display:contents) so the authored element lays out exactly as in the static design. */

/* Theme header animation is driven by the theme script, which v3 pages do not load. */
body.proidea-native #masthead{opacity:1!important;transform:none!important;visibility:visible!important;position:relative;z-index:1001;background:var(--pi-ink)}
body.proidea-native .site-main>article>.post-thumbnail{display:none}
body.proidea-native .proidea-wa{position:fixed;z-index:999;inset-block-end:20px;inset-inline-start:20px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.25)}
body.proidea-native .proidea-wa svg{width:30px;height:30px;fill:#fff}
body.proidea-native .proidea-wa .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.proidea-native .proidea-wa:focus-visible{outline:3px solid #005fcc;outline-offset:3px}

/* Plain wrappers vanish on the front end (kept as boxes in the editor for selection). */
body.proidea-native:not(.elementor-editor-active) :is(.elementor-widget-heading,.elementor-widget-text-editor,.elementor-widget-image):not([class*="pi-"]){display:contents}
body.proidea-native .elementor-heading-title{color:inherit}
body.proidea-native .elementor-widget-text-editor{color:inherit;font:inherit}

/* Button widgets: the wrapper carries the design class; Elementor's link is neutral and
   stretched over the wrapper so the whole box is clickable. */
body.proidea-native .elementor-widget-button{position:relative;cursor:pointer}
body.proidea-native .elementor-widget-button .elementor-button-wrapper{display:contents}
body.proidea-native .elementor .elementor-widget-button .elementor-button,
body.proidea-native .elementor .elementor-widget-button .elementor-button:is(:hover,:focus,:visited){display:inline;width:auto;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;transition:none;fill:currentColor}
body.proidea-native .elementor-widget-button .elementor-button::after{content:"";position:absolute;inset:0}
body.proidea-native .elementor-widget-button .elementor-button-content-wrapper{display:inline;gap:0}
body.proidea-native .elementor-widget-button .elementor-button:focus-visible{outline:none}
body.proidea-native .elementor-widget-button:has(.elementor-button:focus-visible){outline:3px solid #005fcc;outline-offset:3px}
body.proidea-native .elementor-widget-button.pi-btn{width:auto;flex:none}

/* Image widgets carrying a design class: the img fills the classed wrapper. */
body.proidea-native .elementor-widget-image[class*="pi-"] img{display:block;width:100%;height:100%;object-fit:inherit;object-position:inherit;border-radius:inherit;max-width:none}
body.proidea-native .elementor-widget-image.pi-project__shot{overflow:hidden}

/* Containers authored as links. */
body.proidea-native a.e-con{color:inherit;text-decoration:none}

/* Header */
body.proidea-native .pi-header{position:relative;z-index:100}
body.proidea-native .pi-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
body.proidea-native .elementor-widget-image.pi-logo{width:150px;flex:none}
body.proidea-native .elementor-widget-image.pi-logo img{width:150px;height:auto}
body.proidea-native .elementor-widget.pi-menu-toggle{display:none}
body.proidea-native .elementor-widget-ekit-nav-menu.pi-nav{display:block;position:static;flex:1;min-width:0;padding:0}
body.proidea-native .elementor .elementor-element.pi-nav .elementskit-navbar-nav{flex-wrap:nowrap;justify-content:flex-end}
body.proidea-native .elementor .elementor-element.pi-nav .elementskit-navbar-nav>li>a{color:var(--pi-paper);font:600 15px/1.4 inherit;font-family:inherit;padding:12px 12px;white-space:nowrap}
body.proidea-native .elementor .elementor-element.pi-nav .elementskit-navbar-nav>li>a:hover,body.proidea-native .elementor .elementor-element.pi-nav .elementskit-navbar-nav>li.current-menu-item>a{color:#fff;text-decoration:underline;text-decoration-color:var(--pi-red);text-underline-offset:8px}
body.proidea-native .elementor .elementor-element.pi-nav .elementskit-submenu-panel{background:var(--pi-paper);border-top:2px solid var(--pi-red)}
body.proidea-native .elementor .elementor-element.pi-nav .elementskit-submenu-panel>li>a{color:var(--pi-ink);font-family:inherit;font-size:15px}
body.proidea-native .elementor .elementor-element.pi-nav .elementskit-submenu-indicator,body.proidea-native .elementor .elementor-element.pi-nav .ekit-submenu-indicator-icon{color:inherit;fill:currentColor}
body.proidea-native .elementor .elementor-element.pi-nav .elementskit-menu-hamburger{border:1px solid #77777f;background:transparent;padding:10px 12px;border-radius:0}
body.proidea-native .elementor .elementor-element.pi-nav .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:var(--pi-paper)}
body.proidea-native .elementor-widget.pi-language{flex:none}
body.proidea-native .pi-language ul{display:flex;gap:8px;margin:0;padding:0;list-style:none}
body.proidea-native .pi-language a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;color:var(--pi-paper);font:600 14px var(--pi-font-en);text-decoration:none}
body.proidea-native .pi-language a[lang^=ar]{font-family:var(--pi-font-ar-body)}
body.proidea-native .pi-language a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--pi-red);text-underline-offset:6px}
body.proidea-native .pi-header__inner>.pi-btn{order:9}
@media(max-width:1024px){
body.proidea-native .pi-header__inner{gap:10px}
body.proidea-native .elementor-widget-ekit-nav-menu.pi-nav{flex:none;order:10}
body.proidea-native .elementor .elementor-element.pi-nav .elementskit-menu-container{background:var(--pi-ink)}
body.proidea-native .elementor .elementor-element.pi-nav .elementskit-navbar-nav>li>a{color:var(--pi-paper);padding:14px 20px;font-size:16px}
body.proidea-native .elementor .elementor-element.pi-nav .elementskit-navbar-nav{flex-wrap:wrap}
body.proidea-native .elementor .elementor-element.pi-nav .elementskit-submenu-panel{background:transparent;border:0}
body.proidea-native .elementor .elementor-element.pi-nav .elementskit-submenu-panel>li>a{color:#D9D9DE}
body.proidea-native .elementor .elementor-element.pi-nav .elementskit-menu-close{color:var(--pi-paper);border-color:#77777f}
body.proidea-native .pi-header__inner>.pi-btn{padding:10px 14px;font-size:13px;min-height:44px}
}
@media(max-width:600px){
body.proidea-native .elementor-widget-image.pi-logo,body.proidea-native .elementor-widget-image.pi-logo img{width:104px}
body.proidea-native .pi-header__inner{width:calc(100% - 32px);gap:6px}
body.proidea-native .pi-language a{font-size:13px;padding:0 4px}
body.proidea-native .pi-header__inner>.pi-btn{padding:8px 10px;font-size:12px}
}

/* Background videos (hero, slides, service band) */
body.proidea-native .elementor-widget-video.pi-hero__media{position:absolute;inset:0;width:100%;height:100%;z-index:-2;margin:0}
body.proidea-native :is(.pi-hero__media,.pi-service-media__video) :is(.elementor-widget-container,.elementor-wrapper){width:100%;height:100%;aspect-ratio:auto}
body.proidea-native :is(.pi-hero__media,.pi-service-media__video) video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
body.proidea-native .elementor-widget-video.pi-service-media__video{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
body.proidea-native .pi-service-media__frame{position:relative}

/* Home country slider = Elementor nested carousel */
body.proidea-native .pi-slider{display:block;position:relative;overflow:hidden;background:var(--pi-ink)}
body.proidea-native .pi-slider .elementor-widget-n-carousel,body.proidea-native .pi-slider .elementor-widget-nested-carousel{position:relative;width:100%;min-width:0}
body.proidea-native .pi-slider .e-n-carousel{padding:0}
body.proidea-native .pi-slider .swiper-slide{height:auto}
body.proidea-native .pi-slider .pi-slide{grid-area:auto;opacity:1;visibility:visible;display:grid;align-items:end;position:relative;isolation:isolate;overflow:hidden;min-height:min(780px,calc(100svh - 76px));transition:none}
body.proidea-native .pi-slider .pi-slide .pi-hero__content{position:relative;z-index:2}
body.proidea-native .pi-slider .elementor-widget-video{pointer-events:none}
body.proidea-native .pi-slider .elementor-widget-n-carousel.elementor-element .swiper-pagination{top:auto;bottom:40px;left:auto;right:auto;inset-inline-start:max(24px,calc((100% - var(--pi-wrap)) / 2));width:auto;height:auto;display:flex;gap:6px;transform:none}
body.proidea-native .pi-slider .elementor-widget-n-carousel.elementor-element .swiper-pagination-bullet{width:34px;height:4px;border-radius:0;margin:0;background:var(--pi-paper);opacity:.45}
body.proidea-native .pi-slider .elementor-widget-n-carousel.elementor-element .swiper-pagination-bullet-active{background:var(--pi-red);opacity:1}
body.proidea-native .pi-slider .elementor-widget-n-carousel.elementor-element .elementor-swiper-button{top:auto;bottom:24px;left:auto;right:auto;transform:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid #8A8A93;border-radius:50%;background:rgba(27,27,29,.35);color:var(--pi-paper);font-size:16px;z-index:5}
body.proidea-native .pi-slider .elementor-widget-n-carousel.elementor-element .elementor-swiper-button svg{fill:currentColor;width:16px;height:16px}
body.proidea-native .pi-slider .elementor-widget-n-carousel.elementor-element .elementor-swiper-button-next{inset-inline-end:max(24px,calc((100% - var(--pi-wrap)) / 2))}
body.proidea-native .pi-slider .elementor-widget-n-carousel.elementor-element .elementor-swiper-button-prev{inset-inline-end:calc(max(24px,(100% - var(--pi-wrap)) / 2) + 56px)}
@media(max-width:900px){
body.proidea-native .pi-slider .pi-slide{min-height:680px}
body.proidea-native .pi-slider .elementor-widget-n-carousel.elementor-element .elementor-swiper-button{display:grid;width:38px;height:38px;bottom:20px;z-index:5}
body.proidea-native .pi-slider .elementor-widget-n-carousel.elementor-element .elementor-swiper-button-next{inset-inline-end:16px}
body.proidea-native .pi-slider .elementor-widget-n-carousel.elementor-element .elementor-swiper-button-prev{inset-inline-end:60px}
body.proidea-native .pi-slider .elementor-widget-n-carousel.elementor-element .swiper-pagination{inset-inline-start:16px;inset-inline-end:auto;bottom:26px;width:auto}
html[dir=rtl] body.proidea-native .pi-slider .elementor-widget-n-carousel.elementor-element .swiper-pagination{left:auto;right:16px}
html[dir=ltr] body.proidea-native .pi-slider .elementor-widget-n-carousel.elementor-element .swiper-pagination{right:auto;left:16px}
body.proidea-native .pi-slider .elementor-widget-n-carousel.elementor-element .swiper-pagination-bullet{width:16px}
}

/* Country video slides: keep the movie full-bleed and put the readable copy in a
   switchable solid panel. The home carousel and static market hero share these rules. */
body.proidea-native .pi-slider[data-pi-static-slide] .pi-slider__slides{display:grid}
body.proidea-native .pi-slider[data-pi-static-slide] .pi-slide{opacity:1;visibility:visible}
body.proidea-native .pi-slider .pi-slide .pi-hero__media{background:var(--pi-slide-media-bg,linear-gradient(135deg,var(--pi-slide-media-a,var(--pi-ink)),var(--pi-slide-media-b,var(--pi-ink))))}
body.proidea-native .pi-slider .pi-slide .elementor-widget-video.pi-hero__media{z-index:-2;margin:0;pointer-events:none}
body.proidea-native .pi-slider .pi-slide .elementor-widget-video.pi-hero__media,
body.proidea-native .pi-slider .pi-slide .elementor-widget-video.pi-hero__media .elementor-widget-container,
body.proidea-native .pi-slider .pi-slide .elementor-widget-video.pi-hero__media .elementor-wrapper,
body.proidea-native .pi-slider .pi-slide video{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto}
body.proidea-native .pi-slider .pi-slide video{display:block;object-fit:cover;object-position:center}
body.proidea-native .pi-slider .pi-slide .pi-hero__overlay{z-index:-1;background:rgba(27,27,29,.1);pointer-events:none}
body.proidea-native .pi-slider .pi-slide .pi-hero__content{box-sizing:border-box;align-self:end;width:min(calc(100% - 48px),420px);max-width:420px;margin-inline:max(24px,calc((100% - var(--pi-wrap)) / 2));margin-block-end:64px;padding:24px;background:var(--pi-slide-bg,#000);color:var(--pi-slide-fg,#fff);border-radius:4px}
body.proidea-native .pi-slider .pi-slide .pi-hero__content .pi-hero__eyebrow,
body.proidea-native .pi-slider .pi-slide .pi-hero__content h1,
body.proidea-native .pi-slider .pi-slide .pi-hero__content h2,
body.proidea-native .pi-slider .pi-slide .pi-hero__content .pi-hero__eyebrow,
body.proidea-native .pi-slider .pi-slide .pi-hero__content h1,
body.proidea-native .pi-slider .pi-slide .pi-hero__content h2,
body.proidea-native .pi-slider .pi-slide .pi-hero__content .pi-hero__lead{color:var(--pi-slide-fg,#fff)}
body.proidea-native .pi-slider .pi-slide .pi-hero__content .pf{color:var(--pi-slide-accent,#fff)!important}
body.proidea-native .pi-slider .pi-slide .pi-hero__content h1{font-size:clamp(1.5rem,2.2vw,2.25rem);line-height:1.15;overflow-wrap:anywhere}
body.proidea-native .pi-slider .pi-slide .pi-hero__content .pi-hero__lead{font-size:.95rem;line-height:1.7}
body.proidea-native .pi-slider .pi-slide .pi-hero__content .pi-btn--primary{border-color:var(--pi-slide-button-bg,#fff);background:var(--pi-slide-button-bg,#fff);color:var(--pi-slide-button-fg,#000)}
body.proidea-native .pi-slider .pi-slide .pi-hero__content .pi-btn--outline-light{border-color:var(--pi-slide-fg,#fff);color:var(--pi-slide-fg,#fff);background:transparent}
body.proidea-native .pi-slider .pi-slider__pause{position:absolute;z-index:6;inset-block-start:20px;inset-inline-end:24px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(27,27,29,.55);color:#fff;cursor:pointer}
body.proidea-native .pi-slider .pi-slider__pause svg{width:14px;height:14px;fill:currentColor}
body.proidea-native .pi-slider .pi-slider__pause:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:600px){
body.proidea-native .pi-slider .pi-slide{align-items:end;min-height:680px}
body.proidea-native .pi-slider .pi-slide .pi-hero__content{width:min(calc(100% - 32px),420px);max-width:420px;margin-inline:16px;margin-block-end:72px;padding:18px;border-radius:4px}
body.proidea-native .pi-slider .pi-slider__pause{inset-block-start:12px;inset-inline-end:12px;width:40px;height:40px}
}

/* Loader */
body.proidea-native .pi-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--pi-ink)}
body.proidea-native .pi-loader[hidden],body.proidea-native .e-con[hidden],body.proidea-native .elementor-widget[hidden]{display:none}
body.proidea-native .pi-loader .elementor-widget-video{width:min(280px,60vw)}

/* City ticker */
body.proidea-native .pi-ticker__track>.elementor-widget,body.proidea-native .pi-ticker__duplicate>.elementor-widget{flex:none}

/* Tabs and filters (button widgets) */
body.proidea-native .elementor-widget-button:is(.pi-tab,.pi-filter){flex:none;width:auto}
body.proidea-native .pi-panel[hidden]{display:none}

/* Case cards */
body.proidea-native .pi-project__screen>.elementor-widget-image,body.proidea-native .pi-project__crop>.elementor-widget-image{height:100%}
body.proidea-native .pi-project__body{padding-block-start:48px}

/* Showreel lightbox (Elementor video widget with image overlay) */
body.proidea-native .pi-showreel>.elementor-widget-video{width:100%}
body.proidea-native .pi-showreel .elementor-wrapper{aspect-ratio:16/7}
body.proidea-native .pi-showreel .elementor-custom-embed-image-overlay{background-size:cover;background-position:center}
body.proidea-native .pi-showreel .elementor-custom-embed-play svg,body.proidea-native .pi-showreel .elementor-custom-embed-play i{fill:#fff;color:#fff;background:var(--pi-red);border-radius:50%;padding:22px;width:72px;height:72px;opacity:1}

/* FAQ = ElementsKit accordion */
body.proidea-native .pi-faq .elementskit-accordion .elementskit-card{border:0;border-block-end:1px solid var(--pi-line);border-radius:0;background:transparent;margin:0}
body.proidea-native .pi-faq .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{padding:18px 0;background:transparent;color:var(--pi-ink);font:700 17px/1.6 var(--pi-font-ar-head)}
html[lang^=en] body.proidea-native .pi-faq .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{font-family:var(--pi-font-en)}
body.proidea-native .pi-faq .elementskit-accordion .elementskit-card-body{padding:0 0 18px;color:#4A4B51;line-height:1.9}
body.proidea-native .pi-faq .elementskit-accordion .ekit_accordion_icon_group{color:var(--pi-red)}

/* Forms (Elementor Pro form + Gravity fallback) */
body.proidea-native .elementor-form .elementor-field-group{margin-block-end:14px}
body.proidea-native .elementor-form .elementor-field{background:#fff;color:var(--pi-ink);min-height:48px;border:1px solid var(--pi-line);border-radius:0;font:inherit;padding:12px 14px}
body.proidea-native .elementor-form .elementor-field-label{color:var(--pi-ink);font-weight:700;font-size:14px}
body.proidea-native .elementor-form .elementor-button{display:inline-flex;justify-content:center;align-items:center;width:100%;min-height:50px;padding:12px 24px;background:var(--pi-red);color:#fff;border:0;border-radius:0;font:800 16px var(--pi-font-ar-body)}
body.proidea-native .elementor-form .elementor-button::after{content:none}
body.proidea-native .elementor-form .elementor-button:hover{background:var(--pi-red-dark)}

/* Sitemap */
body.proidea-native :is(.proidea-section,.e-con:has(.proidea-sitemap)){width:min(100% - 48px,var(--pi-wrap));margin-inline:auto;padding-block:clamp(3rem,6vw,6rem);padding-inline:24px}
body.proidea-native .proidea-sitemap{padding-inline-start:24px;margin-block:24px 0}
@media(max-width:600px){
body.proidea-native :is(.proidea-section,.e-con:has(.proidea-sitemap)){width:min(100% - 32px,var(--pi-wrap));padding-inline:16px}
body.proidea-native :is(.proidea-section,.e-con:has(.proidea-sitemap)) :is(h1,.elementor-heading-title){padding-inline:16px}
}

body.proidea-native{font-family:var(--pi-font-ar-body)}
html[lang^=en] body.proidea-native{font-family:var(--pi-font-en)}
/* Theme button styles stretch the slider pause control; keep it a small round icon. */
body.proidea-native .pi-slider button.pi-slider__pause{width:44px;height:44px;min-width:0;padding:0;color:#fff;font-size:0;line-height:0}
/* Every country slide keeps the compact box: the long country headlines use the same small size. */
body.proidea-native .pi-slider .pi-slide .pi-hero__content :is(h1,h2),body.proidea-native .pi-slider .pi-slide .pi-hero__content :is(h1,h2) *{font-size:clamp(1.35rem,1.9vw,2rem)!important;line-height:1.2!important}
body.proidea-native .pi-slider .pi-slide .pi-hero__content :is(h1,h2) .pi-line{display:inline}