/* R.A.K. GROUP — v2.6.0 Premium Industrial Luxury finishing pass.
   1. Shared button brand tokens
   2. Elementor-editable city image under copper statistics
   3. Quiet luxury footer
   4. Consistent cards/headings and responsive layout
   Scoped to approved premium design only. */
body.rak-v24-active {
 --rak26-orange1: #ff903c;
 --rak26-orange2: #f27731;
 --rak26-orange3: #d45c26;
 --rak26-deep: #152233;
 --rak26-copper-shadow: rgba(59,22,13,.3);
}
/* CTA across Home slide, header, and repeated inner-page buttons: same exact gradient. */
body.rak-v24-active :is(.rak-header-cta,.rak-btn-orange) .elementor-button,
body.rak-v24-active .rak-premium-slider :is(.rak-v25-caption-cta,.elementor-slide-button) {
 background: linear-gradient(128deg,var(--rak26-orange1) 0%,var(--rak26-orange2) 46%,var(--rak26-orange3) 100%)!important;
 background-color: var(--rak26-orange2)!important;
 border: 1px solid rgba(255,200,154,.53)!important;
 border-radius: 10px!important;
 color: #fff!important;
 text-shadow: 0 1px 2px rgba(74,28,8,.13)!important;
 box-shadow: inset 0 1px 0 rgba(255,255,255,.32),0 9px 23px rgba(90,34,13,.23)!important;
 font-weight: 750!important;
 transition: transform .22s ease,filter .22s ease,box-shadow .22s ease!important;
}
@media(hover:hover){
 body.rak-v24-active :is(.rak-header-cta,.rak-btn-orange) .elementor-button:hover,
 body.rak-v24-active .rak-premium-slider :is(.rak-v25-caption-cta,.elementor-slide-button):hover {
  transform:translateY(-2px)!important;
  filter:brightness(1.045)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.4),0 14px 27px rgba(87,34,15,.3)!important;
 }
}
/* Four statistics: actual native Elementor container image is read through
   --rak26-wallpaper by v26_stats_wallpaper(). Changing Background in Elementor
   changes the image behind this visual gradient without custom CSS edits. */
