/* R.A.K. GROUP — v2.8.0 | Approved Design A, Variant 1: Luxury 3D Engineering Statistics.
 * Presentation-only release: do not touch Elementor post_meta, icons, labels or media IDs.
 * Native Elementor container backgrounds remain editable; --rak26-wallpaper comes from
 * the existing plugin Elementor container/before_render hook, with offline bundled fallback.
 * Scopes are deliberately restricted to .rak-stat-bar and its four .rak-stat children.
 */
body.rak-v24-active .rak-stat-bar {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:clamp(12px,1.45vw,22px)!important;
  padding:clamp(30px,3.4vw,54px) max(3.5%,calc((100vw - 1420px)/2))!important;
  background:
    radial-gradient(ellipse 70% 90% at 50% -40%,rgba(102,139,182,.23),transparent 75%),
    linear-gradient(118deg,#101b2a 0%,#23364b 49%,#101b2b 100%)!important;
}
body.rak-v24-active .rak-stat-bar > .rak-stat {
  position:relative!important;
  isolation:isolate!important;
  min-width:0!important;
  min-height:clamp(270px,25.5vw,354px)!important;
  padding:clamp(22px,2.5vw,35px) clamp(13px,1.75vw,24px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(7px,1vw,13px)!important;
  text-align:center!important;
  border-radius:22px!important;
  border:1px solid rgba(255,198,152,.67)!important;
  /* Separate background layers preserve existing Elementor's editable wallpaper URL. */
  background-image:
    radial-gradient(ellipse 92% 55% at 15% -7%,rgba(255,180,104,.26) 0%,rgba(255,180,104,0) 64%),
    linear-gradient(180deg,rgba(9,24,39,.09) 0%,rgba(9,20,36,.38) 36%,rgba(5,15,29,.93) 100%),
    var(--rak26-wallpaper,url('../assets/city-dusk-v26.webp'))!important;
  background-size:cover,cover,auto 110%!important;
  background-position:center,center,50% 50%!important;
  background-repeat:no-repeat!important;
  box-shadow:
    inset 0 1px 1px rgba(255,252,242,.57),
    inset 0 -3px 0 rgba(231,114,52,.60),
    inset 0 0 0 4px rgba(8,19,33,.22),
    0 0 0 1px rgba(218,107,56,.17),
    0 13px 27px rgba(3,11,21,.36),
    0 27px 49px rgba(3,12,25,.27),
    0 0 19px rgba(241,126,58,.07)!important;
  overflow:hidden!important;
  transform:translateZ(0)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
/* Alternate city angles without replacing customer-selected native Elementor backgrounds. */
body.rak-v24-active .rak-stat-bar > .rak-stat:nth-child(2) {background-position:center,center,30% 48%!important}
body.rak-v24-active .rak-stat-bar > .rak-stat:nth-child(3) {background-position:center,center,66% 50%!important}
body.rak-v24-active .rak-stat-bar > .rak-stat:nth-child(4) {background-position:center,center,85% 50%!important}
body.rak-v24-active .rak-stat-bar > .rak-stat::before {
  content:""!important;display:block!important;
  pointer-events:none!important;position:absolute!important;inset:0!important;
  width:auto!important;height:auto!important;opacity:1!important;z-index:0!important;
  background:
    linear-gradient(135deg,rgba(255,245,220,.24) 0%,rgba(255,245,220,.015) 19%,transparent 44%),
    linear-gradient(155deg,transparent 52%,rgba(255,158,84,.13) 70%,rgba(10,24,37,.01) 71%)!important;
}
body.rak-v24-active .rak-stat-bar > .rak-stat::after {
  content:""!important;display:block!important;pointer-events:none!important;
  position:absolute!important;z-index:0!important;
  top:auto!important;left:8%!important;right:8%!important;bottom:-27px!important;
  width:84%!important;height:72px!important;opacity:.9!important;
  transform:none!important;
  background:radial-gradient(ellipse,rgba(245,121,54,.27),transparent 72%)!important;
}
body.rak-v24-active .rak-stat-bar > .rak-stat > .elementor-element,
body.rak-v24-active .rak-stat-bar > .rak-stat > .elementor-widget {position:relative!important;z-index:2!important;max-width:100%!important}
body.rak-v24-active .rak-stat-bar .rak-v24-stat-icon {
  order:-3!important;display:flex!important;align-items:center!important;
  justify-content:center!important;width:auto!important;
  margin:0 auto clamp(5px,1.2vw,15px)!important;flex:none!important;
}
body.rak-v24-active .rak-stat-bar .rak-v24-stat-icon .elementor-widget-container {
  display:flex!important;align-items:center!important;justify-content:center!important;
}
body.rak-v24-active .rak-stat-bar .rak-v24-stat-icon .elementor-icon {
  position:relative!important;display:grid!important;place-items:center!important;
  width:clamp(74px,7.4vw,110px)!important;
  height:clamp(74px,7.4vw,110px)!important;
  padding:15px!important;
  border-radius:25px!important;
  border:1px solid rgba(255,229,208,.75)!important;
  color:#fff7ef!important;
  background:linear-gradient(142deg,rgba(255,255,255,.31),rgba(230,129,75,.09) 58%,rgba(22,33,47,.36))!important;
  box-shadow:
    inset 0 2px rgba(255,255,255,.47),
    inset 0 -2px rgba(224,126,70,.25),
    0 0 0 5px rgba(252,188,143,.055),
    0 12px 24px rgba(6,14,29,.48),
    0 0 20px rgba(255,149,70,.49)!important;
  text-shadow:0 0 16px rgba(255,229,207,.47)!important;
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
  transform:none!important;
}
body.rak-v24-active .rak-stat-bar .rak-v24-stat-icon svg,
body.rak-v24-active .rak-stat-bar .rak-v24-stat-icon i {
  width:clamp(35px,4vw,54px)!important;
  height:clamp(35px,4vw,54px)!important;
  font-size:clamp(35px,4vw,54px)!important;
  fill:currentColor!important;
}
body.rak-v24-active .rak-stat-bar .rak-stat-num {order:-2!important;margin:0!important}
body.rak-v24-active .rak-stat-bar .rak-stat-num .elementor-heading-title {
  color:#fff!important;font-size:clamp(44px,4.5vw,67px)!important;
  font-weight:900!important;line-height:1.08!important;letter-spacing:-.035em!important;
  text-shadow:0 3px 11px rgba(7,13,23,.48),0 0 20px rgba(251,230,209,.12)!important;
  white-space:nowrap!important;
}
body.rak-v24-active .rak-stat-bar .rak-stat-label {order:-1!important;margin:2px 0 0!important}
body.rak-v24-active .rak-stat-bar .rak-stat-label,
body.rak-v24-active .rak-stat-bar .rak-stat-label .elementor-widget-container,
body.rak-v24-active .rak-stat-bar .rak-stat-label :is(p,span){
  color:#f8f2ed!important;opacity:1!important;
  font-weight:700!important;font-size:clamp(13px,1.12vw,17px)!important;
  line-height:1.55!important;text-shadow:0 2px 8px rgba(1,10,25,.79)!important;
}
@media (hover:hover) and (pointer:fine) {
 body.rak-v24-active .rak-stat-bar > .rak-stat:hover {
  transform:translateY(-7px)!important;
  border-color:rgba(255,205,157,.95)!important;
  box-shadow:inset 0 1px 1px rgba(255,252,242,.6),inset 0 -3px 0 rgba(248,147,67,.9),
    0 0 0 1px rgba(255,167,97,.48),0 22px 34px rgba(3,11,21,.46),0 31px 52px rgba(3,12,25,.34),0 0 29px rgba(241,126,58,.19)!important;
 }
}
@media (max-width:1000px){
 body.rak-v24-active .rak-stat-bar {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;padding:27px 5%!important}
 body.rak-v24-active .rak-stat-bar > .rak-stat {min-height:284px!important}
}
@media (max-width:767px){
 body.rak-v24-active .rak-stat-bar {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;padding:20px 4%!important}
 body.rak-v24-active .rak-stat-bar > .rak-stat {min-height:227px!important;border-radius:17px!important;padding:16px 10px!important;gap:7px!important}
 body.rak-v24-active .rak-stat-bar .rak-v24-stat-icon {margin-bottom:7px!important}
 body.rak-v24-active .rak-stat-bar .rak-v24-stat-icon .elementor-icon {width:70px!important;height:70px!important;border-radius:18px!important;padding:11px!important}
 body.rak-v24-active .rak-stat-bar .rak-v24-stat-icon svg,
 body.rak-v24-active .rak-stat-bar .rak-v24-stat-icon i {width:34px!important;height:34px!important;font-size:34px!important}
 body.rak-v24-active .rak-stat-bar .rak-stat-num .elementor-heading-title {font-size:clamp(37px,9vw,48px)!important}
 body.rak-v24-active .rak-stat-bar .rak-stat-label,
 body.rak-v24-active .rak-stat-bar .rak-stat-label .elementor-widget-container,
 body.rak-v24-active .rak-stat-bar .rak-stat-label :is(p,span) {font-size:clamp(11px,3.2vw,13px)!important}
}
@media(max-width:350px) {
 body.rak-v24-active .rak-stat-bar {grid-template-columns:1fr!important}
 body.rak-v24-active .rak-stat-bar > .rak-stat {min-height:240px!important}
}
@media(prefers-reduced-motion:reduce) {
 body.rak-v24-active .rak-stat-bar > .rak-stat,
 body.rak-v24-active .rak-stat-bar > .rak-stat:hover {transition:none!important;transform:none!important}
}