body.rak-v24-active .rak-stat-bar {
 gap:clamp(12px,1.6vw,22px)!important;
 padding-block:clamp(24px,3.3vw,43px)!important;
 background:radial-gradient(ellipse 65% 110% at 50% -25%,rgba(107,150,190,.2),transparent 66%),linear-gradient(135deg,#111d2b,#25374a 58%,#111e2e)!important;
}
body.rak-v24-active .rak-stat,
body.rak-v24-active .rak-stat:nth-child(2),
body.rak-v24-active .rak-stat:nth-child(3),
body.rak-v24-active .rak-stat:nth-child(4){
 position:relative!important;
 display:flex!important;
 flex-direction:column!important;
 justify-content:center!important;
 align-items:center!important;
 text-align:center!important;
 gap:8px!important;
 min-height:clamp(235px,21vw,295px)!important;
 padding:28px 18px!important;
 isolation:isolate!important;
 border:1px solid rgba(255,230,206,.54)!important;
 border-radius:19px!important;
 background-image:linear-gradient(157deg,rgba(137,56,31,.77) 0%,rgba(176,82,47,.72) 45%,rgba(74,34,33,.87) 100%),var(--rak26-wallpaper,url('../assets/city-dusk-v26.webp'))!important;
 background-position:center,center center!important;
 background-size:cover,cover!important;
 background-repeat:no-repeat,no-repeat!important;
 box-shadow:inset 0 1px rgba(255,255,255,.29),inset 0 -28px 43px rgba(28,12,19,.28),0 18px 35px rgba(4,15,26,.27)!important;
 overflow:hidden!important;
 transition:transform .24s ease,box-shadow .24s ease!important;
}
body.rak-v24-active .rak-stat:nth-child(2){background-position:center,36% center!important}
body.rak-v24-active .rak-stat:nth-child(3){background-position:center,63% center!important}
body.rak-v24-active .rak-stat:nth-child(4){background-position:center,90% center!important}
body.rak-v24-active .rak-stat::before {
 display:block!important;
 content:""!important;
 position:absolute!important;inset:0!important;
 width:auto!important;height:auto!important;
 background:linear-gradient(155deg,rgba(255,243,225,.25) 0%,transparent 27%,transparent 70%,rgba(27,15,31,.18) 100%)!important;
 pointer-events:none!important;
 z-index:0!important;
 opacity:1!important;
}
body.rak-v24-active .rak-stat::after{
 display:block!important;content:""!important;
 position:absolute!important;left:50%!important;bottom:-48px!important;top:auto!important;
 width:80%!important;height:82px!important;
 transform:translateX(-50%)!important;
 background:radial-gradient(ellipse,rgba(255,190,126,.22),transparent 70%)!important;
 pointer-events:none!important;z-index:0!important;
}
body.rak-v24-active .rak-stat > .elementor-element {position:relative!important;z-index:2!important;width:100%!important;max-width:100%!important}
body.rak-v24-active .rak-v24-stat-icon {
 order:-3!important;
 position:relative!important;
 inset:auto!important;
 top:auto!important;left:auto!important;right:auto!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 margin:0 auto 11px!important;
 width:auto!important;
}
body.rak-v24-active .rak-v24-stat-icon .elementor-widget-container {display:flex!important;justify-content:center!important}
body.rak-v24-active .rak-v24-stat-icon .elementor-icon{
 position:relative!important;
 width:clamp(64px,6vw,82px)!important;
 height:clamp(64px,6vw,82px)!important;
 display:grid!important;place-items:center!important;
 border-radius:20px!important;
 background:linear-gradient(135deg,rgba(255,255,255,.27),rgba(255,255,255,.07))!important;
 border:1px solid rgba(255,246,233,.49)!important;
 color:#fff5e8!important;
 box-shadow:inset 0 1px rgba(255,255,255,.48),0 12px 26px rgba(36,13,17,.36),0 0 28px rgba(248,177,125,.12)!important;
 transform:none!important;
}
body.rak-v24-active .rak-v24-stat-icon svg,
body.rak-v24-active .rak-v24-stat-icon i {width:clamp(32px,3.2vw,43px)!important;height:clamp(32px,3.2vw,43px)!important;font-size:clamp(32px,3.2vw,43px)!important;fill:currentColor!important}
body.rak-v24-active .rak-stat-num{order:-2!important;margin:0!important}
body.rak-v24-active .rak-stat-num .elementor-heading-title{
 font-size:clamp(37px,3.65vw,57px)!important;
 color:#fff!important;line-height:1.1!important;
 letter-spacing:-.025em!important;text-shadow:0 5px 17px rgba(24,13,18,.52)!important;
}
body.rak-v24-active .rak-stat-label {order:-1!important}
body.rak-v24-active .rak-stat-label,
body.rak-v24-active .rak-stat-label .elementor-widget-container,
body.rak-v24-active .rak-stat-label p{
 color:#ffefe4!important;font-size:clamp(13px,1.08vw,16px)!important;
 opacity:1!important;line-height:1.52!important;font-weight:650!important;
 text-shadow:0 1px 5px rgba(10,18,31,.52)!important;
}
@media(hover:hover){body.rak-v24-active .rak-stat:hover{
 transform:translateY(-5px)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.42),inset 0 -25px 43px rgba(28,12,19,.25),0 23px 44px rgba(6,16,30,.38)!important;
}}
/* Engineering story: preserve native image widget editing; newly supplied media
   comes from the v2.6 one-time migration, never a CSS replacement. */
body.rak-v24-active .rak-v12-story-media{background:#152638!important;min-height:420px!important}
body.rak-v24-active .rak-v12-story-media .rak-v12-fill{width:100%!important;height:100%!important;position:relative!important}
body.rak-v24-active .rak-v12-story-media .rak-v12-fill img{
 display:block!important;width:100%!important;height:100%!important;min-height:420px!important;
 object-fit:cover!important;object-position:53% 50%!important;
 filter:saturate(1.03) contrast(1.06)!important;
}
body.rak-v24-active .rak-v12-story-copy{
 background:radial-gradient(ellipse 82% 70% at 83% 8%,rgba(99,144,181,.18),transparent 64%),linear-gradient(141deg,#263950,#132236)!important;
}
body.rak-v24-active .rak-v12-story-point{margin-bottom:8px!important}
/* Footer — tighter editorial rhythm and modern interface, site-wide. */
body.rak-v24-active .rak-footer{
 padding:clamp(44px,5vw,69px) max(3%,calc((100vw - 1430px)/2)) 0!important;
 background:linear-gradient(106deg,rgba(11,23,38,.95),rgba(17,34,51,.91)),url('../assets/city-dusk-v26.webp') center 54% / cover no-repeat!important;
 border-top:1px solid rgba(231,171,128,.18)!important;
}
body.rak-v24-active .rak-footer-inner{
 display:grid!important;
 grid-template-columns:minmax(245px,1.18fr) minmax(160px,.73fr) minmax(280px,1.05fr)!important;
 column-gap:clamp(26px,4vw,60px)!important;
 row-gap:16px!important;
 align-items:start!important;
}
body.rak-v24-active .rak-footer-brand,
body.rak-v24-active .rak-footer-menu,
body.rak-v24-active .rak-footer-contact{gap:clamp(8px,1.1vw,14px)!important;min-width:0!important}
body.rak-v24-active .rak-footer-brand .elementor-widget-image{margin-bottom:10px!important}
body.rak-v24-active .rak-footer-logo img{width:clamp(165px,15vw,215px)!important;max-width:100%!important}
body.rak-v24-active .rak-footer .elementor-heading-title{font-size:clamp(17px,1.24vw,20px)!important;line-height:1.45!important;letter-spacing:.005em!important;color:#fff!important}
body.rak-v24-active .rak-footer-nav .elementor-button {
 padding:3px 0!important;
 min-height:0!important;
 line-height:1.58!important;
 color:#e6edf4!important;
 font-size:clamp(14px,1vw,16px)!important;
}
body.rak-v24-active .rak-footer-contact .rak-v24-footer-contact-row {
 display:flex!important;gap:12px!important;
 align-items:center!important;
 margin:0 0 6px!important;
 min-height:36px!important;
}
body.rak-v24-active .rak-footer-contact .rak-v24-footer-icon .elementor-icon{
 width:36px!important;height:36px!important;
 border-radius:11px!important;
 background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.035))!important;
 border:1px solid rgba(255,255,255,.2)!important;
 color:#efb693!important;
}
body.rak-v24-active .rak-footer-contact :is(.elementor-widget-text-editor,p),
body.rak-v24-active .rak-footer-brand :is(.elementor-widget-text-editor,p){
 color:#e5edf5!important;font-size:clamp(13px,1vw,15px)!important;line-height:1.62!important;
 opacity:1!important;overflow-wrap:anywhere;
}
body.rak-v24-active .rak-footer-bottom{
 margin-top:clamp(27px,3vw,44px)!important;
 padding:14px 0 16px!important;
 border-top:1px solid rgba(255,255,255,.17)!important;
}
/* Consistency across Home, About, Services, Projects, Contact, detail pages. */
body.rak-v24-active :is(.rak-service-card,.rak-project-card,.rak-v11-value-card,.rak-info-panel){
 border-radius:17px!important;
 box-shadow:0 10px 29px rgba(15,37,61,.09),0 23px 49px rgba(11,35,56,.08)!important;
 transition:box-shadow .22s ease,transform .22s ease!important;
}
@media(hover:hover){body.rak-v24-active :is(.rak-service-card,.rak-project-card,.rak-v11-value-card,.rak-info-panel):hover{
 transform:translateY(-4px)!important;box-shadow:0 17px 38px rgba(12,36,61,.14)!important;
}}
body.rak-v24-active :is(.rak-section-title,.rak-page-title,.rak-v11-heading-title) .elementor-heading-title {text-wrap:balance}
@media (max-width:980px){
 body.rak-v24-active .rak-footer-inner{grid-template-columns:1fr 1fr!important;column-gap:28px!important;row-gap:24px!important}
 body.rak-v24-active .rak-footer-brand{grid-column:1/-1!important}
 body.rak-v24-active .rak-stat{min-height:225px!important;padding:23px 14px!important}
}
@media (max-width:767px){
 body.rak-v24-active .rak-stat-bar{gap:11px!important;padding:18px 4%!important}
 body.rak-v24-active .rak-stat{min-height:190px!important;gap:5px!important;padding:17px 10px!important;border-radius:15px!important}
 body.rak-v24-active .rak-v24-stat-icon{margin-bottom:5px!important}
 body.rak-v24-active .rak-v24-stat-icon .elementor-icon{width:54px!important;height:54px!important;border-radius:15px!important}
 body.rak-v24-active .rak-v24-stat-icon svg,body.rak-v24-active .rak-v24-stat-icon i{width:28px!important;height:28px!important;font-size:28px!important}
 body.rak-v24-active .rak-stat-num .elementor-heading-title{font-size:clamp(31px,8.4vw,44px)!important}
 body.rak-v24-active .rak-stat-label,body.rak-v24-active .rak-stat-label .elementor-widget-container,body.rak-v24-active .rak-stat-label p{font-size:12px!important}
 body.rak-v24-active .rak-footer{padding:38px 22px 0!important}
 body.rak-v24-active .rak-footer-inner{grid-template-columns:1fr!important;gap:24px!important}
 body.rak-v24-active .rak-footer-brand{grid-column:auto!important}
 body.rak-v24-active .rak-v12-story-media,body.rak-v24-active .rak-v12-story-media .rak-v12-fill img{min-height:290px!important}
 body.rak-v24-active .rak-footer-bottom{margin-top:27px!important}
}
@media(prefers-reduced-motion:reduce){
 body.rak-v24-active .rak-stat,
 body.rak-v24-active .rak-stat:hover,
 body.rak-v24-active :is(.rak-service-card,.rak-project-card,.rak-v11-value-card,.rak-info-panel),
 body.rak-v24-active :is(.rak-service-card,.rak-project-card,.rak-v11-value-card,.rak-info-panel):hover{transition:none!important;transform:none!important}
}