/* * Bako Aurora UI 1.4.0 * Editorial geometry: narrow readable copy, restrained surfaces and gradient rules. * Light language: luminous glass, progressive blur, grid and border-trail effects. */ :root{ --bako-brand:#22C7F2; --bako-brand-deep:#0D86C5; --bako-brand-2:#7B61FF; --bako-night:#07131D; --bako-surface:#0E1B26; --bako-glow:42%; --bako-paper:#071019; --bako-surface-1:rgba(14,27,38,.78); --bako-surface-2:rgba(18,36,50,.72); --bako-surface-3:rgba(25,46,62,.62); --bako-line:rgba(145,197,229,.18); --bako-line-soft:rgba(145,197,229,.10); --bako-text:#EAF4FA; --bako-text-2:#B1C8D7; --bako-text-3:#7F9BAD; --bako-shadow:0 18px 54px -28px rgba(0,0,0,.72),0 1px 0 rgba(255,255,255,.035) inset; --bako-shadow-lift:0 30px 80px -30px rgba(0,0,0,.84),0 0 42px -18px color-mix(in srgb,var(--bako-brand) 42%,transparent); --bako-radius:18px; --bako-radius-sm:13px; --bako-content-max:1180px; --bako-font-fa:"IRANSansXFaNum","Vazir",Tahoma,Arial,sans-serif; --bako-font-en:"Poppins","Open Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; --bako-mono:ui-monospace,"SFMono-Regular","Cascadia Code",Menlo,Consolas,monospace; --bako-scrollbar-size:9px; --bako-scrollbar-radius:999px; --bako-scrollbar-track:color-mix(in srgb,var(--bako-text) 7%,transparent); --bako-scrollbar-start:var(--bako-brand); --bako-scrollbar-end:var(--bako-brand-2); --bako-scrollbar-thumb:color-mix(in srgb,var(--bako-scrollbar-start) 72%,var(--bako-scrollbar-end) 28%); } :root[data-bako-theme="light"]{ --bako-paper:#F5F9FC; --bako-surface:#EEF5FA; --bako-surface-1:rgba(255,255,255,.86); --bako-surface-2:rgba(244,249,252,.90); --bako-surface-3:rgba(234,243,249,.82); --bako-line:rgba(45,91,120,.18); --bako-line-soft:rgba(45,91,120,.10); --bako-text:#0D1B25; --bako-text-2:#3C5567; --bako-text-3:#6B8291; --bako-shadow:0 18px 50px -32px rgba(17,57,82,.28),0 1px 0 rgba(255,255,255,.7) inset; --bako-shadow-lift:0 30px 74px -34px rgba(17,57,82,.35),0 0 40px -20px color-mix(in srgb,var(--bako-brand) 28%,transparent); --bako-scrollbar-start:var(--bako-brand-deep); --bako-scrollbar-end:var(--bako-brand-2); --bako-scrollbar-thumb:color-mix(in srgb,var(--bako-scrollbar-start) 62%,var(--bako-scrollbar-end) 38%); } @media (prefers-color-scheme:light){ :root:not([data-bako-theme]){ --bako-paper:#F5F9FC;--bako-surface:#EEF5FA;--bako-surface-1:rgba(255,255,255,.86);--bako-surface-2:rgba(244,249,252,.90);--bako-surface-3:rgba(234,243,249,.82);--bako-line:rgba(45,91,120,.18);--bako-line-soft:rgba(45,91,120,.10);--bako-text:#0D1B25;--bako-text-2:#3C5567;--bako-text-3:#6B8291;--bako-shadow:0 18px 50px -32px rgba(17,57,82,.28),0 1px 0 rgba(255,255,255,.7) inset;--bako-shadow-lift:0 30px 74px -34px rgba(17,57,82,.35),0 0 40px -20px color-mix(in srgb,var(--bako-brand) 28%,transparent);--bako-scrollbar-start:var(--bako-brand-deep);--bako-scrollbar-end:var(--bako-brand-2);--bako-scrollbar-thumb:color-mix(in srgb,var(--bako-scrollbar-start) 62%,var(--bako-scrollbar-end) 38%) } } *{box-sizing:border-box} html{scroll-behavior:smooth;overflow-x:clip;background:var(--bako-paper)} body.bako-aurora-ui{ position:relative;min-height:100vh;margin:0;color:var(--bako-text-2);background:var(--bako-paper); font-family:var(--bako-font-en);font-size:clamp(14px,.92vw,16px);line-height:1.82; -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:anywhere; } html[dir="rtl"] body.bako-aurora-ui{font-family:var(--bako-font-fa);line-height:2} body.bako-aurora-ui :where(h1,h2,h3,h4,h5,h6){color:var(--bako-text);font-family:var(--bako-font-en);font-weight:750;letter-spacing:-.025em;text-wrap:balance} html[dir="rtl"] body.bako-aurora-ui :where(h1,h2,h3,h4,h5,h6){font-family:var(--bako-font-fa);letter-spacing:0} body.bako-aurora-ui h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.2} body.bako-aurora-ui h2{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.35} body.bako-aurora-ui h3{font-size:clamp(1.22rem,2vw,1.6rem);line-height:1.45} body.bako-aurora-ui h4{font-size:clamp(1.02rem,1.5vw,1.22rem);line-height:1.55} body.bako-aurora-ui :where(p,li){color:var(--bako-text-2)} body.bako-aurora-ui a{color:var(--bako-text);text-decoration-color:color-mix(in srgb,var(--bako-brand) 60%,transparent);text-underline-offset:.28em;text-decoration-thickness:1px} body.bako-aurora-ui a:hover{color:var(--bako-brand)} body.bako-aurora-ui :focus-visible{outline:3px solid color-mix(in srgb,var(--bako-brand) 82%,white 18%);outline-offset:4px;border-radius:8px} body.bako-aurora-ui ::selection{background:color-mix(in srgb,var(--bako-brand) 38%,transparent);color:var(--bako-text)} body.bako-aurora-ui img{border-radius:inherit} /* Aurora scrollbar system: thin, rounded, brand-aware and layout-stable. */ html{ scrollbar-width:thin; scrollbar-color:var(--bako-scrollbar-thumb) var(--bako-scrollbar-track); } @supports (scrollbar-gutter:stable){ html{scrollbar-gutter:stable} } html::-webkit-scrollbar{width:var(--bako-scrollbar-size);height:var(--bako-scrollbar-size)} html::-webkit-scrollbar-track{background:var(--bako-scrollbar-track);border-radius:var(--bako-scrollbar-radius)} html::-webkit-scrollbar-thumb{ min-height:42px;border:1px solid transparent;border-radius:var(--bako-scrollbar-radius); background:linear-gradient(180deg,var(--bako-scrollbar-start),var(--bako-scrollbar-end)) padding-box; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bako-text) 8%,transparent),0 0 12px -6px var(--bako-brand); } html::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,var(--bako-scrollbar-end),var(--bako-scrollbar-start)) padding-box; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bako-text) 12%,transparent),0 0 16px -6px var(--bako-scrollbar-start); } html::-webkit-scrollbar-thumb:active{ background:linear-gradient(180deg,var(--bako-brand-deep),var(--bako-scrollbar-end)) padding-box; } html::-webkit-scrollbar-corner{background:transparent} /* Keep the legacy sidebar's mCustomScrollbar visually identical to the viewport rail. */ body.bako-aurora-ui header.left .mCSB_scrollTools{ width:8px;top:22px;right:6px;bottom:22px;left:auto;opacity:1;filter:none; } html[dir="rtl"] body.bako-aurora-ui header.left .mCSB_scrollTools{right:auto;left:6px} body.bako-aurora-ui header.left .mCSB_scrollTools .mCSB_draggerRail{ width:4px;margin-inline:auto;border:0!important;border-radius:var(--bako-scrollbar-radius); background:var(--bako-scrollbar-track)!important;box-shadow:inset 0 0 0 1px var(--bako-line-soft); } body.bako-aurora-ui header.left .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px;margin-inline:auto;border-radius:var(--bako-scrollbar-radius); background:linear-gradient(180deg,var(--bako-scrollbar-start),var(--bako-scrollbar-end))!important; box-shadow:0 0 10px -4px var(--bako-brand); } body.bako-aurora-ui header.left .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, body.bako-aurora-ui header.left .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, body.bako-aurora-ui header.left .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:linear-gradient(180deg,var(--bako-scrollbar-end),var(--bako-scrollbar-start))!important; box-shadow:0 0 14px -4px var(--bako-scrollbar-start); } @media (forced-colors:active){ html{scrollbar-color:auto} html::-webkit-scrollbar-track{background:Canvas} html::-webkit-scrollbar-thumb{background:CanvasText;box-shadow:none} body.bako-aurora-ui header.left .mCSB_scrollTools .mCSB_draggerRail{background:Canvas!important;box-shadow:none} body.bako-aurora-ui header.left .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:CanvasText!important;box-shadow:none} } /* ambient stage */ .bako-aurora-stage{position:fixed;inset:0;z-index:-3;pointer-events:none;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,var(--bako-paper),color-mix(in srgb,var(--bako-night) 76%,var(--bako-paper)))} .bako-aurora-grid{position:absolute;inset:0;background-image:linear-gradient(to right,color-mix(in srgb,var(--bako-text) 5%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--bako-text) 5%,transparent) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(110% 78% at 68% 5%,#000 5%,transparent 74%);opacity:.72} .bako-aurora-blob{position:absolute;border-radius:50%;filter:blur(18px);opacity:.55} .bako-aurora-blob-a{width:min(62vw,860px);height:min(62vw,860px);inset:-28vw -16vw auto auto;background:radial-gradient(circle,color-mix(in srgb,var(--bako-brand) var(--bako-glow),transparent),color-mix(in srgb,var(--bako-brand-2) 18%,transparent) 42%,transparent 69%)} .bako-aurora-blob-b{width:min(48vw,720px);height:min(48vw,720px);inset:auto auto -28vw -18vw;background:radial-gradient(circle,color-mix(in srgb,var(--bako-brand-2) 26%,transparent),transparent 68%)} .bako-aurora-blob-c{width:420px;height:420px;left:48%;top:44%;background:radial-gradient(circle,color-mix(in srgb,var(--bako-brand) 12%,transparent),transparent 68%);opacity:.35} .bako-aurora-noise{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");mix-blend-mode:soft-light} .bako-aurora-prism{position:fixed;z-index:-1;inline-size:clamp(180px,24vw,360px);aspect-ratio:1;inset-block-start:7vh;inset-inline-end:3vw;opacity:.9;filter:drop-shadow(0 0 38px color-mix(in srgb,var(--bako-brand) 28%,transparent));transform-style:preserve-3d;perspective:900px} .bako-prism-core,.bako-prism-ring,.bako-prism-flare{position:absolute;inset:50%;translate:-50% -50%;border-radius:50%} .bako-prism-core{width:42%;height:42%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.92),color-mix(in srgb,var(--bako-brand) 54%,transparent) 10%,color-mix(in srgb,var(--bako-brand-2) 32%,transparent) 38%,transparent 72%);filter:blur(1px);box-shadow:0 0 42px color-mix(in srgb,var(--bako-brand) 42%,transparent),inset -18px -15px 40px color-mix(in srgb,var(--bako-brand-2) 25%,transparent)} .bako-prism-ring{border:1px solid color-mix(in srgb,var(--bako-text) 18%,transparent);background:conic-gradient(from 45deg,color-mix(in srgb,var(--bako-brand) 18%,transparent),transparent 24%,color-mix(in srgb,var(--bako-brand-2) 20%,transparent) 54%,transparent 76%,color-mix(in srgb,var(--bako-brand) 16%,transparent));backdrop-filter:blur(4px)} .bako-prism-ring-a{width:68%;height:68%;rotate:23deg;clip-path:polygon(50% 0,100% 30%,84% 100%,18% 88%,0 28%)} .bako-prism-ring-b{width:92%;height:92%;rotate:-28deg;opacity:.65;clip-path:polygon(50% 0,96% 23%,92% 78%,50% 100%,8% 78%,4% 23%)} .bako-prism-flare{width:82%;height:15%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bako-brand) 46%,white 12%),transparent);filter:blur(9px);rotate:-22deg;opacity:.65} [data-bako-gsap-ready="1"] .bako-aurora-blob,[data-bako-gsap-ready="1"] .bako-aurora-prism{will-change:transform} /* CodeWiki-like progressive blur on compact headers. */ .bako-progressive-blur{display:none;position:fixed;z-index:89;inset:0 0 auto;height:116px;pointer-events:none;overflow:hidden;transform:rotate(180deg)} .bako-progressive-blur i{position:absolute;inset:0;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);mask:linear-gradient(to bottom,transparent 0 60%,#000 85% 100%)} .bako-progressive-blur i:nth-child(2){backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask:linear-gradient(to bottom,transparent 10% 52%,#000 72% 100%)} .bako-progressive-blur i:nth-child(3){backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask:linear-gradient(to bottom,transparent 18% 48%,#000 68% 100%)} .bako-progressive-blur i:nth-child(4){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask:linear-gradient(to bottom,transparent 28% 54%,#000 72% 100%)} .bako-progressive-blur i:nth-child(5){backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);mask:linear-gradient(to bottom,transparent 42% 62%,#000 82% 100%)} .bako-progressive-blur i:nth-child(6){backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);mask:linear-gradient(to bottom,transparent 58% 68%,#000 88% 100%)} .bako-progressive-blur i:nth-child(7){backdrop-filter:blur(64px);-webkit-backdrop-filter:blur(64px);mask:linear-gradient(to bottom,transparent 70%,#000 95%)} /* global layout shell */ body.bako-aurora-ui .site-wrapper{width:min(var(--bako-content-max),calc(100% - 32px));position:relative;z-index:1} body.bako-aurora-ui main.content{position:relative} body.bako-aurora-ui header.left, body.bako-aurora-ui .mobile-header, body.bako-aurora-ui .bako-elementor-header, body.bako-aurora-ui .bako-elementor-footer{ background:linear-gradient(145deg,color-mix(in srgb,var(--bako-surface-1) 94%,transparent),color-mix(in srgb,var(--bako-surface-2) 88%,transparent)); border:1px solid var(--bako-line);box-shadow:var(--bako-shadow);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%); } body.bako-aurora-ui header.left{border-radius:24px;overflow:hidden;isolation:isolate} body.bako-aurora-ui header.left::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,color-mix(in srgb,var(--bako-brand) 12%,transparent),transparent 35%,color-mix(in srgb,var(--bako-brand-2) 9%,transparent));z-index:-1} body.bako-aurora-ui header.left::after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,color-mix(in srgb,var(--bako-text) 5%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--bako-text) 5%,transparent) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(120% 80% at 70% 0,#000,transparent 72%);pointer-events:none;z-index:-1} body.bako-aurora-ui .mobile-header{border-radius:16px;position:relative;z-index:95} body.bako-aurora-ui .bako-elementor-header{position:relative;z-index:90;border-width:0 0 1px} body.bako-aurora-ui .bako-elementor-footer{position:relative;z-index:2;border-width:1px 0 0} body.bako-aurora-ui header .site-title,body.bako-aurora-ui .mobile-header .site-title{color:var(--bako-text)!important;font-weight:760} body.bako-aurora-ui header .site-slogan,body.bako-aurora-ui header .copyright{color:var(--bako-text-3)} body.bako-aurora-ui header .vertical-menu li a{position:relative;color:var(--bako-text-2);border-radius:11px;padding-block:.52rem;transition:color .24s ease,background .24s ease,translate .24s ease} body.bako-aurora-ui header .vertical-menu li a:hover,body.bako-aurora-ui header .vertical-menu li a.active{color:var(--bako-text);background:color-mix(in srgb,var(--bako-brand) 9%,transparent);translate:4px 0} html[dir="rtl"] body.bako-aurora-ui header .vertical-menu li a:hover,html[dir="rtl"] body.bako-aurora-ui header .vertical-menu li a.active{translate:-4px 0} body.bako-aurora-ui header .vertical-menu li a.active::before{background:linear-gradient(var(--bako-brand),var(--bako-brand-2));box-shadow:0 0 14px color-mix(in srgb,var(--bako-brand) 58%,transparent)} body.bako-aurora-ui .search-button,body.bako-aurora-ui header button.close{color:var(--bako-text)} body.bako-aurora-ui .search-button i{color:var(--bako-brand)} /* hero and major sections */ body.bako-aurora-ui .hero{position:relative;overflow:hidden;border:1px solid var(--bako-line);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--bako-night) 86%,transparent),color-mix(in srgb,var(--bako-brand-deep) 22%,var(--bako-night)));box-shadow:var(--bako-shadow-lift);isolation:isolate} body.bako-aurora-ui .hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(to right,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(110% 90% at 72% 0,#000 7%,transparent 75%)} body.bako-aurora-ui .hero::after{content:"";position:absolute;width:720px;aspect-ratio:1;border-radius:50%;inset:-55% -25% auto auto;background:radial-gradient(circle,color-mix(in srgb,var(--bako-brand) 34%,transparent),color-mix(in srgb,var(--bako-brand-2) 16%,transparent) 42%,transparent 68%);filter:blur(5px);z-index:-1} body.bako-aurora-ui .hero .cta{padding:clamp(1rem,3vw,2.4rem)} body.bako-aurora-ui .hero .cta h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.05;color:#fff;text-shadow:0 12px 44px rgba(0,0,0,.28)} body.bako-aurora-ui .hero .cta p{font-size:clamp(1rem,1.45vw,1.16rem);line-height:1.9;color:#BBD2E0;max-width:42rem} body.bako-aurora-ui .section-title,body.bako-aurora-ui .archive-header{position:relative;margin-block-end:clamp(1.7rem,3vw,2.6rem);padding-block-end:1rem;color:var(--bako-text)} body.bako-aurora-ui .section-title::after,body.bako-aurora-ui .archive-header::after{content:"";display:block;width:86px;height:4px;margin-top:14px;border-radius:99px;background:linear-gradient(to right,var(--bako-brand),var(--bako-brand-2));box-shadow:0 0 16px color-mix(in srgb,var(--bako-brand) 28%,transparent)} html[dir="rtl"] body.bako-aurora-ui .section-title::after,html[dir="rtl"] body.bako-aurora-ui .archive-header::after{background:linear-gradient(to left,var(--bako-brand),var(--bako-brand-2))} body.bako-aurora-ui .section-title::before,body.bako-aurora-ui .archive-header::before{content:"";position:absolute;inset-block-end:12px;inset-inline-start:80px;width:9px;height:9px;border-radius:50%;background:var(--bako-brand-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--bako-brand-2) 17%,transparent),0 0 16px var(--bako-brand-2)} /* surfaces */ body.bako-aurora-ui :where(.background-white,.white-bg,.shadow-blue,.shadow-dark,.blog-item-standard,.blog-single,.single-portfolio,.not-found,.no-search-result,.comments-area,.comments-box){background:var(--bako-surface-1)!important;border-color:var(--bako-line)!important;color:var(--bako-text-2);box-shadow:var(--bako-shadow)!important;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)} body.bako-aurora-ui :where(.background-white,.blog-item-standard,.blog-single,.single-portfolio,.not-found,.no-search-result){border:1px solid var(--bako-line);border-radius:var(--bako-radius)!important} body.bako-aurora-ui .blog-item-standard{padding:clamp(1.15rem,2.8vw,2rem);margin-block-end:1.25rem;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease} body.bako-aurora-ui .blog-item-standard:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--bako-brand) 35%,var(--bako-line))!important;box-shadow:var(--bako-shadow-lift)!important} body.bako-aurora-ui .blog-title a{color:var(--bako-text)} body.bako-aurora-ui .blog-item .meta,body.bako-aurora-ui .meta{color:var(--bako-text-3)} body.bako-aurora-ui .blog-item .meta li::after{background:var(--bako-brand)} body.bako-aurora-ui .blog-item .thumb,body.bako-aurora-ui .blog-item-standard .thumb,body.bako-aurora-ui .blog-single .thumb-wrapper{border-radius:15px;overflow:hidden;border:1px solid var(--bako-line-soft)} /* Bako/Elementor component cards */ body.bako-aurora-ui :where(.service-item,.price-item,.testimonial-item,.client-item .inner,.fact-item,.skill-item,.contact-info,.entry .body){position:relative;background:linear-gradient(145deg,var(--bako-surface-1),color-mix(in srgb,var(--bako-surface-2) 84%,transparent));border:1px solid var(--bako-line);border-radius:var(--bako-radius-sm);box-shadow:var(--bako-shadow);overflow:hidden;transition:transform .32s cubic-bezier(.22,.7,.3,1),box-shadow .32s ease,border-color .32s ease,background .32s ease} body.bako-aurora-ui :where(.service-item,.price-item,.testimonial-item,.fact-item,.skill-item,.contact-info)::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,color-mix(in srgb,var(--bako-brand) 9%,transparent),transparent 36%,color-mix(in srgb,var(--bako-brand-2) 7%,transparent));opacity:.7} body.bako-aurora-ui :where(.service-item,.price-item,.testimonial-item,.client-item .inner,.fact-item,.skill-item,.contact-info,.entry .body):hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--bako-brand) 35%,var(--bako-line));box-shadow:var(--bako-shadow-lift)} body.bako-aurora-ui .service-item{padding:30px 22px 24px;color:var(--bako-text-2)} body.bako-aurora-ui .service-item:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--bako-brand) 10%,var(--bako-surface-1)),color-mix(in srgb,var(--bako-brand-2) 8%,var(--bako-surface-2)));color:var(--bako-text-2)} body.bako-aurora-ui .service-item :where(h4,i),body.bako-aurora-ui .icon-simple{color:var(--bako-brand)} body.bako-aurora-ui .service-item:hover :where(h4,i){color:var(--bako-text)} body.bako-aurora-ui .price-item.recommended{border-color:color-mix(in srgb,var(--bako-brand) 48%,var(--bako-line));box-shadow:0 0 0 1px color-mix(in srgb,var(--bako-brand) 14%,transparent),var(--bako-shadow-lift)} body.bako-aurora-ui .price-item .price,body.bako-aurora-ui .price-item.recommended .price{color:var(--bako-text)} body.bako-aurora-ui .price-item i,body.bako-aurora-ui .testimonial-item .symbol{color:var(--bako-brand)} body.bako-aurora-ui .client-item .inner{padding:1.15rem;background:color-mix(in srgb,var(--bako-surface-1) 78%,transparent)} body.bako-aurora-ui .client-item img{filter:saturate(.82) contrast(.98);opacity:.78;transition:filter .25s ease,opacity .25s ease,transform .25s ease} body.bako-aurora-ui .client-item:hover img{filter:none;opacity:1;transform:scale(1.025)} /* timeline */ body.bako-aurora-ui .timeline-line{background:linear-gradient(var(--bako-brand),var(--bako-brand-2));width:2px;box-shadow:0 0 18px color-mix(in srgb,var(--bako-brand) 36%,transparent)} body.bako-aurora-ui .timeline-line::before,body.bako-aurora-ui .timeline-line::after,body.bako-aurora-ui .entry .title::before{background:var(--bako-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--bako-brand) 13%,transparent),0 0 14px var(--bako-brand)} body.bako-aurora-ui .entry .body{padding-block:1.1rem;padding-inline:1.4rem;margin-block-end:2.2rem!important} /* portfolio glass/chromatic treatment */ body.bako-aurora-ui .portfolio-item{border-radius:16px;border:1px solid var(--bako-line);background:var(--bako-surface-1);box-shadow:var(--bako-shadow);isolation:isolate;transform:translateZ(0)} body.bako-aurora-ui .portfolio-item::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit;box-shadow:inset 1px 0 color-mix(in srgb,var(--bako-brand) 25%,transparent),inset -1px 0 color-mix(in srgb,var(--bako-brand-2) 23%,transparent)} body.bako-aurora-ui .portfolio-item .mask{background:linear-gradient(145deg,color-mix(in srgb,var(--bako-night) 74%,transparent),color-mix(in srgb,var(--bako-brand-deep) 72%,transparent) 60%,color-mix(in srgb,var(--bako-brand-2) 46%,transparent));backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)} body.bako-aurora-ui .portfolio-item .plus-icon{color:var(--bako-text);background:rgba(7,19,29,.64);border:1px solid rgba(255,255,255,.20);box-shadow:0 0 24px color-mix(in srgb,var(--bako-brand) 25%,transparent);backdrop-filter:blur(10px)} body.bako-aurora-ui .portfolio-item:hover{box-shadow:var(--bako-shadow-lift);border-color:color-mix(in srgb,var(--bako-brand) 38%,var(--bako-line))} body.bako-aurora-ui .portfolio-item:hover .mask{opacity:.86} body.bako-aurora-ui .portfolio-filter li a,body.bako-aurora-ui .pf-filter-wrapper select{color:var(--bako-text-2);background:var(--bako-surface-1);border:1px solid var(--bako-line);border-radius:999px} body.bako-aurora-ui .portfolio-filter li.current a,body.bako-aurora-ui .portfolio-filter li a:hover{color:var(--bako-text);border-color:color-mix(in srgb,var(--bako-brand) 45%,var(--bako-line));background:color-mix(in srgb,var(--bako-brand) 10%,var(--bako-surface-1))} /* buttons + animated border shine */ body.bako-aurora-ui .btn,body.bako-aurora-ui button:not(.close):not(.menu-icon):not(.switch):not(.slick-arrow):not(.bako-global-theme-toggle):not(.arpa-themebtn):not(.arpa-copy-link):not(.arpa-ctabar-close){position:relative;border-radius:12px;font-family:inherit;font-weight:700;letter-spacing:0;border:1px solid var(--bako-line);overflow:hidden;isolation:isolate;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,color .24s ease,background .24s ease} body.bako-aurora-ui .btn-default,body.bako-aurora-ui .btn-alt{color:#031019;background:linear-gradient(135deg,var(--bako-brand),color-mix(in srgb,var(--bako-brand) 60%,var(--bako-brand-2)));border-color:color-mix(in srgb,var(--bako-brand) 68%,white 12%);box-shadow:0 10px 30px -14px color-mix(in srgb,var(--bako-brand) 68%,transparent)} body.bako-aurora-ui .btn-default:hover,body.bako-aurora-ui .btn-alt:hover{color:#020B10;background:linear-gradient(135deg,color-mix(in srgb,var(--bako-brand) 80%,white),var(--bako-brand-2));transform:translateY(-2px);box-shadow:0 16px 36px -16px color-mix(in srgb,var(--bako-brand) 78%,transparent)} body.bako-aurora-ui .btn-border,body.bako-aurora-ui .btn-border-light{background:var(--bako-surface-1);color:var(--bako-text);border-color:var(--bako-line)} /* animated border-trail, with a conic fallback */ .bako-aurora-ui :where(.form-control,.search-form-default,.service-item,.price-item,.blog-item-standard,.bako-shine){--bako-shine-alpha:.65} @supports (offset-path:border-box){ .bako-aurora-ui :where(.form-control,.search-form-default,.bako-shine){overflow:visible} .bako-aurora-ui :where(.form-control,.search-form-default,.bako-shine)::after{content:"";position:absolute;z-index:3;width:52px;height:16px;border-radius:999px;background:radial-gradient(circle,var(--bako-brand),color-mix(in srgb,var(--bako-brand-2) 60%,transparent) 45%,transparent 72%);filter:blur(8px);opacity:0;pointer-events:none;offset-path:border-box;offset-anchor:100% 50%;animation:bako-border-trail 12s linear infinite;animation-play-state:paused;transition:opacity .25s ease} .bako-aurora-ui :where(.search-form-default,.bako-shine):focus-within::after{opacity:.85;animation-play-state:running} @keyframes bako-border-trail{to{offset-distance:100%}} } /* forms/search */ body.bako-aurora-ui .form-control,body.bako-aurora-ui :where(input[type="text"],input[type="email"],input[type="url"],input[type="search"],input[type="password"],textarea,select){color:var(--bako-text);background:color-mix(in srgb,var(--bako-surface-1) 86%,transparent);border:1px solid var(--bako-line);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .25s ease,box-shadow .25s ease,background .25s ease} body.bako-aurora-ui .form-control:focus,body.bako-aurora-ui :where(input,textarea,select):focus{color:var(--bako-text);background:var(--bako-surface-2);border-color:color-mix(in srgb,var(--bako-brand) 62%,var(--bako-line));box-shadow:0 0 0 4px color-mix(in srgb,var(--bako-brand) 10%,transparent),0 0 34px -18px var(--bako-brand);outline:0} body.bako-aurora-ui :where(input,textarea)::placeholder{color:var(--bako-text-3)} body.bako-aurora-ui .search-popup{background:color-mix(in srgb,var(--bako-paper) 92%,transparent);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);z-index:9999} body.bako-aurora-ui .search-form{width:min(680px,calc(100% - 36px))} body.bako-aurora-ui .search-form button.search{background:linear-gradient(135deg,var(--bako-brand),var(--bako-brand-2));color:#031019;border-radius:12px} /* comments/navigation/pills */ body.bako-aurora-ui :where(.tags a,.page-links a,.pagination .page-numbers,.portfolio-info li,.meta li){border-color:var(--bako-line);color:var(--bako-text-3)} body.bako-aurora-ui .tags a{display:inline-flex;margin:.25rem;padding:.2rem .65rem;border:1px solid var(--bako-line);border-radius:999px;background:var(--bako-surface-2)} body.bako-aurora-ui .pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding-inline:.7rem;border-radius:10px;background:var(--bako-surface-1);border:1px solid var(--bako-line)} body.bako-aurora-ui .pagination .current,body.bako-aurora-ui .pagination a:hover{background:color-mix(in srgb,var(--bako-brand) 14%,var(--bako-surface-1));border-color:color-mix(in srgb,var(--bako-brand) 46%,var(--bako-line));color:var(--bako-text)} body.bako-aurora-ui blockquote{background:var(--bako-surface-2);border:1px solid var(--bako-line);border-inline-start:4px solid var(--bako-brand);border-radius:14px;color:var(--bako-text-2)} body.bako-aurora-ui :where(pre,code){font-family:var(--bako-mono)} body.bako-aurora-ui pre{color:var(--bako-text-2);background:#07141D;border:1px solid var(--bako-line);border-radius:14px} /* Elementor - retain layout, change surfaces/typography only. */ body.bako-aurora-ui .elementor-widget-heading .elementor-heading-title{color:var(--bako-text)} body.bako-aurora-ui .elementor-widget-text-editor,body.bako-aurora-ui .elementor-widget-text-editor p{color:var(--bako-text-2)} body.bako-aurora-ui .elementor-button{border-radius:12px;background:linear-gradient(135deg,var(--bako-brand),var(--bako-brand-2));color:#031019;border:1px solid color-mix(in srgb,var(--bako-brand) 58%,white 10%);box-shadow:0 12px 30px -17px var(--bako-brand)} body.bako-aurora-ui .elementor-button:hover{color:#020B10;transform:translateY(-2px);filter:saturate(1.08) brightness(1.05)} body.bako-aurora-ui .elementor-divider-separator{border-color:var(--bako-line)} /* theme switch */ .bako-global-theme-toggle{position:fixed;z-index:1001;inset-block-start:18px;inset-inline-end:18px;width:44px;height:44px;border-radius:13px;background:rgba(8,19,28,.62);color:#DDECF5;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 35px -18px rgba(0,0,0,.8),0 0 22px -12px var(--bako-brand);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease} :root[data-bako-theme="light"] .bako-global-theme-toggle{background:rgba(255,255,255,.72);color:#173244;border-color:rgba(38,81,108,.16)} .bako-global-theme-toggle:hover{transform:translateY(-2px) rotate(4deg);border-color:color-mix(in srgb,var(--bako-brand) 55%,transparent)} .bako-theme-icon{font-size:1.08rem;line-height:1} /* GSAP: elements are visible without JS; JS sets temporary from-state itself. */ [data-bako-gsap-ready="1"] .bako-gsap-reveal{will-change:transform,opacity} /* RTL/LTR corrections use logical properties instead of the legacy global direction hack. */ html[dir="rtl"] body.bako-aurora-ui{direction:rtl;text-align:right} html[dir="ltr"] body.bako-aurora-ui{direction:ltr;text-align:left} html[dir="rtl"] body.bako-aurora-ui main.content{float:left!important} html[dir="rtl"] body.bako-aurora-ui header.left{float:right!important} html[dir="ltr"] body.bako-aurora-ui main.content{float:right} html[dir="ltr"] body.bako-aurora-ui header.left{float:left} html[dir="rtl"] body.bako-aurora-ui .contact-info i{float:right} html[dir="rtl"] body.bako-aurora-ui .contact-info .details{margin-right:40px;margin-left:0} html[dir="ltr"] body.bako-aurora-ui .contact-info i{float:left} @media (max-width:1200px) and (min-width:992px){ body.bako-aurora-ui .site-wrapper{width:min(970px,calc(100% - 28px))} } @media (max-width:991px){ .bako-progressive-blur{display:block} body.bako-aurora-ui .site-wrapper{width:100%;padding-inline:15px} body.bako-aurora-ui .mobile-header{margin-top:12px!important} body.bako-aurora-ui header.left{top:16px;max-height:calc(100vh - 32px);min-height:calc(100vh - 32px);height:calc(100vh - 32px)} body.bako-aurora-ui main.content{margin-top:18px} .bako-aurora-prism{opacity:.65;inline-size:230px;inset-block-start:6vh;inset-inline-end:-70px} .bako-global-theme-toggle{inset-block-start:21px;inset-inline-end:72px;width:40px;height:40px} } @media (max-width:767px){ body.bako-aurora-ui .hero{padding:54px 28px!important;border-radius:18px} body.bako-aurora-ui .hero .cta{padding:0} body.bako-aurora-ui .hero .cta h1{font-size:clamp(2.25rem,12vw,3.7rem);line-height:1.18} body.bako-aurora-ui :where(section.padding,section.padding-50,section.padding-60,.padding,.padding-50){padding:clamp(24px,7vw,36px)!important} body.bako-aurora-ui .blog-item-standard{padding:1.1rem} .bako-aurora-grid{background-size:34px 34px} .bako-aurora-blob-a{width:520px;height:520px;inset:-200px -260px auto auto} } @media (max-width:430px){ body.bako-aurora-ui .site-wrapper{padding-inline:10px} body.bako-aurora-ui .mobile-header{border-radius:14px} .bako-global-theme-toggle{inset-inline-end:65px} } @media (prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} .bako-aurora-prism,.bako-aurora-blob{transform:none!important} } @media print{ .bako-aurora-stage,.bako-progressive-blur,.bako-global-theme-toggle,#return-to-top{display:none!important} body.bako-aurora-ui{background:#fff!important;color:#111!important} body.bako-aurora-ui :where(h1,h2,h3,h4,h5,h6,p,li,a){color:#111!important} body.bako-aurora-ui :where(.background-white,.shadow-blue,.shadow-dark,.blog-single,.blog-item-standard,.service-item,.price-item,.testimonial-item){background:#fff!important;box-shadow:none!important;border-color:#ccc!important;backdrop-filter:none!important} } /* ========================================================== Aurora 1.2 — full-site component finishing layer ========================================================== */ body.bako-aurora-ui .site-wrapper{padding-block:18px 24px} body.bako-aurora-ui header.left .header-inner{padding:clamp(22px,2vw,30px)} body.bako-aurora-ui header .logo img, body.bako-aurora-ui .mobile-header .logo img{filter:drop-shadow(0 10px 22px color-mix(in srgb,var(--bako-brand) 18%,transparent))} body.bako-aurora-ui header .site-title, body.bako-aurora-ui .mobile-header .site-title{color:var(--bako-text);font-weight:800;letter-spacing:-.02em;text-decoration:none} html[dir="rtl"] body.bako-aurora-ui header .site-title, html[dir="rtl"] body.bako-aurora-ui .mobile-header .site-title{letter-spacing:0} body.bako-aurora-ui header .site-title.dot::after{background:var(--bako-brand);box-shadow:0 0 14px var(--bako-brand)} body.bako-aurora-ui header .site-slogan{color:var(--bako-text-3);font-size:.82rem;line-height:1.8} body.bako-aurora-ui header.left nav{width:100%;margin-block:clamp(22px,4vh,44px)} body.bako-aurora-ui header .vertical-menu{display:grid;gap:4px} body.bako-aurora-ui header .vertical-menu li{margin:0} body.bako-aurora-ui header .vertical-menu li a{display:flex;align-items:center;min-height:42px;padding-inline:13px} body.bako-aurora-ui header .vertical-menu .submenu{margin-block:4px 8px;padding-inline-start:14px;border-inline-start:1px solid var(--bako-line)} body.bako-aurora-ui header .vertical-menu .submenu a{font-size:.84rem;color:var(--bako-text-3);min-height:36px} body.bako-aurora-ui header .footer{width:100%;padding-top:18px;border-top:1px solid var(--bako-line-soft)} body.bako-aurora-ui header .search-button{color:var(--bako-text-2);background:transparent;border:0!important;padding:0!important;box-shadow:none!important;overflow:visible!important} body.bako-aurora-ui header .search-button i{color:var(--bako-brand);margin-inline-end:.45rem} body.bako-aurora-ui header .social-icons{display:flex;flex-wrap:wrap;gap:7px;margin-block:0 14px} body.bako-aurora-ui header .social-icons li{margin:0} body.bako-aurora-ui header .social-icons a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--bako-line);border-radius:10px;background:var(--bako-surface-2);color:var(--bako-text-3);transition:transform .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease} body.bako-aurora-ui header .social-icons a:hover{transform:translateY(-2px);color:var(--bako-brand);border-color:color-mix(in srgb,var(--bako-brand) 38%,var(--bako-line));box-shadow:0 8px 22px -14px var(--bako-brand)} body.bako-aurora-ui header .copyright{display:block;color:var(--bako-text-3);font-size:.72rem;line-height:1.8} body.bako-aurora-ui .mobile-header{position:relative;z-index:91;border-radius:16px;min-height:58px;align-items:center} body.bako-aurora-ui .menu-icon{background:transparent!important;border:0!important;overflow:visible!important;box-shadow:none!important} body.bako-aurora-ui .menu-icon span{background:var(--bako-text);border-radius:999px;box-shadow:0 0 10px color-mix(in srgb,var(--bako-brand) 18%,transparent)} body.bako-aurora-ui header.left .close{color:var(--bako-text-2);text-shadow:none;opacity:.75} body.bako-aurora-ui header.left .close:hover{color:var(--bako-brand);opacity:1} /* Sections use editorial rhythm, without overriding Elementor geometry. */ body.bako-aurora-ui main.content > :where(section,.page,.blog-single,.single-portfolio,.archive-header,.not-found,.no-search-result){position:relative;z-index:1} body.bako-aurora-ui section.padding, body.bako-aurora-ui section.padding-50, body.bako-aurora-ui section.padding-60{border-radius:22px} body.bako-aurora-ui .section-title{font-size:clamp(1.45rem,2.3vw,2.15rem)!important;font-weight:800!important} body.bako-aurora-ui .section-title span{color:inherit} body.bako-aurora-ui .section-title .dot, body.bako-aurora-ui .archive-header .dot{color:var(--bako-brand)} /* Services */ body.bako-aurora-ui .service-item .icon-simple{display:inline-grid;place-items:center;width:62px;height:62px;margin-bottom:18px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--bako-brand) 15%,var(--bako-surface-2)),color-mix(in srgb,var(--bako-brand-2) 10%,var(--bako-surface-1)));border:1px solid color-mix(in srgb,var(--bako-brand) 24%,var(--bako-line));box-shadow:0 14px 32px -22px var(--bako-brand),inset 0 1px rgba(255,255,255,.06);font-size:1.55rem} body.bako-aurora-ui .service-item h4{margin-top:.2rem;margin-bottom:.65rem} body.bako-aurora-ui .service-item p{margin-bottom:0;color:var(--bako-text-3)} /* Facts / skills */ body.bako-aurora-ui .fact-item{padding:22px} body.bako-aurora-ui .fact-item .icon-simple{font-size:1.65rem} body.bako-aurora-ui .fact-item .details{position:relative;z-index:1} body.bako-aurora-ui .fact-item .number{color:var(--bako-text);font-weight:850;font-size:clamp(1.55rem,2.4vw,2.15rem)} body.bako-aurora-ui .skill-item{padding:18px 20px} body.bako-aurora-ui .skill-item .skill-info{position:relative;z-index:1;color:var(--bako-text-2);font-weight:700;margin-bottom:10px} body.bako-aurora-ui .skill-item .progress{height:8px;background:color-mix(in srgb,var(--bako-text) 8%,transparent);border:1px solid var(--bako-line-soft);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 5px rgba(0,0,0,.18)} body.bako-aurora-ui .skill-item .progress-bar{position:relative;background:linear-gradient(90deg,var(--bako-brand),var(--bako-brand-2));border-radius:999px;box-shadow:0 0 18px -4px var(--bako-brand)} body.bako-aurora-ui .skill-item .progress-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);translate:-100% 0;animation:bako-skill-shine 3.8s ease-in-out infinite;animation-play-state:paused} body.bako-aurora-ui .skill-item.is-bako-ambient-visible .progress-bar::after{animation-play-state:running} @keyframes bako-skill-shine{0%,58%{translate:-120% 0}82%,100%{translate:130% 0}} /* Pricing */ body.bako-aurora-ui .price-item{padding:clamp(24px,3vw,36px) 24px} body.bako-aurora-ui .price-item .price-icon{position:relative;z-index:1;color:var(--bako-brand)} body.bako-aurora-ui .price-item .plan{position:relative;z-index:1;color:var(--bako-text);font-weight:800;letter-spacing:-.015em} body.bako-aurora-ui .price-item .price{position:relative;z-index:1;font-size:clamp(2rem,3vw,2.8rem);font-weight:850;letter-spacing:-.04em} body.bako-aurora-ui .price-item .price-content{position:relative;z-index:1} body.bako-aurora-ui .price-item .price-content ul{display:grid;gap:.45rem} body.bako-aurora-ui .price-item .price-content li{color:var(--bako-text-3);padding-block:.22rem;border-bottom:1px dashed var(--bako-line-soft)} body.bako-aurora-ui .price-item .price-content li:last-child{border-bottom:0} body.bako-aurora-ui .price-item .recommended{color:#031019;background:linear-gradient(135deg,var(--bako-brand),var(--bako-brand-2));border-radius:999px;box-shadow:0 9px 24px -13px var(--bako-brand)} /* Testimonials / clients */ body.bako-aurora-ui .testimonial-item{padding:clamp(22px,3vw,32px)} body.bako-aurora-ui .testimonial-item .symbol{position:relative;z-index:1;font-size:1.55rem;opacity:.82} body.bako-aurora-ui .testimonial-item p{position:relative;z-index:1;color:var(--bako-text-2);font-size:1rem} body.bako-aurora-ui .testimonial-details{position:relative;z-index:1;border-top:1px solid var(--bako-line-soft);padding-top:14px;margin-top:16px} body.bako-aurora-ui .testimonial-details .name{color:var(--bako-text);font-weight:800} body.bako-aurora-ui .testimonial-details .info{color:var(--bako-text-3)} body.bako-aurora-ui .slick-dots li button{border:0;background:transparent;border-radius:0;box-shadow:none} body.bako-aurora-ui .slick-dots li button:before{color:var(--bako-text-3);opacity:.45} body.bako-aurora-ui .slick-dots li.slick-active button:before{color:var(--bako-brand);opacity:1;text-shadow:0 0 10px var(--bako-brand)} body.bako-aurora-ui .client-item .inner{min-height:86px;display:grid;place-items:center} /* Timeline / resume */ body.bako-aurora-ui .timeline{position:relative} body.bako-aurora-ui .timeline .entry{position:relative;margin-bottom:18px} body.bako-aurora-ui .timeline .entry .body{padding:20px 22px;margin-inline-start:22px} body.bako-aurora-ui .timeline .entry .title{color:var(--bako-text);font-weight:800} body.bako-aurora-ui .timeline .entry .title::before{border:2px solid var(--bako-paper)} body.bako-aurora-ui .timeline .entry .details{color:var(--bako-text-3)} /* Portfolio */ body.bako-aurora-ui .pf-filter-wrapper{padding:10px 12px;border:1px solid var(--bako-line);border-radius:14px;background:var(--bako-surface-1);box-shadow:var(--bako-shadow);backdrop-filter:blur(15px)} body.bako-aurora-ui .portfolio-filter{display:flex;flex-wrap:wrap;gap:8px} body.bako-aurora-ui .portfolio-filter li{margin:0} body.bako-aurora-ui .portfolio-filter li a{display:inline-flex;align-items:center;min-height:38px;padding:7px 13px;text-decoration:none} body.bako-aurora-ui .portfolio-filter-mobile{color:var(--bako-text);background:var(--bako-surface-1);border:1px solid var(--bako-line);border-radius:12px;padding:8px 12px} body.bako-aurora-ui .portfolio-item .thumb{overflow:hidden;border-radius:inherit} body.bako-aurora-ui .portfolio-item .thumb img{transition:transform .65s cubic-bezier(.22,.7,.3,1),filter .65s ease} body.bako-aurora-ui .portfolio-item:hover .thumb img{transform:scale(1.045);filter:saturate(.9) contrast(1.03)} body.bako-aurora-ui .portfolio-item .category{color:#B7D4E4} body.bako-aurora-ui .portfolio-item .title{color:#fff} body.bako-aurora-ui .single-portfolio .portfolio-info{padding:18px;border:1px solid var(--bako-line);border-radius:14px;background:var(--bako-surface-2)} body.bako-aurora-ui .single-portfolio .portfolio-info li{padding-block:8px;border-bottom:1px solid var(--bako-line-soft)} body.bako-aurora-ui .single-portfolio .portfolio-info li:last-child{border-bottom:0} body.bako-aurora-ui .load-more{min-height:44px} /* Blog / archive / single */ body.bako-aurora-ui .blog-item .category{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;color:#031019!important;background:linear-gradient(135deg,var(--bako-brand),color-mix(in srgb,var(--bako-brand) 55%,var(--bako-brand-2)));border-radius:999px;font-weight:750;box-shadow:0 8px 20px -13px var(--bako-brand);text-decoration:none} body.bako-aurora-ui .blog-item .title a{color:var(--bako-text);text-decoration:none} body.bako-aurora-ui .blog-item .title a:hover{color:var(--bako-brand)} body.bako-aurora-ui .blog-item-standard .thumb img, body.bako-aurora-ui .blog-single .thumb-wrapper img{width:100%;transition:transform .6s cubic-bezier(.22,.7,.3,1)} body.bako-aurora-ui .blog-item-standard:hover .thumb img{transform:scale(1.02)} body.bako-aurora-ui .blog-single{padding:clamp(1.2rem,3.5vw,2.35rem)} body.bako-aurora-ui .blog-single .blog-title{font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.35} body.bako-aurora-ui .blog-single .meta{display:flex;flex-wrap:wrap;gap:.45rem 1rem;padding-block:12px;border-block:1px solid var(--bako-line-soft)} body.bako-aurora-ui .blog-single .post-content :where(h2,h3,h4){scroll-margin-top:100px} body.bako-aurora-ui .blog-single .post-content a:not(.btn){color:var(--bako-brand)} /* Contact */ body.bako-aurora-ui .contact-info{padding:18px 20px;min-height:86px} body.bako-aurora-ui .contact-info i{position:relative;z-index:1;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--bako-brand) 12%,var(--bako-surface-2));border:1px solid color-mix(in srgb,var(--bako-brand) 25%,var(--bako-line));color:var(--bako-brand);font-size:1.15rem} body.bako-aurora-ui .contact-info .details{position:relative;z-index:1} body.bako-aurora-ui .contact-info .details h5{margin-bottom:.15rem} body.bako-aurora-ui .contact-info .details span, body.bako-aurora-ui .contact-info .details p{color:var(--bako-text-3)} body.bako-aurora-ui .wpcf7 form .wpcf7-response-output{border-color:var(--bako-line);border-radius:12px;background:var(--bako-surface-1);color:var(--bako-text-2)} /* Comments */ body.bako-aurora-ui .comments-area{padding:clamp(18px,3vw,30px)} body.bako-aurora-ui .comment-list{list-style:none;padding:0} body.bako-aurora-ui .comment-body{padding-block:18px;border-bottom:1px solid var(--bako-line-soft)} body.bako-aurora-ui .comment-author .avatar{border-radius:13px;border:1px solid var(--bako-line);box-shadow:var(--bako-shadow)} body.bako-aurora-ui .comment-author .fn{color:var(--bako-text);font-weight:750} body.bako-aurora-ui .comment-meta a{color:var(--bako-text-3)} body.bako-aurora-ui .comment-reply-link{display:inline-flex;padding:4px 10px;border:1px solid var(--bako-line);border-radius:999px;background:var(--bako-surface-2);text-decoration:none;font-size:.8rem} /* Search / 404 / empty states */ body.bako-aurora-ui :where(.not-found,.no-search-result){padding:clamp(34px,7vw,72px);text-align:center} body.bako-aurora-ui :where(.not-found,.no-search-result) i{color:var(--bako-brand);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--bako-brand) 35%,transparent))} body.bako-aurora-ui .search-popup .search-form input{height:56px;padding-inline:18px 58px;font-size:1rem} body.bako-aurora-ui #return-to-top{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--bako-surface-1) 90%,transparent);color:var(--bako-brand);border:1px solid var(--bako-line);box-shadow:var(--bako-shadow);backdrop-filter:blur(16px)} body.bako-aurora-ui #return-to-top:hover{background:color-mix(in srgb,var(--bako-brand) 12%,var(--bako-surface-1));transform:translateY(-2px)} /* Preloader follows the new visual language. */ body.bako-aurora-ui #preloader{background:var(--bako-paper)} body.bako-aurora-ui #preloader .spinner>div{background:var(--bako-brand);box-shadow:0 0 22px color-mix(in srgb,var(--bako-brand) 58%,transparent)} /* Elementor containers/widgets: preserve layout but normalize nested surfaces. */ body.bako-aurora-ui .elementor-section, body.bako-aurora-ui .e-con{--bako-el-text:var(--bako-text-2)} body.bako-aurora-ui .elementor-widget-container{color:inherit} body.bako-aurora-ui :where(.elementor-widget-icon-box,.elementor-widget-image-box) .elementor-icon-box-wrapper, body.bako-aurora-ui :where(.elementor-widget-icon-box,.elementor-widget-image-box) .elementor-image-box-wrapper{color:var(--bako-text-2)} body.bako-aurora-ui .elementor-icon{color:var(--bako-brand);border-color:var(--bako-line)} body.bako-aurora-ui .elementor-icon:hover{color:var(--bako-brand-2)} body.bako-aurora-ui .elementor-widget-form .elementor-field{background:var(--bako-surface-1);color:var(--bako-text);border-color:var(--bako-line)} body.bako-aurora-ui .elementor-widget-form .elementor-field:focus{border-color:var(--bako-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--bako-brand) 10%,transparent)} /* Integrated Premium Article — inherit one global visual system. */ body.bako-aurora-ui.arpa-premium-active .bako-global-theme-toggle{display:none} body.bako-aurora-ui .arpa-article, body.bako-aurora-ui .arpa-component-scope{ --arp-brand:var(--bako-brand);--arp-brand-deep:var(--bako-brand-deep);--arp-brand-2:var(--bako-brand-2);--arp-night:var(--bako-night);--arp-glow-pct:var(--bako-glow); --arp-fa:var(--bako-font-fa);--arp-mono:var(--bako-mono) } body.bako-aurora-ui .arpa-article{background:transparent;color:var(--bako-text);font-family:var(--bako-font-en)} html[dir="rtl"] body.bako-aurora-ui .arpa-article{font-family:var(--bako-font-fa)} body.bako-aurora-ui .arpa-article .arpa-masthead{border:1px solid var(--bako-line);border-inline:0;background:linear-gradient(145deg,color-mix(in srgb,var(--bako-night) 94%,transparent),color-mix(in srgb,var(--bako-brand-deep) 18%,var(--bako-night)));box-shadow:0 26px 72px -42px rgba(0,0,0,.85)} body.bako-aurora-ui .arpa-article :where(.arpa-tldr,.arpa-toc,.arp-doc,.arp-warn,.arp-two,.arp-fig,.arp-srcbox,.arpa-invite,.arpa-locked,.arpa-page-links,.comments-area){backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)} body.bako-aurora-ui .arpa-article .arpa-themebtn{border-color:rgba(255,255,255,.18);box-shadow:0 10px 30px -18px rgba(0,0,0,.7),0 0 18px -12px var(--bako-brand)} .arpa-article[dir="ltr"] .arpa-tldr{border-right:1px solid var(--arp-line);border-left:4px solid var(--arp-brand)} .arpa-article[dir="ltr"] .arpa-tldr li{padding-right:0;padding-left:1.4rem} .arpa-article[dir="ltr"] .arpa-tldr li::before{right:auto;left:.28rem} .arpa-article[dir="ltr"] .arpa-content blockquote{border-right:0;border-left:4px solid var(--arp-brand);border-radius:14px 0 0 14px} .arpa-article[dir="ltr"] .arpa-themebtn{left:auto;right:0} .arpa-article[dir="ltr"] .arpa-comments-wrap .children{padding-right:0;padding-left:1.2rem} .arpa-article[dir="ltr"] .arpa-page-links-label{margin-left:0;margin-right:.35rem} .arpa-article[dir="ltr"] .arpa-masthead::after{right:auto;left:-22%} .arpa-article[dir="ltr"] .arpa-invite::after{right:auto;left:-12rem} /* Keep button shine on actual wrappers only; generated pseudo-elements do not render consistently on replaced form controls. */ @supports (offset-path:border-box){ .bako-aurora-ui .form-control::after{content:none!important} } @media (max-width:991px){ body.bako-aurora-ui .site-wrapper{padding-top:10px} body.bako-aurora-ui header.left .header-inner{padding:24px} body.bako-aurora-ui header.left nav{margin-block:24px} } @media (max-width:767px){ body.bako-aurora-ui .service-item, body.bako-aurora-ui .price-item, body.bako-aurora-ui .testimonial-item, body.bako-aurora-ui .contact-info{border-radius:15px} body.bako-aurora-ui .portfolio-filter{gap:6px} } /* ========================================================== Aurora 1.3 — Night Command / Orbit redesign Full-site professional shell for the bilingual Bako build. ========================================================== */ :root{ --bako-sidebar:286px; --bako-shell-gap:28px; --bako-content-max:1240px; --bako-panel:rgba(8,20,29,.82); --bako-panel-strong:rgba(8,18,27,.94); --bako-orbit-speed:6.8s; } :root[data-bako-theme="light"]{ --bako-panel:rgba(255,255,255,.82); --bako-panel-strong:rgba(249,252,254,.95); } /* Desktop shell: slightly wider command rail, cleaner gap and viewport rhythm. */ @media (min-width:992px){ body.bako-aurora-ui .site-wrapper{ width:min(var(--bako-content-max),calc(100% - 42px)); padding-block:24px 32px; } body.bako-aurora-ui header.left{ top:24px; width:var(--bako-sidebar); height:calc(100vh - 48px); min-height:560px; max-height:calc(100vh - 48px); border-radius:26px; } body.bako-aurora-ui main.content{ width:calc(100% - var(--bako-sidebar) - var(--bako-shell-gap)); margin-top:0; margin-bottom:0; } body.admin-bar.bako-aurora-ui header.left{ top:48px; height:calc(100vh - 72px); max-height:calc(100vh - 72px); } } body.bako-aurora-ui header.left{ border-color:color-mix(in srgb,var(--bako-brand) 20%,var(--bako-line)); background: linear-gradient(155deg,color-mix(in srgb,var(--bako-brand) 7%,var(--bako-panel-strong)),var(--bako-panel-strong) 42%,color-mix(in srgb,var(--bako-brand-2) 6%,var(--bako-panel-strong))); box-shadow:0 28px 80px -42px rgba(0,0,0,.92),0 0 0 1px rgba(255,255,255,.025) inset,0 0 54px -34px var(--bako-brand); } body.bako-aurora-ui header.left::before{ background: radial-gradient(320px 190px at 15% 0,color-mix(in srgb,var(--bako-brand) 16%,transparent),transparent 70%), radial-gradient(300px 260px at 100% 72%,color-mix(in srgb,var(--bako-brand-2) 10%,transparent),transparent 72%); } body.bako-aurora-ui header.left .header-inner{padding:26px 24px 22px} body.bako-aurora-ui header .site-title{font-size:clamp(1.34rem,1.7vw,1.72rem);line-height:1.3} body.bako-aurora-ui header .site-slogan{margin-top:5px;text-transform:none;letter-spacing:.015em} html[dir="rtl"] body.bako-aurora-ui header .site-slogan{letter-spacing:0} /* Compact command navigation. Numeric rail was retired in Aurora 1.3.3. */ body.bako-aurora-ui header.left nav{margin-block:24px 18px} body.bako-aurora-ui header .vertical-menu{gap:3px;width:100%} body.bako-aurora-ui header .vertical-menu>li{padding-inline-start:0;min-height:40px} body.bako-aurora-ui header .vertical-menu li a{ width:100%;min-height:40px;padding:7px 10px;border:1px solid transparent;border-radius:11px;color:var(--bako-text-2);font-size:.86rem;font-weight:650;line-height:1.55; } body.bako-aurora-ui header .vertical-menu li a:hover, body.bako-aurora-ui header .vertical-menu li a.active{ margin:0!important;translate:0 0!important;color:var(--bako-text);border-color:color-mix(in srgb,var(--bako-brand) 18%,var(--bako-line)); background:linear-gradient(90deg,color-mix(in srgb,var(--bako-brand) 11%,transparent),color-mix(in srgb,var(--bako-brand-2) 5%,transparent)); box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 24px -22px var(--bako-brand); } body.bako-aurora-ui header .vertical-menu li a.active::before{ left:auto!important;right:auto!important;inset-inline-start:-1px!important;top:9px;width:3px;height:22px;border-radius:99px; } body.bako-aurora-ui header .vertical-menu .submenu{margin-inline-start:0;padding-inline-start:10px} body.bako-aurora-ui header .vertical-menu .submenu li{padding-inline-start:0} body.bako-aurora-ui header .vertical-menu .submenu li a{font-size:.78rem;min-height:34px;padding-block:5px} body.bako-aurora-ui header .vertical-menu li .switch{position:absolute;inset-inline-end:8px;top:14px;margin:0;color:var(--bako-text-3)} body.bako-has-language-hub header .vertical-menu>li.bako-legacy-language-switcher,body.bako-has-language-hub header .vertical-menu>li.lang-item,body.bako-has-language-hub header .vertical-menu>li.pll-parent-menu-item{display:none!important} /* Search + language + theme as a dedicated command center. */ .bako-command-panel{ position:relative;width:100%;margin-block:2px 16px;padding:11px;border:1px solid var(--bako-line);border-radius:17px; background:linear-gradient(145deg,color-mix(in srgb,var(--bako-surface-2) 82%,transparent),color-mix(in srgb,var(--bako-surface-1) 92%,transparent)); box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 42px -36px rgba(0,0,0,.9);overflow:hidden;isolation:isolate; } .bako-command-panel::before{ content:"";position:absolute;inset:-45% -30% auto auto;width:180px;height:180px;border-radius:50%;pointer-events:none; background:radial-gradient(circle,color-mix(in srgb,var(--bako-brand) 13%,transparent),transparent 68%);filter:blur(4px);z-index:-1; } .bako-command-label{display:flex;align-items:center;gap:7px;margin:1px 3px 8px;color:var(--bako-text-3);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em} html[dir="rtl"] .bako-command-label{text-transform:none;letter-spacing:0} .bako-command-label__dot{width:6px;height:6px;border-radius:50%;background:var(--bako-brand);box-shadow:0 0 10px var(--bako-brand);flex:0 0 auto} body.bako-aurora-ui header .bako-command-search, body.bako-aurora-ui .bako-global-theme-toggle--inline{ position:relative!important;inset:auto!important;width:100%;height:auto;min-height:52px;margin:0;padding:8px 9px!important;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px; color:var(--bako-text-2);border:1px solid var(--bako-line)!important;border-radius:12px;background:color-mix(in srgb,var(--bako-surface-1) 72%,transparent)!important;box-shadow:none!important;text-align:start;overflow:hidden!important; transition:border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease; } body.bako-aurora-ui header .bako-command-search:hover, body.bako-aurora-ui .bako-global-theme-toggle--inline:hover{ transform:translateY(-1px);border-color:color-mix(in srgb,var(--bako-brand) 34%,var(--bako-line))!important; background:color-mix(in srgb,var(--bako-brand) 7%,var(--bako-surface-1))!important;box-shadow:0 14px 32px -28px var(--bako-brand)!important; } .bako-command-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--bako-brand);background:color-mix(in srgb,var(--bako-brand) 10%,var(--bako-surface-2));border:1px solid color-mix(in srgb,var(--bako-brand) 18%,var(--bako-line));font-size:.88rem} body.bako-aurora-ui header .bako-command-search i{margin:0;color:inherit} .bako-command-copy{display:flex;min-width:0;flex-direction:column;line-height:1.45} .bako-command-copy strong{color:var(--bako-text);font-size:.74rem;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bako-command-copy small{color:var(--bako-text-3);font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bako-command-search kbd{min-width:24px;padding:3px 6px;border:1px solid var(--bako-line);border-bottom-color:color-mix(in srgb,var(--bako-text) 22%,var(--bako-line));border-radius:6px;background:var(--bako-surface-2);color:var(--bako-text-3);font:650 10px/1.3 var(--bako-mono);text-align:center;box-shadow:0 2px 0 rgba(0,0,0,.18)} .bako-language-hub{margin-top:10px;padding-top:10px;border-top:1px solid var(--bako-line-soft)} .bako-language-hub .bako-command-label{margin-bottom:7px} .bako-language-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} .bako-language-link{display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:7px;min-height:38px;padding:5px 7px;border:1px solid var(--bako-line);border-radius:10px;background:color-mix(in srgb,var(--bako-surface-2) 70%,transparent);text-decoration:none!important;color:var(--bako-text-3)!important;transition:.22s ease} .bako-language-link:hover,.bako-language-link.is-current{border-color:color-mix(in srgb,var(--bako-brand) 34%,var(--bako-line));background:color-mix(in srgb,var(--bako-brand) 8%,var(--bako-surface-2));color:var(--bako-text)!important} .bako-language-link.is-current{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bako-brand) 8%,transparent),0 0 22px -18px var(--bako-brand)} .bako-language-code{display:grid;place-items:center;width:29px;height:25px;border-radius:7px;background:color-mix(in srgb,var(--bako-text) 6%,transparent);color:var(--bako-brand);font:700 9px/1 var(--bako-mono)} .bako-language-name{min-width:0;font-size:.68rem;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bako-global-theme-toggle--inline{margin-top:8px!important} .bako-global-theme-toggle--inline .bako-theme-icon{font-size:1rem} body.bako-aurora-ui header .footer{padding-top:14px} body.bako-aurora-ui header .social-icons{margin-bottom:10px} body.bako-aurora-ui header .copyright{font-size:.65rem;opacity:.78} /* Built-in header already exposes theme controls; avoid a duplicate floating button. */ @supports selector(body:has(*)){ body.bako-aurora-ui:has(.bako-command-panel)>.bako-global-theme-toggle--floating{display:none} } /* Mobile top bar becomes a compact glass command bar. */ .bako-mobile-tools{display:none;margin-inline-start:auto;align-items:center;gap:7px} body.bako-aurora-ui .bako-mobile-tool, body.bako-aurora-ui .bako-global-theme-toggle--mobile{ position:relative!important;inset:auto!important;margin:0!important;width:38px;height:38px;padding:0!important;display:grid;place-items:center;border:1px solid var(--bako-line)!important;border-radius:11px;background:var(--bako-surface-2)!important;color:var(--bako-text)!important;box-shadow:none!important; } body.bako-aurora-ui .bako-mobile-tool i{margin:0;color:var(--bako-brand)} /* One-page Elementor document: every old white/blue slab becomes one night panel. */ body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section, body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section-wrap>.elementor-section, body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.e-con{ margin-block-end:18px!important;border:1px solid color-mix(in srgb,var(--bako-brand) 14%,var(--bako-line))!important;border-radius:24px!important;overflow:hidden; background-color:color-mix(in srgb,var(--bako-surface) 82%,var(--bako-paper))!important;background-blend-mode:multiply,normal!important; box-shadow:0 24px 70px -42px rgba(0,0,0,.92),inset 0 1px rgba(255,255,255,.025)!important;backdrop-filter:blur(18px) saturate(116%);-webkit-backdrop-filter:blur(18px) saturate(116%);isolation:isolate; } body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section:first-child, body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section-wrap>.elementor-section:first-child{ background-image: radial-gradient(650px 360px at 86% 2%,color-mix(in srgb,var(--bako-brand) 22%,transparent),transparent 70%), radial-gradient(500px 420px at 0 100%,color-mix(in srgb,var(--bako-brand-2) 13%,transparent),transparent 72%), linear-gradient(150deg,color-mix(in srgb,var(--bako-night) 94%,transparent),color-mix(in srgb,var(--bako-brand-deep) 14%,var(--bako-night)))!important; background-color:var(--bako-night)!important; } body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section:nth-child(4), body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section:nth-child(6), body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section-wrap>.elementor-section:nth-child(4), body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section-wrap>.elementor-section:nth-child(6){ background-color:color-mix(in srgb,var(--bako-brand-deep) 12%,var(--bako-night))!important;background-blend-mode:multiply!important; } body.bako-aurora-ui.page-template-page-onepage .elementor-top-section .elementor-background-overlay{ background:linear-gradient(145deg,color-mix(in srgb,var(--bako-night) 54%,transparent),color-mix(in srgb,var(--bako-night) 72%,transparent))!important;opacity:.68!important; } body.bako-aurora-ui.page-template-page-onepage .elementor-top-section :where(.elementor-heading-title,h1,h2,h3,h4,h5,h6){color:var(--bako-text)!important} body.bako-aurora-ui.page-template-page-onepage .elementor-top-section :where(.elementor-widget-text-editor,.elementor-widget-text-editor p,.elementor-text-editor,.elementor-text-editor p){color:var(--bako-text-2)!important} body.bako-aurora-ui.page-template-page-onepage .elementor-top-section .elementor-divider-separator{border-color:var(--bako-line)!important} /* Hero refinement independent of old hard-coded Elementor colors. */ body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section:first-child .elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section-wrap>.elementor-section:first-child .elementor-widget-wrap{position:relative;z-index:1} body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section:first-child h1, body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section-wrap>.elementor-section:first-child h1{font-size:clamp(2.25rem,5vw,4.6rem)!important;line-height:1.16!important;text-shadow:0 12px 50px rgba(0,0,0,.42)} /* Elementor Pro portfolio — this is the actual homepage portfolio widget in the supplied DB. */ body.bako-aurora-ui .elementor-portfolio__filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px!important} body.bako-aurora-ui .elementor-portfolio__filter{margin:0!important;padding:6px 12px!important;border:1px solid var(--bako-line);border-radius:999px;background:var(--bako-surface-1);color:var(--bako-text-3)!important;font-size:.76rem;transition:.22s ease} body.bako-aurora-ui .elementor-portfolio__filter:hover, body.bako-aurora-ui .elementor-portfolio__filter.elementor-active{color:var(--bako-text)!important;border-color:color-mix(in srgb,var(--bako-brand) 36%,var(--bako-line));background:color-mix(in srgb,var(--bako-brand) 9%,var(--bako-surface-1));box-shadow:0 8px 24px -20px var(--bako-brand)} body.bako-aurora-ui .elementor-portfolio-item{position:relative;border:1px solid var(--bako-line);border-radius:15px;overflow:hidden;background:var(--bako-surface-1);box-shadow:0 18px 38px -28px rgba(0,0,0,.86);transform:translateZ(0)} body.bako-aurora-ui .elementor-portfolio-item__img{transition:transform .65s cubic-bezier(.22,.7,.3,1),filter .65s ease;filter:saturate(.88) contrast(1.02)} body.bako-aurora-ui .elementor-portfolio-item:hover .elementor-portfolio-item__img{transform:scale(1.055);filter:saturate(1) contrast(1.04)} body.bako-aurora-ui .elementor-portfolio-item__overlay{background:linear-gradient(155deg,rgba(4,13,20,.42),color-mix(in srgb,var(--bako-brand-deep) 70%,transparent) 58%,color-mix(in srgb,var(--bako-brand-2) 52%,transparent))!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)} body.bako-aurora-ui .elementor-portfolio-item__title{color:#fff!important;font-weight:780;letter-spacing:-.015em;text-shadow:0 4px 18px rgba(0,0,0,.38)} html[dir="rtl"] body.bako-aurora-ui .elementor-portfolio-item__title{letter-spacing:0} /* Elementor posts — convert old white blog cards to editorial night cards. */ body.bako-aurora-ui .elementor-posts--skin-cards .elementor-post__card, body.bako-aurora-ui .elementor-post__card{ position:relative;height:100%;border:1px solid var(--bako-line)!important;border-radius:16px!important;overflow:hidden;background:linear-gradient(145deg,var(--bako-surface-1),color-mix(in srgb,var(--bako-surface-2) 82%,transparent))!important; box-shadow:0 18px 42px -30px rgba(0,0,0,.86)!important;transition:transform .3s cubic-bezier(.22,.7,.3,1),border-color .3s ease,box-shadow .3s ease; } body.bako-aurora-ui .elementor-post__card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--bako-brand) 34%,var(--bako-line))!important;box-shadow:0 30px 64px -38px rgba(0,0,0,.92),0 0 34px -27px var(--bako-brand)!important} body.bako-aurora-ui .elementor-post__thumbnail__link{margin:0!important;overflow:hidden} body.bako-aurora-ui .elementor-post__thumbnail img{transition:transform .65s cubic-bezier(.22,.7,.3,1),filter .65s ease;filter:saturate(.88)} body.bako-aurora-ui .elementor-post__card:hover .elementor-post__thumbnail img{transform:scale(1.045);filter:saturate(1)} body.bako-aurora-ui .elementor-post__text{padding:16px 17px 19px!important} body.bako-aurora-ui .elementor-post__title a{color:var(--bako-text)!important;text-decoration:none;font-weight:770} body.bako-aurora-ui .elementor-post__title a:hover{color:var(--bako-brand)!important} body.bako-aurora-ui .elementor-post__excerpt p{color:var(--bako-text-3)!important;font-size:.82rem;line-height:1.85} body.bako-aurora-ui .elementor-post__meta-data{padding:0 17px 15px!important;border-top:0!important;color:var(--bako-text-3)!important;font-size:.7rem} body.bako-aurora-ui .elementor-post__read-more{display:inline-flex;align-items:center;gap:6px;color:var(--bako-brand)!important;font-weight:720;text-decoration:none!important} /* Counters / image-boxes / icon-boxes now feel like productized modules. */ body.bako-aurora-ui .elementor-widget-counter .elementor-counter{position:relative;padding:16px 12px;border:1px solid var(--bako-line);border-radius:14px;background:color-mix(in srgb,var(--bako-surface-1) 80%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.03)} body.bako-aurora-ui .elementor-counter-number-wrapper{color:var(--bako-text)!important;font-weight:820} body.bako-aurora-ui .elementor-counter-title{color:var(--bako-text-3)!important} body.bako-aurora-ui :where(.elementor-image-box-wrapper,.elementor-icon-box-wrapper){border-color:var(--bako-line)} body.bako-aurora-ui .elementor-widget-image-box .elementor-image-box-img img{border-radius:13px;box-shadow:0 16px 34px -26px rgba(0,0,0,.82)} body.bako-aurora-ui .elementor-image-box-title, body.bako-aurora-ui .elementor-icon-box-title{color:var(--bako-text)!important} body.bako-aurora-ui .elementor-image-box-description, body.bako-aurora-ui .elementor-icon-box-description{color:var(--bako-text-3)!important} /* Search command palette. */ body.bako-search-open{overflow:hidden} body.bako-aurora-ui .search-popup{ inset:0;top:0;width:100%;height:100dvh;z-index:99990;display:grid;place-items:center;padding:24px;background:rgba(2,8,13,.72);backdrop-filter:blur(18px) saturate(118%);-webkit-backdrop-filter:blur(18px) saturate(118%); opacity:0;visibility:hidden;pointer-events:none;transform:none!important;transition:opacity .28s ease,visibility .28s ease; } body.bako-aurora-ui .search-popup.open{opacity:1;visibility:visible;pointer-events:auto;transform:none!important} body.bako-aurora-ui .search-popup>.close{position:absolute;top:24px;inset-inline-end:28px;margin:0;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--bako-line);border-radius:13px;background:var(--bako-panel-strong);color:var(--bako-text);opacity:1;font-size:1.65rem;line-height:1;box-shadow:var(--bako-shadow);z-index:2} body.bako-aurora-ui .search-popup>.close:hover{color:var(--bako-brand);border-color:color-mix(in srgb,var(--bako-brand) 36%,var(--bako-line))} .bako-search-shell{position:relative;width:min(680px,100%);padding:clamp(24px,5vw,48px);border:1px solid color-mix(in srgb,var(--bako-brand) 20%,var(--bako-line));border-radius:24px;background:linear-gradient(145deg,var(--bako-panel-strong),color-mix(in srgb,var(--bako-brand-deep) 8%,var(--bako-panel-strong)));box-shadow:0 42px 100px -48px rgba(0,0,0,.96),0 0 60px -42px var(--bako-brand);overflow:hidden;isolation:isolate} .bako-search-shell::before{content:"";position:absolute;width:420px;height:420px;inset:-270px -160px auto auto;border-radius:50%;z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--bako-brand) 22%,transparent),transparent 68%)} .bako-search-kicker{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--bako-brand);font-size:.74rem;font-weight:760;text-transform:uppercase;letter-spacing:.09em} html[dir="rtl"] .bako-search-kicker{text-transform:none;letter-spacing:0} .bako-search-kicker>span{width:7px;height:7px;border-radius:50%;background:var(--bako-brand);box-shadow:0 0 12px var(--bako-brand)} .bako-search-shell h2{margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.65rem);color:var(--bako-text)} .bako-search-shell>p{margin:0 0 23px;color:var(--bako-text-3)} body.bako-aurora-ui .bako-search-shell .search-form{position:relative;inset:auto;left:auto;top:auto;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:8px;transform:none} body.bako-aurora-ui .bako-search-shell .search-form input{width:100%;height:54px;padding-inline:16px;border-radius:13px;border:1px solid var(--bako-line);background:var(--bako-surface-1);color:var(--bako-text);font-size:.96rem;box-shadow:inset 0 1px 6px rgba(0,0,0,.14)} body.bako-aurora-ui .bako-search-shell .search-form input:focus{border-color:var(--bako-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--bako-brand) 10%,transparent),inset 0 1px 6px rgba(0,0,0,.14)} body.bako-aurora-ui .bako-search-shell .search-form button.search{width:52px;height:54px;margin:0;border:1px solid color-mix(in srgb,var(--bako-brand) 35%,transparent);border-radius:13px;background:linear-gradient(135deg,var(--bako-brand-deep),var(--bako-brand-2));color:#fff;box-shadow:0 14px 30px -20px var(--bako-brand)} html[dir="rtl"] body.bako-aurora-ui .bako-search-shell .search-form button.search i{transform:rotate(180deg)} .bako-search-hints{display:flex;align-items:center;gap:7px;margin-top:14px;color:var(--bako-text-3);font-size:.68rem} .bako-search-hints kbd{padding:3px 6px;border:1px solid var(--bako-line);border-radius:6px;background:var(--bako-surface-2);font:650 9px/1.3 var(--bako-mono);color:var(--bako-text-3)} /* Auto language-aware article block (only rendered when Elementor has no feed). */ .bako-auto-insights{position:relative;margin-block-end:18px;padding:clamp(28px,4.5vw,48px);border:1px solid color-mix(in srgb,var(--bako-brand) 14%,var(--bako-line))!important;border-radius:24px!important;background:linear-gradient(145deg,var(--bako-surface-1),color-mix(in srgb,var(--bako-brand-deep) 8%,var(--bako-surface-1)))!important;box-shadow:var(--bako-shadow)!important;overflow:hidden;isolation:isolate} .bako-auto-insights::before{content:"";position:absolute;width:420px;height:420px;inset:-280px auto auto -160px;border-radius:50%;z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--bako-brand-2) 12%,transparent),transparent 68%)} .bako-auto-insights__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:24px;align-items:end;margin-bottom:24px} .bako-auto-insights__head .section-title{margin-bottom:0!important} .bako-auto-insights__head>p{margin:0;color:var(--bako-text-3);font-size:.84rem} .bako-eyebrow{display:inline-flex;margin-bottom:8px;color:var(--bako-brand);font-size:.72rem;font-weight:760;text-transform:uppercase;letter-spacing:.09em} html[dir="rtl"] .bako-eyebrow{text-transform:none;letter-spacing:0} .bako-auto-insights__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .bako-note-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--bako-line);border-radius:16px;background:linear-gradient(145deg,var(--bako-surface-1),var(--bako-surface-2));overflow:hidden;box-shadow:0 18px 40px -30px rgba(0,0,0,.88);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease} .bako-note-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--bako-brand) 34%,var(--bako-line));box-shadow:0 28px 54px -36px rgba(0,0,0,.95),0 0 32px -27px var(--bako-brand)} .bako-note-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--bako-brand) 9%,var(--bako-surface-2)),color-mix(in srgb,var(--bako-brand-2) 7%,var(--bako-surface-1)))} .bako-note-card__media img{width:100%;height:100%;object-fit:cover;border-radius:0!important;transition:transform .6s ease,filter .6s ease;filter:saturate(.88)} .bako-note-card:hover .bako-note-card__media img{transform:scale(1.045);filter:saturate(1)} .bako-note-card__media.is-placeholder{display:grid;place-items:center;color:var(--bako-brand);font-size:2rem;text-decoration:none} .bako-note-card__body{display:flex;flex:1;flex-direction:column;padding:17px} .bako-note-card__meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px;color:var(--bako-text-3);font-size:.66rem} .bako-note-card h3{margin:0 0 8px;font-size:1rem;line-height:1.65} .bako-note-card h3 a{color:var(--bako-text);text-decoration:none} .bako-note-card p{margin:0 0 13px;color:var(--bako-text-3);font-size:.78rem;line-height:1.85} .bako-note-card__more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:var(--bako-brand)!important;text-decoration:none!important;font-size:.74rem;font-weight:730} html[dir="rtl"] .bako-note-card__more span{transform:rotate(-90deg)} /* Orbit light: real moving halo around panels/cards, paused outside the viewport. */ .bako-orbit-frame{isolation:isolate} :where(.service-item,.price-item,.testimonial-item,.portfolio-item,.blog-item-standard,.blog-single,.single-portfolio,.fact-item,.contact-info,.entry .body,.not-found,.no-search-result,.elementor-post__card,.elementor-portfolio-item,.elementor-counter,.bako-note-card,.bako-command-panel).bako-orbit-frame{position:relative} .bako-border-orbit{display:none} @supports ((-webkit-mask:linear-gradient(#000 0 0)) or (mask:linear-gradient(#000 0 0))){ body.bako-aurora-orbit .bako-border-orbit{ display:block;position:absolute;inset:-1px;z-index:8;padding:1px;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:.82; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude; } body.bako-aurora-orbit .bako-border-orbit::before{ content:"";position:absolute;inset:-180%;background:conic-gradient(from 0deg,transparent 0 73%,color-mix(in srgb,var(--bako-brand) 88%,white 12%) 78%,#fff 80%,var(--bako-brand-2) 83%,transparent 89% 100%); animation:bako-orbit-spin var(--bako-orbit-speed) linear infinite;animation-delay:var(--bako-orbit-delay,0s);animation-play-state:paused;transform-origin:center;will-change:auto; } body.bako-aurora-orbit .bako-orbit-frame.is-orbit-visible>.bako-border-orbit::before{animation-play-state:running;will-change:transform} } @keyframes bako-orbit-spin{to{transform:rotate(1turn)}} body.bako-aurora-orbit .bako-orbit-frame:hover{box-shadow:var(--bako-shadow-lift)!important} /* Standard blog/article typography gets the same editorial precision. */ body.bako-aurora-ui .blog-single>h1{font-size:clamp(1.85rem,3.5vw,3rem);line-height:1.35;margin-bottom:12px!important} body.bako-aurora-ui .blog-single article.is-single{max-width:790px;margin-inline:auto} body.bako-aurora-ui .blog-single article.is-single>.clearfix{font-size:clamp(.92rem,1.1vw,1.02rem);line-height:2} body.bako-aurora-ui .blog-single article.is-single :where(h2,h3,h4){margin-top:1.8em;margin-bottom:.65em;scroll-margin-top:90px} body.bako-aurora-ui .blog-single article.is-single :where(blockquote,pre,table){margin-block:1.4rem} body.bako-aurora-ui blockquote{padding:18px 20px;border-inline-start:3px solid var(--bako-brand);border-radius:0 13px 13px 0;background:color-mix(in srgb,var(--bako-brand) 6%,var(--bako-surface-2));color:var(--bako-text-2)} html[dir="rtl"] body.bako-aurora-ui blockquote{border-radius:13px 0 0 13px} body.bako-aurora-ui table{width:100%;border-color:var(--bako-line);background:var(--bako-surface-1);color:var(--bako-text-2);border-radius:12px;overflow:hidden} body.bako-aurora-ui th,body.bako-aurora-ui td{border-color:var(--bako-line);color:inherit} body.bako-aurora-ui th{color:var(--bako-text);background:var(--bako-surface-2)} body.bako-aurora-ui strong,body.bako-aurora-ui dt{color:var(--bako-text)} body.bako-aurora-ui .tags a{border-color:var(--bako-line);background:var(--bako-surface-2);color:var(--bako-text-2);text-decoration:none} body.bako-aurora-ui .tags a:hover{border-color:var(--bako-brand);background:color-mix(in srgb,var(--bako-brand) 10%,var(--bako-surface-2));color:var(--bako-brand)} /* Contact and form controls: no white islands remain. */ body.bako-aurora-ui :where(input[type="text"],input[type="email"],input[type="url"],input[type="tel"],input[type="number"],input[type="search"],input[type="password"],textarea,select,.wpcf7-form-control:not(.wpcf7-submit)){ color:var(--bako-text);background:color-mix(in srgb,var(--bako-surface-1) 88%,transparent);border-color:var(--bako-line);border-radius:11px; } body.bako-aurora-ui :where(input,textarea,select)::placeholder{color:color-mix(in srgb,var(--bako-text-3) 82%,transparent);opacity:1} body.bako-aurora-ui :where(input[type="text"],input[type="email"],input[type="url"],input[type="tel"],input[type="number"],input[type="search"],input[type="password"],textarea,select):focus{border-color:var(--bako-brand);outline:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--bako-brand) 9%,transparent)} @media (max-width:1200px) and (min-width:992px){ :root{--bako-sidebar:270px;--bako-shell-gap:25px} body.bako-aurora-ui .site-wrapper{width:min(970px,calc(100% - 28px))} } @media (max-width:991px){ body.bako-aurora-ui .mobile-header{display:flex;align-items:center;gap:8px;padding:9px 11px!important;margin-top:10px!important;min-height:60px} body.bako-aurora-ui .mobile-header .site-title{min-width:0;max-width:min(44vw,260px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem} .bako-mobile-tools{display:flex} body.bako-aurora-ui header.left{width:min(88vw,320px);border-radius:22px} body.bako-aurora-ui header.left .header-inner{padding:24px 22px} body.bako-aurora-ui header.left nav{margin-block:22px 16px} body.bako-aurora-ui main.content{width:100%;margin-top:16px} .bako-global-theme-toggle--floating{display:none!important} .bako-auto-insights__grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:767px){ body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section, body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section-wrap>.elementor-section, body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.e-con{border-radius:18px!important;margin-block-end:12px!important} .bako-search-shell{padding:24px 19px;border-radius:19px} .bako-auto-insights{padding:25px 18px;border-radius:18px!important} .bako-auto-insights__head{grid-template-columns:1fr;gap:8px} .bako-auto-insights__grid{grid-template-columns:1fr} } @media (max-width:430px){ body.bako-aurora-ui .mobile-header .logo img{max-width:34px;max-height:34px} body.bako-aurora-ui .mobile-header .site-title{max-width:37vw} body.bako-aurora-ui .bako-mobile-tool,body.bako-aurora-ui .bako-global-theme-toggle--mobile{width:36px;height:36px} body.bako-aurora-ui .search-popup{padding:14px} body.bako-aurora-ui .search-popup>.close{top:15px;inset-inline-end:15px} } @media (prefers-reduced-motion:reduce){ body.bako-aurora-orbit .bako-border-orbit::before{animation:none!important;transform:rotate(28deg)!important} body.bako-aurora-ui .elementor-post__card:hover, body.bako-aurora-ui .bako-note-card:hover{transform:none} } /* Last legacy accent cleanup: remove the original flat coral/royal-blue islands. */ body.bako-aurora-ui .icon-circle{background:linear-gradient(135deg,var(--bako-brand-deep),var(--bako-brand-2));color:#fff;box-shadow:0 12px 30px -20px var(--bako-brand)} body.bako-aurora-ui .hero .dot, body.bako-aurora-ui .site-title.dot::after{background:var(--bako-brand)!important;box-shadow:0 0 14px color-mix(in srgb,var(--bako-brand) 75%,transparent)} body.bako-aurora-ui .overlay{background:linear-gradient(145deg,color-mix(in srgb,var(--bako-night) 68%,transparent),color-mix(in srgb,var(--bako-brand-deep) 32%,var(--bako-night)));opacity:.9} body.bako-aurora-ui .portfolio-filter li.current{background:color-mix(in srgb,var(--bako-brand) 11%,var(--bako-surface-2));color:var(--bako-text);border:1px solid color-mix(in srgb,var(--bako-brand) 34%,var(--bako-line));border-radius:999px} .bako-insights-empty{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px dashed color-mix(in srgb,var(--bako-brand) 28%,var(--bako-line));border-radius:14px;background:color-mix(in srgb,var(--bako-brand) 5%,var(--bako-surface-2));color:var(--bako-text-2)} .bako-insights-empty__icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:color-mix(in srgb,var(--bako-brand) 10%,var(--bako-surface-1));color:var(--bako-brand);box-shadow:0 0 24px -15px var(--bako-brand)} .bako-insights-empty strong{display:block;color:var(--bako-text);font-size:.86rem} .bako-insights-empty p{margin:.15rem 0 0;color:var(--bako-text-3);font-size:.75rem} /* ========================================================== Aurora 1.3.3 — navigation + content-grid repair layer ========================================================== */ /* The numeric command-rail markers are intentionally retired. Keep this defensive rule for pages rendered from an older cached runtime. */ body.bako-aurora-ui header .vertical-menu .bako-menu-index{display:none!important} body.bako-aurora-ui header .vertical-menu>li{padding-inline-start:0!important} body.bako-aurora-ui header .vertical-menu li a.active::before{ inset-inline-start:-1px!important;top:9px!important;width:3px!important;height:22px!important;border-radius:999px!important; } /* Aurora sidebar: native scrolling instead of mCustomScrollbar. This removes simulated inertia, prevents the dragger from crossing menu labels and keeps wheel/touch/keyboard behavior platform-native. */ body.bako-aurora-ui header.left .header-inner.bako-native-sidebar-scroll{ overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:auto; scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--bako-brand) 78%,var(--bako-brand-2)) transparent; scrollbar-gutter:stable; } body.bako-aurora-ui header.left .header-inner.bako-native-sidebar-scroll::-webkit-scrollbar{width:5px;height:5px} body.bako-aurora-ui header.left .header-inner.bako-native-sidebar-scroll::-webkit-scrollbar-track{background:transparent;border-radius:999px} body.bako-aurora-ui header.left .header-inner.bako-native-sidebar-scroll::-webkit-scrollbar-thumb{ min-height:34px;border:0;border-radius:999px;background:linear-gradient(180deg,var(--bako-brand),var(--bako-brand-2)); box-shadow:0 0 10px -4px var(--bako-brand); } body.bako-aurora-ui header.left .header-inner.bako-native-sidebar-scroll::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,color-mix(in srgb,var(--bako-brand) 82%,white 18%),color-mix(in srgb,var(--bako-brand-2) 84%,white 16%)); } /* If a cached DOM was enhanced by the retired plugin before this stylesheet arrived, do not allow its rail to overlay the navigation. */ body.bako-aurora-ui header.left .header-inner.bako-native-sidebar-scroll .mCSB_scrollTools{display:none!important} /* Sidebar social dock: centered, equal geometry, platform-aware accents. */ body.bako-aurora-ui header .footer .social-icons{ width:100%;display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px; margin:0 auto 12px!important;padding:10px 4px 2px!important;list-style:none; } body.bako-aurora-ui header .footer .social-icons li{margin:0!important;padding:0!important} body.bako-aurora-ui header .footer .social-icons a{ --bako-social-accent:var(--bako-brand); position:relative;isolation:isolate;overflow:hidden;width:38px;height:38px;display:grid;place-items:center; border:1px solid color-mix(in srgb,var(--bako-social-accent) 22%,var(--bako-line));border-radius:12px; background:linear-gradient(145deg,color-mix(in srgb,var(--bako-social-accent) 7%,var(--bako-surface-2)),color-mix(in srgb,var(--bako-surface-1) 92%,transparent)); color:color-mix(in srgb,var(--bako-social-accent) 58%,var(--bako-text-2)); box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 28px -24px var(--bako-social-accent); transition:transform .24s cubic-bezier(.22,.7,.3,1),border-color .24s ease,color .24s ease,box-shadow .24s ease,background .24s ease; } body.bako-aurora-ui header .footer .social-icons a::before{ content:"";position:absolute;z-index:-1;inset:-45%;border-radius:50%;pointer-events:none;opacity:.16; background:radial-gradient(circle,var(--bako-social-accent),transparent 64%);transform:scale(.72); transition:opacity .24s ease,transform .36s cubic-bezier(.22,.7,.3,1); } body.bako-aurora-ui header .footer .social-icons a:hover, body.bako-aurora-ui header .footer .social-icons a:focus-visible{ transform:translateY(-3px) scale(1.04);color:color-mix(in srgb,var(--bako-social-accent) 74%,white 26%); border-color:color-mix(in srgb,var(--bako-social-accent) 56%,var(--bako-line)); background:linear-gradient(145deg,color-mix(in srgb,var(--bako-social-accent) 15%,var(--bako-surface-2)),color-mix(in srgb,var(--bako-surface-1) 88%,transparent)); box-shadow:0 14px 30px -20px var(--bako-social-accent),0 0 18px -9px var(--bako-social-accent),inset 0 1px rgba(255,255,255,.06); } body.bako-aurora-ui header .footer .social-icons a:hover::before, body.bako-aurora-ui header .footer .social-icons a:focus-visible::before{opacity:.34;transform:scale(1)} body.bako-aurora-ui header .footer .social-icons a[href*="t.me"], body.bako-aurora-ui header .footer .social-icons a[href*="telegram"]{--bako-social-accent:#29A9EA} body.bako-aurora-ui header .footer .social-icons a[href*="linkedin"]{--bako-social-accent:#4DA3FF} body.bako-aurora-ui header .footer .social-icons a[href*="instagram"]{--bako-social-accent:#F05AA6} body.bako-aurora-ui header .footer .social-icons a[href*="facebook"]{--bako-social-accent:#5B8DEF} body.bako-aurora-ui header .footer .social-icons a[href*="whatsapp"]{--bako-social-accent:#38D996} body.bako-aurora-ui header .footer .social-icons a[href*="twitter"], body.bako-aurora-ui header .footer .social-icons a[href*="x.com"]{--bako-social-accent:#A8C7DA} /* Elementor Pro Portfolio repair. Old saved Elementor geometry can leave each grid cell much taller than its thumbnail after theme modernization. Define a stable media frame and let the grid rows size to the actual card. */ body.bako-aurora-ui .elementor-widget-portfolio .elementor-portfolio, body.bako-aurora-ui .elementor-widget-portfolio .elementor-posts-container{ align-items:start!important;grid-auto-rows:auto!important; } body.bako-aurora-ui .elementor-widget-portfolio .elementor-portfolio-item{ position:relative!important;align-self:start!important;width:100%!important;height:auto!important;min-height:0!important; aspect-ratio:16/10!important;overflow:hidden!important;border-radius:16px!important; } body.bako-aurora-ui .elementor-widget-portfolio .elementor-portfolio-item>.elementor-post__thumbnail__link, body.bako-aurora-ui .elementor-widget-portfolio .elementor-portfolio-item>a{ position:relative!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;overflow:hidden!important; } body.bako-aurora-ui .elementor-widget-portfolio .elementor-portfolio-item__img, body.bako-aurora-ui .elementor-widget-portfolio .elementor-portfolio-item .elementor-post__thumbnail{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important; } body.bako-aurora-ui .elementor-widget-portfolio .elementor-portfolio-item__img, body.bako-aurora-ui .elementor-widget-portfolio .elementor-portfolio-item:hover .elementor-portfolio-item__img{ transform:none!important;filter:none!important;transition:none!important; } body.bako-aurora-ui .elementor-widget-portfolio .elementor-portfolio-item__img img, body.bako-aurora-ui .elementor-widget-portfolio .elementor-portfolio-item .elementor-post__thumbnail img{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important; transform:scale(1.001)!important;transition:transform .65s cubic-bezier(.22,.7,.3,1),filter .65s ease!important; } body.bako-aurora-ui .elementor-widget-portfolio .elementor-portfolio-item:hover .elementor-portfolio-item__img img, body.bako-aurora-ui .elementor-widget-portfolio .elementor-portfolio-item:hover .elementor-post__thumbnail img{ transform:scale(1.055)!important;filter:saturate(1.03) contrast(1.03)!important; } body.bako-aurora-ui .elementor-widget-portfolio .elementor-portfolio-item__overlay{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important; } /* Elementor Pro Posts repair. The legacy Classic skin in the supplied database can inherit an oversized thumbnail ratio, producing the large empty area seen in the screenshot. Reset the thumbnail box, preserve a compact editorial rhythm and keep each grid item internally contiguous. */ body.bako-aurora-ui .elementor-widget-posts .elementor-posts-container{align-items:stretch!important;grid-auto-rows:auto!important} body.bako-aurora-ui .elementor-widget-posts .elementor-posts--skin-classic .elementor-post{ position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-self:stretch!important; min-width:0!important;height:100%!important;min-height:0!important;gap:0!important;overflow:hidden!important; border:1px solid var(--bako-line)!important;border-radius:16px!important; background:linear-gradient(145deg,var(--bako-surface-1),color-mix(in srgb,var(--bako-surface-2) 82%,transparent))!important; box-shadow:0 18px 42px -30px rgba(0,0,0,.86)!important; transition:transform .3s cubic-bezier(.22,.7,.3,1),border-color .3s ease,box-shadow .3s ease; } body.bako-aurora-ui .elementor-widget-posts .elementor-post__card{ display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-height:0!important;gap:0!important; } body.bako-aurora-ui .elementor-widget-posts .elementor-post__thumbnail__link{ position:relative!important;display:block!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important; aspect-ratio:16/9!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:0!important; } body.bako-aurora-ui .elementor-widget-posts .elementor-post__thumbnail{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important; } body.bako-aurora-ui .elementor-widget-posts .elementor-post__thumbnail img{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important; transform:scale(1.001)!important;transition:transform .65s cubic-bezier(.22,.7,.3,1),filter .65s ease!important; } body.bako-aurora-ui .elementor-widget-posts .elementor-post:hover .elementor-post__thumbnail img, body.bako-aurora-ui .elementor-widget-posts .elementor-post__card:hover .elementor-post__thumbnail img{transform:scale(1.045)!important;filter:saturate(1.02)!important} body.bako-aurora-ui .elementor-widget-posts .elementor-post__text{ position:relative!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;justify-content:flex-start!important; margin:0!important;padding:17px 18px 12px!important; } body.bako-aurora-ui .elementor-widget-posts .elementor-post__title{margin:0 0 9px!important;line-height:1.55!important} body.bako-aurora-ui .elementor-widget-posts .elementor-post__excerpt{margin:0!important} body.bako-aurora-ui .elementor-widget-posts .elementor-post__excerpt p{margin:0 0 10px!important} body.bako-aurora-ui .elementor-widget-posts .elementor-post__read-more{margin-top:auto!important} body.bako-aurora-ui .elementor-widget-posts .elementor-post__meta-data{margin:0!important;padding:0 18px 16px!important} body.bako-aurora-ui .elementor-widget-posts .elementor-posts--skin-classic .elementor-post:hover{ transform:translateY(-5px);border-color:color-mix(in srgb,var(--bako-brand) 34%,var(--bako-line))!important; box-shadow:0 30px 64px -38px rgba(0,0,0,.92),0 0 34px -27px var(--bako-brand)!important; } /* Bako's own posts/portfolio widgets get the same stable geometry in case the page is switched away from Elementor Pro later. */ body.bako-aurora-ui .elementor-widget-bako-posts .row{align-items:stretch} body.bako-aurora-ui .elementor-widget-bako-posts .row>[class*="col-"]{display:flex} body.bako-aurora-ui .elementor-widget-bako-posts .blog-item{ position:relative;display:flex;flex:1;min-width:0;flex-direction:column;overflow:hidden; border:1px solid var(--bako-line);border-radius:16px;background:linear-gradient(145deg,var(--bako-surface-1),var(--bako-surface-2));box-shadow:var(--bako-shadow); } body.bako-aurora-ui .elementor-widget-bako-posts .blog-item .thumb{width:100%;aspect-ratio:16/9;border:0;border-radius:0!important} body.bako-aurora-ui .elementor-widget-bako-posts .blog-item .thumb>a:last-of-type{display:block;width:100%;height:100%} body.bako-aurora-ui .elementor-widget-bako-posts .blog-item .thumb img{width:100%;height:100%;object-fit:cover;object-position:center} body.bako-aurora-ui .elementor-widget-bako-posts .blog-item>h4{margin:0!important;padding:16px 17px 7px} body.bako-aurora-ui .elementor-widget-bako-posts .blog-item>.meta{margin:0!important;padding:0 17px 16px} body.bako-aurora-ui .bako-portfolio-instance .portfolio-item{aspect-ratio:16/10;overflow:hidden} body.bako-aurora-ui .bako-portfolio-instance .portfolio-item .thumb, body.bako-aurora-ui .bako-portfolio-instance .portfolio-item .thumb img{width:100%;height:100%;object-fit:cover} /* Articles + portfolio: border orbit is intentionally hover/focus-triggered. Other Aurora surfaces keep the viewport-driven ambient orbit behavior. */ @supports ((-webkit-mask:linear-gradient(#000 0 0)) or (mask:linear-gradient(#000 0 0))){ body.bako-aurora-orbit :is( .elementor-widget-posts .elementor-posts--skin-classic .elementor-post, .elementor-post__card, .elementor-portfolio-item, .elementor-widget-bako-posts .blog-item, .bako-note-card, .blog-item-standard, .portfolio-item ).bako-orbit-frame>.bako-border-orbit{opacity:0;transition:opacity .2s ease} body.bako-aurora-orbit :is( .elementor-widget-posts .elementor-posts--skin-classic .elementor-post, .elementor-post__card, .elementor-portfolio-item, .elementor-widget-bako-posts .blog-item, .bako-note-card, .blog-item-standard, .portfolio-item ).bako-orbit-frame.is-orbit-visible>.bako-border-orbit::before{animation-play-state:paused} body.bako-aurora-orbit :is( .elementor-widget-posts .elementor-posts--skin-classic .elementor-post, .elementor-post__card, .elementor-portfolio-item, .elementor-widget-bako-posts .blog-item, .bako-note-card, .blog-item-standard, .portfolio-item ).bako-orbit-frame:hover>.bako-border-orbit, body.bako-aurora-orbit :is( .elementor-widget-posts .elementor-posts--skin-classic .elementor-post, .elementor-post__card, .elementor-portfolio-item, .elementor-widget-bako-posts .blog-item, .bako-note-card, .blog-item-standard, .portfolio-item ).bako-orbit-frame:focus-within>.bako-border-orbit{opacity:.96} body.bako-aurora-orbit :is( .elementor-widget-posts .elementor-posts--skin-classic .elementor-post, .elementor-post__card, .elementor-portfolio-item, .elementor-widget-bako-posts .blog-item, .bako-note-card, .blog-item-standard, .portfolio-item ).bako-orbit-frame:hover>.bako-border-orbit::before, body.bako-aurora-orbit :is( .elementor-widget-posts .elementor-posts--skin-classic .elementor-post, .elementor-post__card, .elementor-portfolio-item, .elementor-widget-bako-posts .blog-item, .bako-note-card, .blog-item-standard, .portfolio-item ).bako-orbit-frame:focus-within>.bako-border-orbit::before{animation-play-state:running} } @media (max-width:767px){ body.bako-aurora-ui .elementor-widget-portfolio .elementor-portfolio-item{aspect-ratio:16/10!important} body.bako-aurora-ui .elementor-widget-posts .elementor-post__thumbnail__link{aspect-ratio:16/9!important} } @media (prefers-reduced-motion:reduce){ body.bako-aurora-ui header .footer .social-icons a:hover, body.bako-aurora-ui header .footer .social-icons a:focus-visible, body.bako-aurora-ui .elementor-widget-posts .elementor-posts--skin-classic .elementor-post:hover{transform:none!important} body.bako-aurora-orbit :is( .elementor-widget-posts .elementor-posts--skin-classic .elementor-post, .elementor-post__card, .elementor-portfolio-item, .elementor-widget-bako-posts .blog-item, .bako-note-card, .blog-item-standard, .portfolio-item ).bako-orbit-frame>.bako-border-orbit::before{animation:none!important;transform:rotate(28deg)!important} } @media (forced-colors:active){ body.bako-aurora-ui header.left .header-inner.bako-native-sidebar-scroll{scrollbar-color:CanvasText Canvas} body.bako-aurora-ui header.left .header-inner.bako-native-sidebar-scroll::-webkit-scrollbar-track{background:Canvas} body.bako-aurora-ui header.left .header-inner.bako-native-sidebar-scroll::-webkit-scrollbar-thumb{background:CanvasText;box-shadow:none} body.bako-aurora-ui header .footer .social-icons a{border-color:CanvasText;background:Canvas;color:CanvasText;box-shadow:none} } /* ========================================================== Aurora 1.3.5 — daylight rebuild + deterministic home grids The original Elementor document stores dark/blue overlay geometry and uneven legacy column spacing. This layer keeps the saved content intact while making the runtime presentation coherent in both FA/EN directions. ========================================================== */ :root{ --bako-home-gap:18px; --bako-home-gap-compact:14px; } :root[data-bako-theme="light"]{ --bako-home-paper:#F4F8FC; --bako-home-panel:#FFFFFF; --bako-home-panel-soft:#F7FAFD; --bako-home-panel-tint:#EEF7FC; --bako-home-line:rgba(28,87,120,.15); --bako-home-line-strong:rgba(13,134,197,.24); --bako-home-shadow:0 22px 58px -38px rgba(28,76,104,.28),0 1px 0 rgba(255,255,255,.95) inset; --bako-home-shadow-lift:0 30px 70px -40px rgba(18,74,106,.34),0 0 34px -24px color-mix(in srgb,var(--bako-brand) 34%,transparent); } /* Daylight is a real theme, not a dark document with a white page behind it. */ :root[data-bako-theme="light"] body.bako-aurora-ui{ background:var(--bako-home-paper);color:var(--bako-text-2); } :root[data-bako-theme="light"] .bako-aurora-stage{ background: radial-gradient(900px 620px at 92% -10%,color-mix(in srgb,var(--bako-brand) 12%,transparent),transparent 70%), radial-gradient(760px 560px at -8% 88%,color-mix(in srgb,var(--bako-brand-2) 8%,transparent),transparent 72%), linear-gradient(145deg,#F8FBFE,var(--bako-home-paper)); } :root[data-bako-theme="light"] .bako-aurora-grid{ background-image:linear-gradient(to right,rgba(30,91,126,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(30,91,126,.055) 1px,transparent 1px); opacity:.58;mix-blend-mode:multiply; } :root[data-bako-theme="light"] .bako-aurora-noise{opacity:.035;mix-blend-mode:multiply} :root[data-bako-theme="light"] .bako-aurora-blob{opacity:.28;filter:blur(28px)} :root[data-bako-theme="light"] .bako-aurora-prism{opacity:.42;filter:drop-shadow(0 0 34px color-mix(in srgb,var(--bako-brand) 18%,transparent))} /* One-page light panels. Override the saved #4a63e7 overlays and the old dark-only Aurora 1.3 panel rule without touching Elementor data. */ :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section, :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section-wrap>.elementor-section, :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.e-con{ background:linear-gradient(148deg,rgba(255,255,255,.96),rgba(247,251,254,.93))!important; background-color:var(--bako-home-panel)!important;background-image:linear-gradient(148deg,rgba(255,255,255,.96),rgba(247,251,254,.93))!important; background-blend-mode:normal!important; border-color:var(--bako-home-line)!important; box-shadow:var(--bako-home-shadow)!important; color:var(--bako-text-2)!important; } :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section:first-child, :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section-wrap>.elementor-section:first-child{ background: radial-gradient(620px 340px at 88% 2%,color-mix(in srgb,var(--bako-brand) 15%,transparent),transparent 70%), radial-gradient(500px 380px at 0 100%,color-mix(in srgb,var(--bako-brand-2) 9%,transparent),transparent 73%), linear-gradient(150deg,#FFFFFF,#F0F8FC)!important; background-color:#F8FCFE!important;background-blend-mode:normal!important; border-color:color-mix(in srgb,var(--bako-brand) 22%,var(--bako-home-line))!important; box-shadow:0 28px 72px -42px rgba(27,84,115,.32),0 0 46px -34px color-mix(in srgb,var(--bako-brand) 30%,transparent)!important; } :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section:nth-child(4), :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section:nth-child(6), :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section-wrap>.elementor-section:nth-child(4), :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section-wrap>.elementor-section:nth-child(6){ background:linear-gradient(145deg,#F7FBFE,#EDF7FC)!important;background-color:#F4FAFD!important;background-blend-mode:normal!important; } :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .elementor-top-section>.elementor-background-overlay, :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .elementor-top-section .elementor-background-overlay{ background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(240,248,252,.72))!important;opacity:.28!important;mix-blend-mode:normal!important; } :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .elementor-top-section :where(.elementor-heading-title,h1,h2,h3,h4,h5,h6){ color:var(--bako-text)!important;text-shadow:none!important; } :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .elementor-top-section :where(.elementor-widget-text-editor,.elementor-widget-text-editor p,.elementor-text-editor,.elementor-text-editor p){ color:var(--bako-text-2)!important; } :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage :where(.shadow-blue,.shadow-dark,.background-white){ border-color:var(--bako-home-line)!important;box-shadow:var(--bako-home-shadow)!important; } /* Light component surfaces: explicit because several legacy widgets ship their own gray/blue backgrounds after Elementor's generated stylesheet. */ :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage :where(.service-item,.fact-item,.skill-item,.contact-info,.client-item .inner,.entry .body,.elementor-counter,.elementor-post__card,.elementor-widget-posts .elementor-posts--skin-classic .elementor-post,.bako-note-card){ background:linear-gradient(145deg,#FFFFFF,#F5FAFD)!important; border-color:var(--bako-home-line)!important; box-shadow:0 18px 46px -34px rgba(22,73,101,.26),inset 0 1px rgba(255,255,255,.92)!important; color:var(--bako-text-2)!important; } :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage :where(.service-item,.fact-item,.skill-item,.contact-info,.elementor-counter):hover{ background:linear-gradient(145deg,#FFFFFF,color-mix(in srgb,var(--bako-brand) 6%,#F4FAFD))!important; border-color:var(--bako-home-line-strong)!important;box-shadow:var(--bako-home-shadow-lift)!important; } :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .service-item::before, :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .contact-info::before, :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .fact-item::before{ opacity:.32;background:linear-gradient(120deg,color-mix(in srgb,var(--bako-brand) 8%,transparent),transparent 44%,color-mix(in srgb,var(--bako-brand-2) 5%,transparent)); } :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .service-item .icon-simple, :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .contact-info i{ background:linear-gradient(145deg,#F0F9FD,#EDF1FF);border-color:color-mix(in srgb,var(--bako-brand) 22%,var(--bako-home-line));box-shadow:0 14px 30px -24px color-mix(in srgb,var(--bako-brand) 55%,transparent),inset 0 1px #fff; } :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage :where(.service-item h4,.contact-info h5,.elementor-counter .elementor-counter-number-wrapper,.elementor-counter .elementor-counter-title){color:var(--bako-text)!important} :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage :where(.service-item p,.contact-info span,.contact-info p){color:var(--bako-text-3)!important} :root[data-bako-theme="light"] body.bako-aurora-ui .elementor-portfolio__filter{background:#fff;color:var(--bako-text-3)!important;border-color:var(--bako-home-line);box-shadow:0 8px 26px -24px rgba(24,72,99,.35)} :root[data-bako-theme="light"] body.bako-aurora-ui .elementor-portfolio__filter:hover, :root[data-bako-theme="light"] body.bako-aurora-ui .elementor-portfolio__filter.elementor-active{background:color-mix(in srgb,var(--bako-brand) 8%,#fff);color:var(--bako-text)!important} :root[data-bako-theme="light"] body.bako-aurora-ui .elementor-portfolio-item{background:#fff;border-color:var(--bako-home-line);box-shadow:0 18px 44px -34px rgba(24,72,99,.30)} :root[data-bako-theme="light"] body.bako-aurora-ui #return-to-top{background:rgba(255,255,255,.94);color:var(--bako-brand-deep);border-color:var(--bako-home-line);box-shadow:0 14px 34px -24px rgba(28,76,104,.38)} /* Sidebar daylight gets a crisp panel and no dark-only inset shadow. */ :root[data-bako-theme="light"] body.bako-aurora-ui header.left{ background:linear-gradient(155deg,rgba(255,255,255,.97),rgba(247,251,254,.96) 48%,rgba(242,246,255,.94)); border-color:var(--bako-home-line-strong);box-shadow:0 28px 70px -44px rgba(25,72,100,.38),0 1px rgba(255,255,255,.96) inset; } :root[data-bako-theme="light"] body.bako-aurora-ui header.left::after{opacity:.45} :root[data-bako-theme="light"] .bako-command-panel{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(245,250,253,.92));box-shadow:0 14px 34px -30px rgba(20,69,98,.34)} /* Deterministic equal-card system. JS only tags/group-counts the existing Elementor rows; layout/content remains fully server-rendered and editable. */ body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row{ display:grid!important;grid-template-columns:repeat(var(--bako-equal-cols,3),minmax(0,1fr))!important;gap:var(--bako-home-gap)!important;align-items:stretch!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row>.elementor-column{ width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;align-self:stretch!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap{ height:100%!important;margin:0!important;padding:0!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap{ height:100%!important;display:grid!important;grid-auto-rows:minmax(0,1fr)!important;gap:var(--bako-home-gap)!important;align-content:stretch!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .elementor-widget-spacer{display:none!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .elementor-widget-bako-service, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .elementor-widget-bako-service>.elementor-widget-container, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item{ height:100%!important;min-height:0!important;margin:0!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item{ min-height:210px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item h4{ width:100%;margin:14px 0 0!important;min-height:3.1em;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.55!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item p{margin-top:9px!important;text-align:center} /* Facts/counters use four equal tracks in both languages. */ body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row{ display:grid!important;grid-template-columns:repeat(var(--bako-equal-cols,4),minmax(0,1fr))!important;gap:var(--bako-home-gap-compact)!important;align-items:stretch!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column{ width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;height:100%!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap{ height:100%!important;margin:0!important;padding:0!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap{ min-height:112px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:14px!important;border:1px solid var(--bako-line);border-radius:14px;background:linear-gradient(145deg,var(--bako-surface-1),var(--bako-surface-2));box-shadow:var(--bako-shadow); } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .elementor-widget-counter{width:100%;margin:0!important;text-align:center} body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .elementor-counter-number-wrapper{justify-content:center!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .elementor-counter-title{min-height:2.8em;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.45!important} :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap, :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap{ background:linear-gradient(145deg,#FFFFFF,#F3F9FC);border-color:var(--bako-home-line);box-shadow:0 14px 34px -28px rgba(22,73,101,.32),inset 0 1px #fff; } /* Existing Elementor portfolio/posts keep their native responsive column count, but gap and row height are normalized so FA/EN typography cannot deform it. */ body.bako-aurora-ui.page-template-page-onepage .bako-home-portfolio-widget :where(.elementor-portfolio,.elementor-posts-container){ column-gap:var(--bako-home-gap)!important;row-gap:var(--bako-home-gap)!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-posts-widget .elementor-posts-container{ column-gap:var(--bako-home-gap)!important;row-gap:var(--bako-home-gap)!important;align-items:stretch!important;grid-auto-rows:1fr!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-posts-widget .elementor-post{height:100%!important} /* Contact cards are equal within their existing stack; the form column keeps its authored 2/3 proportion. */ body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .elementor-widget-bako-contact, body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .elementor-widget-bako-contact>.elementor-widget-container, body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .contact-info{width:100%;min-height:96px;height:100%;margin:0!important} /* Hide retired menu numbering regardless of whether an older cached runtime emitted spans, data markers, or an author/plugin supplied numeric rail. */ body.bako-aurora-ui header .vertical-menu :where(.bako-menu-index,[data-bako-menu-index],[class*="menu-index"],[class*="menu-number"]){display:none!important} body.bako-aurora-ui header .vertical-menu>li::after{content:none!important;display:none!important} @media (max-width:991px){ body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item{min-height:178px!important;padding:22px 16px!important} } @media (max-width:767px){ :root{--bako-home-gap:12px;--bako-home-gap-compact:10px} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row{grid-template-columns:repeat(var(--bako-equal-cols,2),minmax(0,1fr))!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item{min-height:160px!important;padding:18px 12px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item .icon-simple{width:52px;height:52px;margin-bottom:9px;font-size:1.3rem} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item h4{font-size:.9rem!important;min-height:3em;margin-top:8px!important} } @media (max-width:480px){ body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item{min-height:148px!important} } @media (prefers-reduced-motion:reduce){ :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage :where(.service-item,.contact-info,.elementor-post__card){transform:none!important} } /* ========================================================== Aurora 1.3.6 — compact sidebar utilities + contact polish ========================================================== */ body.bako-aurora-ui header.left .bako-command-panel{ margin-block:0 12px;padding:8px;border-radius:14px;overflow:visible; box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 28px -28px rgba(0,0,0,.82); } body.bako-aurora-ui header.left .bako-command-panel>.bako-command-label{margin:0 2px 6px;font-size:.61rem;opacity:.82} body.bako-aurora-ui header.left .bako-command-search{ min-height:40px!important;padding:5px 7px!important;grid-template-columns:30px minmax(0,1fr) auto!important;gap:7px!important;border-radius:10px!important; } body.bako-aurora-ui header.left .bako-command-search .bako-command-icon{width:28px;height:28px;border-radius:8px;font-size:.78rem} body.bako-aurora-ui header.left .bako-command-search .bako-command-copy{line-height:1.25} body.bako-aurora-ui header.left .bako-command-search .bako-command-copy strong{font-size:.68rem} body.bako-aurora-ui header.left .bako-command-search .bako-command-copy small{display:none} body.bako-aurora-ui header.left .bako-command-search kbd{min-width:21px;padding:2px 5px;font-size:9px;border-radius:5px} .bako-command-utility-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:stretch;gap:6px;margin-top:6px} .bako-command-utility-row .bako-language-hub{min-width:0;margin:0;padding:0;border:0} .bako-command-utility-row .bako-language-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;height:34px} .bako-command-utility-row .bako-language-link{min-height:34px;height:34px;padding:4px 6px;grid-template-columns:24px minmax(0,1fr);gap:5px;border-radius:9px} .bako-command-utility-row .bako-language-code{width:24px;height:22px;border-radius:6px;font-size:8px} .bako-command-utility-row .bako-language-name{font-size:.61rem} body.bako-aurora-ui .bako-command-utility-row .bako-global-theme-toggle--compact{ width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;border-radius:9px!important; } body.bako-aurora-ui .bako-command-utility-row .bako-global-theme-toggle--compact .bako-command-icon{width:28px;height:28px;border:0;background:transparent;font-size:.92rem} /* Back-to-top is direction aware and the glyph stays mathematically centered even when legacy jQuery fadeIn() injects display:block inline. */ body.bako-aurora-ui #return-to-top{right:20px!important;left:auto!important} html[dir="rtl"] body.bako-aurora-ui #return-to-top{left:20px!important;right:auto!important} body.bako-aurora-ui #return-to-top i{ position:absolute!important;inset:50% auto auto 50%!important;margin:0!important;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;line-height:1!important; } /* Elementor social widget in the Contact section: replace the authored red circles with a theme-native glass dock. The footer social dock has its own rules above; these selectors intentionally target Elementor only. */ body.bako-aurora-ui .elementor-widget-social-icons .elementor-social-icons-wrapper{ width:100%;display:flex!important;align-items:center;justify-content:center!important;flex-wrap:wrap;gap:9px!important;text-align:center!important; } body.bako-aurora-ui .elementor-widget-social-icons a.elementor-social-icon{ --bako-el-social:var(--bako-brand);width:40px!important;height:40px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important; border:1px solid color-mix(in srgb,var(--bako-el-social) 30%,var(--bako-line))!important;border-radius:12px!important; background:linear-gradient(145deg,color-mix(in srgb,var(--bako-el-social) 9%,var(--bako-surface-2)),color-mix(in srgb,var(--bako-surface-1) 94%,transparent))!important; color:color-mix(in srgb,var(--bako-el-social) 72%,var(--bako-text-2))!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 28px -23px var(--bako-el-social)!important; transition:transform .22s cubic-bezier(.22,.7,.3,1),border-color .22s ease,box-shadow .22s ease,background .22s ease!important; } body.bako-aurora-ui .elementor-widget-social-icons a.elementor-social-icon i{color:inherit!important;font-size:15px!important} body.bako-aurora-ui .elementor-widget-social-icons a.elementor-social-icon:hover, body.bako-aurora-ui .elementor-widget-social-icons a.elementor-social-icon:focus-visible{ transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--bako-el-social) 62%,var(--bako-line))!important; background:linear-gradient(145deg,color-mix(in srgb,var(--bako-el-social) 18%,var(--bako-surface-2)),var(--bako-surface-1))!important;box-shadow:0 14px 30px -18px var(--bako-el-social),0 0 20px -11px var(--bako-el-social)!important; } body.bako-aurora-ui .elementor-widget-social-icons a[href*="linkedin"]{--bako-el-social:#4DA3FF} body.bako-aurora-ui .elementor-widget-social-icons a[href*="facebook"]{--bako-el-social:#5B8DEF} body.bako-aurora-ui .elementor-widget-social-icons a[href*="instagram"]{--bako-el-social:#F05AA6} body.bako-aurora-ui .elementor-widget-social-icons a[href*="t.me"],body.bako-aurora-ui .elementor-widget-social-icons a[href*="telegram"]{--bako-el-social:#29A9EA} body.bako-aurora-ui .elementor-widget-social-icons a[href*="whatsapp"]{--bako-el-social:#38D996} /* The supplied FA/EN Contact Form 7 forms both use #contact-form. The submit action now spans the entire form column and stays centered in both dirs. */ body.bako-aurora-ui.page-template-page-onepage #contact-form .wpcf7-submit, body.bako-aurora-ui.page-template-page-onepage #contact-form button[type="submit"]{ width:100%!important;max-width:none!important;min-height:48px!important;margin:4px 0 0!important;display:flex!important;align-items:center;justify-content:center;text-align:center!important;border-radius:12px!important; } :root[data-bako-theme="light"] body.bako-aurora-ui .elementor-widget-social-icons a.elementor-social-icon{ background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--bako-el-social) 7%,#F4F9FC))!important;box-shadow:0 12px 28px -24px color-mix(in srgb,var(--bako-el-social) 45%,transparent)!important; } @media(max-width:767px){ body.bako-aurora-ui #return-to-top{right:12px!important;bottom:12px!important} html[dir="rtl"] body.bako-aurora-ui #return-to-top{left:12px!important;right:auto!important} } @media(prefers-reduced-motion:reduce){body.bako-aurora-ui .elementor-widget-social-icons a.elementor-social-icon:hover,body.bako-aurora-ui .elementor-widget-social-icons a.elementor-social-icon:focus-visible{transform:none!important}} /* 1.3.6 final compactness pass — search/language utilities intentionally read as controls, not a second card inside the sidebar. */ body.bako-aurora-ui header.left .bako-command-panel{padding:6px;border-radius:12px} body.bako-aurora-ui header.left .bako-command-panel>.bako-command-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} body.bako-aurora-ui header.left .bako-command-search{min-height:34px!important;height:34px!important;padding:3px 5px!important;grid-template-columns:26px minmax(0,1fr) auto!important;gap:5px!important;border-radius:9px!important} body.bako-aurora-ui header.left .bako-command-search .bako-command-icon{width:24px;height:24px;border-radius:7px;font-size:.7rem} body.bako-aurora-ui header.left .bako-command-search .bako-command-copy strong{font-size:.64rem} body.bako-aurora-ui header.left .bako-command-search kbd{min-width:19px;padding:1px 4px;font-size:8px} .bako-command-utility-row{grid-template-columns:minmax(0,1fr) 30px;gap:5px;margin-top:5px} .bako-command-utility-row .bako-language-list{height:30px;gap:4px} .bako-command-utility-row .bako-language-link{height:30px;min-height:30px;padding:2px 5px;grid-template-columns:20px minmax(0,1fr);gap:4px;border-radius:8px} .bako-command-utility-row .bako-language-code{width:20px;height:19px;border-radius:5px;font-size:7px} .bako-command-utility-row .bako-language-name{font-size:.58rem} body.bako-aurora-ui .bako-command-utility-row .bako-global-theme-toggle--compact{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;border-radius:8px!important} body.bako-aurora-ui .bako-command-utility-row .bako-global-theme-toggle--compact .bako-command-icon{width:24px;height:24px;font-size:.84rem} /* Last millimetre pass: keep the complete quick-access block under 80px tall. */ body.bako-aurora-ui header.left .bako-command-panel{padding:4px} /* Bako 1.3.7 — always-visible startup Aurora halo. The MineJobs showcase is discovered at runtime from its bilingual Elementor Image Box content, so this survives Elementor ID regeneration and language-specific page data. */ body.bako-aurora-orbit.page-template-page-onepage .bako-home-startup-box.bako-orbit-frame>.bako-border-orbit{opacity:.9;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--bako-brand) 35%,transparent)) drop-shadow(0 0 16px color-mix(in srgb,var(--bako-brand-2) 22%,transparent))} body.bako-aurora-orbit.page-template-page-onepage .bako-home-startup-box.bako-orbit-frame>.bako-border-orbit::before{animation-duration:5.6s} body.bako-aurora-orbit.page-template-page-onepage .bako-home-startup-box{box-shadow:0 24px 54px -38px color-mix(in srgb,var(--bako-brand) 55%,transparent),inset 0 1px color-mix(in srgb,var(--bako-brand) 12%,transparent)} @media(prefers-reduced-motion:reduce){body.bako-aurora-orbit.page-template-page-onepage .bako-home-startup-box.bako-orbit-frame>.bako-border-orbit::before{animation:none!important}} /* ========================================================== Aurora 1.3.8 — homepage recovery + adaptive one-page flow Fixes legacy fixed heights, contact stretching, reordered navigation, KPI icon skinning, portfolio hover typography and about-panel contrast. ========================================================== */ /* --- KPI / facts: cancel the authored 620px fixed section height and turn each icon+counter column into one compact, equal Aurora instrument card. */ body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid{ min-height:0!important;height:auto!important;padding:18px 22px!important; background-attachment:scroll!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container, body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row{ min-height:0!important;height:auto!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row{ gap:14px!important;align-items:stretch!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column{ height:auto!important;min-height:0!important;align-self:stretch!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap{ min-height:130px!important;height:100%!important;padding:13px 10px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important; border:1px solid var(--bako-line)!important;border-radius:17px!important; background:linear-gradient(145deg,color-mix(in srgb,var(--bako-surface-1) 93%,transparent),color-mix(in srgb,var(--bako-brand-deep) 8%,var(--bako-surface-2)))!important; box-shadow:inset 0 1px rgba(255,255,255,.045),0 18px 42px -34px rgba(0,0,0,.9)!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon{ width:auto!important;margin:0!important;line-height:1!important;position:relative;z-index:2; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon>.elementor-widget-container{ position:relative;isolation:isolate;display:grid!important;place-items:center!important;width:50px!important;height:50px!important;margin:0 auto!important; border:1px solid color-mix(in srgb,var(--bako-brand) 36%,var(--bako-line))!important;border-radius:17px!important; background:linear-gradient(145deg,color-mix(in srgb,var(--bako-brand) 13%,var(--bako-surface-2)),color-mix(in srgb,var(--bako-brand-2) 13%,var(--bako-surface-1)))!important; box-shadow:0 0 0 1px color-mix(in srgb,var(--bako-brand-2) 6%,transparent),0 12px 30px -18px var(--bako-brand),inset 0 1px rgba(255,255,255,.07)!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon>.elementor-widget-container::before{ content:"";position:absolute;z-index:-1;inset:-7px;border-radius:21px;pointer-events:none; background:conic-gradient(from 0deg,transparent 0 18%,color-mix(in srgb,var(--bako-brand) 72%,transparent) 28%,transparent 39% 61%,color-mix(in srgb,var(--bako-brand-2) 64%,transparent) 72%,transparent 83%); filter:blur(7px);opacity:.5;animation:bako-fact-icon-orbit 7.5s linear infinite;animation-play-state:paused; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid.is-bako-ambient-visible .bako-home-fact-icon>.elementor-widget-container::before{animation-play-state:running} @keyframes bako-fact-icon-orbit{to{transform:rotate(1turn)}} body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon i.icon-circle, body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon i{ width:40px!important;height:40px!important;display:grid!important;place-items:center!important;margin:0!important;border:0!important;border-radius:12px!important; background:linear-gradient(135deg,var(--bako-brand),var(--bako-brand-2))!important;color:#F7FCFF!important;font-size:1.15rem!important;line-height:1!important; box-shadow:0 8px 24px -14px var(--bako-brand-2)!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .elementor-widget-counter, body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .elementor-counter{ width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .elementor-counter-number-wrapper{ justify-content:center!important;font-size:clamp(1.45rem,2.2vw,1.9rem)!important;line-height:1.05!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .elementor-counter-title{ min-height:0!important;margin-top:3px!important;font-size:.78rem!important;line-height:1.45!important; } :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap, :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap, :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap{ background:linear-gradient(145deg,#FFFFFF,#F2F8FC)!important;border-color:var(--bako-home-line)!important;box-shadow:0 15px 36px -30px rgba(22,73,101,.32),inset 0 1px #fff!important; } /* --- Services: equal does not mean stretched. The legacy desktop layout is three columns with two cards per column; responsive duplicates contain one card per column. Give each card deterministic compact geometry and let the section grow naturally. */ body.bako-aurora-ui.page-template-page-onepage .bako-home-services-section{ min-height:0!important;height:auto!important;padding-top:32px!important;padding-bottom:30px!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-services-section>.elementor-container, body.bako-aurora-ui.page-template-page-onepage .bako-home-services-section>.elementor-container>.elementor-row, body.bako-aurora-ui.page-template-page-onepage .bako-home-services-section>.elementor-container>.elementor-row>.elementor-column, body.bako-aurora-ui.page-template-page-onepage .bako-home-services-section>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-services-section>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap{ min-height:0!important;height:auto!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-services-section .bako-home-section-gap, body.bako-aurora-ui.page-template-page-onepage .bako-home-services-section .bako-home-section-gap>.elementor-widget-container{ height:12px!important;min-height:12px!important;margin:0!important;padding:0!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-services-section .bako-home-section-gap .elementor-spacer-inner{height:12px!important;min-height:12px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid{ min-height:0!important;height:auto!important;margin:0!important;padding:0!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row{ min-height:0!important;height:auto!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row{ gap:14px!important;align-items:start!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row>.elementor-column, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap{ min-height:0!important;height:auto!important;align-self:start!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap{ min-height:0!important;height:auto!important;padding:0!important;display:grid!important;gap:14px!important;align-content:start!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--desktop>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--desktop>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap{ grid-template-rows:repeat(2,156px)!important;grid-auto-rows:156px!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap{ grid-template-rows:150px!important;grid-auto-rows:150px!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .elementor-widget-bako-service{ width:100%!important;height:100%!important;min-height:0!important;margin:0!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .elementor-widget-bako-service>.elementor-widget-container, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item{ width:100%!important;height:100%!important;min-height:0!important;margin:0!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item{ padding:14px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item .icon-simple{ width:46px!important;height:46px!important;margin:0 0 8px!important;border-radius:14px!important;font-size:1.18rem!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item h4{ min-height:0!important;margin:0!important;font-size:clamp(.84rem,1vw,.96rem)!important;line-height:1.48!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item p{display:none!important} /* --- Contact: the previous equal-height pass stretched every contact widget to the full section height. Restore the authored 1/3 + 2/3 layout, compact the information stack, and make the actual CF7 submit control full width. */ body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-section{ min-height:0!important;height:auto!important;padding-top:34px!important;padding-bottom:32px!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid, body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid>.elementor-container, body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid>.elementor-container>.elementor-row{ min-height:0!important;height:auto!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid>.elementor-container>.elementor-row{ display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(0,2fr)!important;gap:18px!important;align-items:start!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid>.elementor-container>.elementor-row>.elementor-column{ width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;align-self:start!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .bako-contact-info-column>.elementor-column-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .bako-contact-info-column>.elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .bako-contact-info-column>.elementor-column-wrap>.elementor-widget-wrap{ min-height:0!important;height:auto!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-content:start!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .bako-contact-stack-gap{display:none!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .bako-contact-info-column .elementor-widget-bako-contact, body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .bako-contact-info-column .elementor-widget-bako-contact>.elementor-widget-container, body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .bako-contact-info-column .contact-info{ width:100%!important;height:auto!important;min-height:82px!important;margin:0!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .bako-contact-info-column .elementor-widget-social-icons{margin:2px 0 0!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .bako-contact-form-column>.elementor-column-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .bako-contact-form-column>.elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .bako-contact-form-column>.elementor-column-wrap>.elementor-widget-wrap{ min-height:0!important;height:auto!important;margin:0!important;padding:0!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .bako-contact-form-column .elementor-widget-spacer{display:none!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .wpcf7, body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .wpcf7-form, body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .wpcf7-form>p{ width:100%!important;max-width:none!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .wpcf7-form :where(.wpcf7-submit,input[type="submit"],button[type="submit"],.btn[type="submit"]){ box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:100%!important;min-height:48px!important;margin:6px 0 0!important;padding-inline:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;float:none!important;border-radius:12px!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-section :where(.wpcf7,.wpcf7-form,#contact-form,.contact-form){ width:100%!important;max-width:none!important;margin-inline:0!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-section :where(#contact-form,.contact-form)>.row{ width:auto!important;margin-inline:-5px!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-section :where(#contact-form,.contact-form) .column{padding-inline:5px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-section :where(#contact-form,.contact-form) :where(.form-group,.wpcf7-form-control-wrap){width:100%!important;max-width:none!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-section :where(.wpcf7-submit,#submit.btn-default,button[type="submit"],input[type="submit"]){ box-sizing:border-box!important;display:flex!important;width:100%!important;max-width:none!important;min-width:100%!important;float:none!important;margin:8px 0 0!important;align-items:center!important;justify-content:center!important;text-align:center!important; } /* --- Portfolio hover titles: keep project imagery dominant. */ body.bako-aurora-ui.page-template-page-onepage .bako-home-portfolio-widget :where(.elementor-portfolio-item__title,.elementor-post__title), body.bako-aurora-ui.page-template-page-onepage .elementor-widget-bako-portfolio .portfolio-item .title, body.bako-aurora-ui.page-template-page-onepage .portfolio-item .details .title{ font-size:clamp(.82rem,1.12vw,1.08rem)!important;line-height:1.45!important;font-weight:760!important;letter-spacing:0!important;max-width:92%!important;margin-inline:auto!important;text-wrap:balance; } body.bako-aurora-ui.page-template-page-onepage .bako-home-portfolio-widget .elementor-portfolio-item__overlay{ padding:14px!important; } /* --- About biography: Bootstrap .text-dark and an authored black heading were unreadable on the night surface. Keep the content editable, fix presentation only, and upgrade the vertical typographic image to a neon glass artifact. */ body.bako-aurora-ui.page-template-page-onepage .bako-home-about-section :where(.elementor-widget-html,.elementor-widget-html p,.elementor-widget-html span,.elementor-widget-html .text-dark){ color:var(--bako-text-2)!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-about-section .elementor-widget-html :where(strong,b){color:var(--bako-text)!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-about-mark{ width:min(164px,100%)!important;margin:12px auto 0!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-about-mark>.elementor-widget-container{ position:relative;isolation:isolate;overflow:hidden;padding:16px 12px!important;border:1px solid color-mix(in srgb,var(--bako-brand) 32%,var(--bako-line))!important;border-radius:24px!important; background:linear-gradient(160deg,color-mix(in srgb,var(--bako-brand) 8%,var(--bako-surface-2)),color-mix(in srgb,var(--bako-brand-2) 7%,var(--bako-surface-1)))!important; box-shadow:inset 0 1px rgba(255,255,255,.055),0 20px 44px -31px rgba(0,0,0,.92),0 0 34px -23px var(--bako-brand)!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-about-mark>.elementor-widget-container::before{ content:"";position:absolute;z-index:-1;inset:-38%;pointer-events:none;background:conic-gradient(from 25deg,transparent 0 24%,color-mix(in srgb,var(--bako-brand) 44%,transparent) 31%,transparent 39% 65%,color-mix(in srgb,var(--bako-brand-2) 34%,transparent) 73%,transparent 82%);filter:blur(16px);opacity:.62;animation:bako-about-mark-orbit 8s linear infinite;animation-play-state:paused; } body.bako-aurora-ui.page-template-page-onepage .bako-home-about-mark img{ position:relative;z-index:1;display:block!important;width:auto!important;max-width:100%!important;max-height:330px!important;margin:0 auto!important;object-fit:contain!important;opacity:.88; filter:brightness(0) invert(1) drop-shadow(0 0 9px color-mix(in srgb,var(--bako-brand) 58%,transparent)) drop-shadow(0 0 20px color-mix(in srgb,var(--bako-brand-2) 28%,transparent))!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-about-mark.is-bako-ambient-visible>.elementor-widget-container::before{animation-play-state:running} @keyframes bako-about-mark-orbit{to{transform:rotate(1turn)}} :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .bako-home-about-section :where(.elementor-widget-html,.elementor-widget-html p,.elementor-widget-html span,.elementor-widget-html .text-dark){color:var(--bako-text-2)!important} :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .bako-home-about-mark>.elementor-widget-container{ background:linear-gradient(155deg,#FFFFFF,#F1F8FC)!important;border-color:var(--bako-home-line-strong)!important;box-shadow:0 18px 42px -31px rgba(22,73,101,.34),inset 0 1px #fff!important; } :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .bako-home-about-mark img{ opacity:.72;filter:contrast(1.12) brightness(.72) drop-shadow(0 0 8px color-mix(in srgb,var(--bako-brand) 24%,transparent))!important; } /* Runtime-added Startups item uses the exact geometry of authored nav links. */ body.bako-aurora-ui header .vertical-menu .bako-dynamic-startup-menu-item>a>i{color:var(--bako-brand);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--bako-brand) 32%,transparent))} @media (max-width:991px){ body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid{padding:20px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid>.elementor-container>.elementor-row{grid-template-columns:1fr!important;gap:16px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .bako-contact-info-column{order:1} body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-grid .bako-contact-form-column{order:2} } @media (max-width:767px){ body.bako-aurora-ui.page-template-page-onepage .bako-home-services-section{padding-top:24px!important;padding-bottom:24px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap{grid-template-rows:146px!important;grid-auto-rows:146px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-contact-section{padding-top:30px!important;padding-bottom:28px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-about-mark{width:min(138px,44vw)!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-about-mark img{max-height:260px!important} } @media (max-width:480px){ body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid{padding:14px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row{gap:10px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap{min-height:128px!important;padding:12px 8px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon>.elementor-widget-container{width:48px!important;height:48px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon i.icon-circle, body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon i{width:38px!important;height:38px!important;font-size:1rem!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap{grid-template-rows:140px!important;grid-auto-rows:140px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item{padding:14px 9px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item h4{font-size:.82rem!important;line-height:1.48!important} } @media (prefers-reduced-motion:reduce){ body.bako-aurora-ui.page-template-page-onepage .bako-home-about-mark>.elementor-widget-container::before{animation:none!important;transform:rotate(28deg)!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon>.elementor-widget-container::before{animation:none!important;transform:rotate(22deg)!important} } /* 1.4.1 performance budget: keep Aurora character while reducing mobile paint. */ @media (max-width:767px){ body.bako-aurora-ui .bako-aurora-blob-c,body.bako-aurora-ui .bako-aurora-noise{display:none!important} body.bako-aurora-ui .bako-aurora-blob{filter:blur(12px);opacity:.42} body.bako-aurora-ui .bako-aurora-prism{filter:drop-shadow(0 0 20px color-mix(in srgb,var(--bako-brand) 22%,transparent))} } /* 1.4.1 performance: fixed backgrounds force expensive repaint during touch scrolling on many mobile GPUs. The visual stays identical at rest. */ @media (max-width:991px){ body.bako-aurora-ui.page-template-page-onepage .elementor-top-section{ background-attachment:scroll!important; } } /* ========================================================== Aurora 1.4.2 — visual regression recovery Compact one-page headings, deterministic service geometry, higher-contrast neon KPI instruments and an independent startup halo. ========================================================== */ /* Section headings on the one-page portfolio should lead the section without overwhelming it. This deliberately affects the Bako section-title component only, so headings authored inside normal body copy keep their typography. */ body.bako-aurora-ui.page-template-page-onepage .section-title{ font-size:clamp(1.12rem,1.55vw,1.48rem)!important; line-height:1.42!important; margin-block-end:1.35rem!important; } body.bako-aurora-ui.page-template-page-onepage .section-title::after{width:68px;height:3px;margin-top:10px} /* Services: make the actual saved Elementor structure deterministic. Desktop = one inner section / three columns / two service widgets each. Responsive = three inner sections / two columns / one service each. Explicitly separating those authored variants prevents Elementor visibility CSS or an old generated height from stacking both versions on top of each other. */ body.bako-aurora-ui.page-template-page-onepage .bako-home-services-section{ min-height:0!important;height:auto!important;overflow:hidden!important; padding-top:28px!important;padding-bottom:28px!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-services-section :where(.elementor-container,.elementor-row,.elementor-column,.elementor-column-wrap,.elementor-widget-wrap){ min-height:0!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid{ position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important; min-height:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row{ width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important; margin:0!important;padding:0!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row{ display:grid!important;gap:16px!important;align-items:start!important;overflow:visible!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row>.elementor-column{ position:relative!important;inset:auto!important;width:auto!important;max-width:none!important; min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important; align-self:start!important;overflow:visible!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap{ position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important; min-height:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .elementor-widget-spacer{display:none!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .elementor-widget-bako-service, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .elementor-widget-bako-service>.elementor-widget-container, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item{ position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important; min-width:0!important;margin:0!important;box-sizing:border-box!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item{ display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important; min-height:0!important;padding:13px 11px!important;overflow:hidden!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item .icon-simple{ flex:0 0 auto;width:44px!important;height:44px!important;margin:0 0 8px!important;border-radius:13px!important;font-size:1.1rem!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item h4{ width:100%!important;min-height:0!important;margin:0!important;padding:0 2px!important; display:block!important;font-size:clamp(.78rem,.88vw,.9rem)!important;line-height:1.48!important;text-align:center!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item p{display:none!important} @media(min-width:1025px){ body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--desktop{display:block!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive{display:none!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--desktop>.elementor-container>.elementor-row{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--desktop>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--desktop>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap{ display:grid!important;grid-template-columns:minmax(0,1fr)!important; grid-template-rows:repeat(2,148px)!important;grid-auto-rows:148px!important;gap:16px!important;align-content:start!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--desktop .elementor-widget-bako-service, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--desktop .elementor-widget-bako-service>.elementor-widget-container, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--desktop .service-item{ height:148px!important;min-height:148px!important;max-height:148px!important; } } @media(max-width:1024px){ body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--desktop{display:none!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive{display:block!important;margin-bottom:12px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive:last-of-type{margin-bottom:0!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive>.elementor-container>.elementor-row{ grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive>.elementor-container>.elementor-row>.elementor-column>.elementor-widget-wrap{ display:block!important;height:auto!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive .elementor-widget-bako-service, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive .elementor-widget-bako-service>.elementor-widget-container, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive .service-item{ height:142px!important;min-height:142px!important;max-height:142px!important; } } @media(max-width:480px){ body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive>.elementor-container>.elementor-row{gap:10px!important} body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive .elementor-widget-bako-service, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive .elementor-widget-bako-service>.elementor-widget-container, body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid--responsive .service-item{ height:136px!important;min-height:136px!important;max-height:136px!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-service-grid .service-item h4{font-size:.78rem!important} } /* KPI instruments: switch from a filled blue tile to a real glass/neon glyph so the coffee/bulb/smile/thumb icons visually belong to the Aurora system. */ body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon>.elementor-widget-container{ width:54px!important;height:54px!important;border-radius:18px!important; background:linear-gradient(150deg,rgba(12,34,48,.94),rgba(24,27,65,.9))!important; border:1px solid color-mix(in srgb,var(--bako-brand) 56%,var(--bako-line))!important; box-shadow:0 0 0 1px color-mix(in srgb,var(--bako-brand-2) 13%,transparent), 0 0 15px color-mix(in srgb,var(--bako-brand) 34%,transparent), 0 0 32px color-mix(in srgb,var(--bako-brand-2) 22%,transparent), inset 0 1px rgba(255,255,255,.1)!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon>.elementor-widget-container::before{ inset:-9px!important;filter:blur(8px)!important;opacity:.72!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon i.icon-circle, body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon i{ width:44px!important;height:44px!important;border-radius:15px!important;background:transparent!important; color:#62E6FF!important;text-shadow:0 0 7px rgba(34,199,242,.95),0 0 16px rgba(123,97,255,.62)!important; box-shadow:inset 0 0 18px rgba(34,199,242,.08)!important; } :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon>.elementor-widget-container{ background:linear-gradient(145deg,#F8FDFF,#EEF2FF)!important; box-shadow:0 0 0 1px rgba(34,199,242,.16),0 0 18px rgba(34,199,242,.18),0 14px 30px -24px rgba(29,72,110,.38)!important; } :root[data-bako-theme="light"] body.bako-aurora-ui.page-template-page-onepage .bako-home-facts-grid .bako-home-fact-icon i{color:#087FA7!important;text-shadow:0 0 12px rgba(34,199,242,.28)!important} /* Startup frame is independent of the optional global orbit toggle. */ body.bako-aurora-ui.page-template-page-onepage .bako-home-startup-box{ position:relative!important;isolation:isolate!important;overflow:hidden!important; } body.bako-aurora-ui.page-template-page-onepage .bako-home-startup-box>.bako-startup-orbit-ring{ position:absolute;z-index:8;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden;padding:2px; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; } body.bako-aurora-ui.page-template-page-onepage .bako-home-startup-box>.bako-startup-orbit-ring::before{ content:"";position:absolute;inset:-60%;background:conic-gradient(from 0turn,transparent 0 31%,#22C7F2 38%,#7B61FF 45%,transparent 52% 79%,rgba(34,199,242,.62) 85%,transparent 91%); animation:bako-startup-dedicated-orbit 6.2s linear infinite;animation-play-state:paused; } body.bako-aurora-ui.page-template-page-onepage .bako-home-startup-box>.bako-startup-orbit-ring::after{ content:"";position:absolute;inset:2px;border-radius:inherit;background:transparent; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bako-brand) 32%,transparent),0 0 20px color-mix(in srgb,var(--bako-brand) 18%,transparent); } body.bako-aurora-ui.page-template-page-onepage .bako-home-startup-box.is-bako-ambient-visible>.bako-startup-orbit-ring::before{animation-play-state:running} @keyframes bako-startup-dedicated-orbit{to{transform:rotate(1turn)}} @media(prefers-reduced-motion:reduce){ body.bako-aurora-ui.page-template-page-onepage .bako-home-startup-box>.bako-startup-orbit-ring::before{animation:none!important} } /* ========================================================== Aurora 1.4.7 — connected one-page section-title accent ========================================================== */ /* One pseudo-element paints both the dot and the rule. This removes the geometry drift that appeared after the one-page heading size was reduced. */ body.bako-aurora-ui.page-template-page-onepage .section-title::before{ display:none!important; content:none!important; } body.bako-aurora-ui.page-template-page-onepage .section-title::after{ content:""!important; display:block!important; width:77px!important; height:9px!important; margin-top:10px!important; margin-inline-start:0!important; border-radius:0!important; background: radial-gradient(circle at 4.5px 50%,#7B61FF 0 4px,transparent 4.7px), linear-gradient(to left,#22C7F2,#4C8DFF 55%,#7B61FF)!important; background-repeat:no-repeat!important; background-size:9px 9px,68px 3px!important; background-position:left center,right center!important; box-shadow:none!important; filter:drop-shadow(0 0 7px rgba(123,97,255,.38)); } html[dir="ltr"] body.bako-aurora-ui.page-template-page-onepage .section-title::after{ background: radial-gradient(circle at calc(100% - 4.5px) 50%,#7B61FF 0 4px,transparent 4.7px), linear-gradient(to right,#22C7F2,#4C8DFF 55%,#7B61FF)!important; background-repeat:no-repeat!important; background-size:9px 9px,68px 3px!important; background-position:right center,left center!important; } /* ========================================================== Aurora 1.4.8 — mobile clarity + touch-scroll performance The former seven-layer fixed progressive blur was visually muddy on small screens and forced expensive backdrop re-rasterization while scrolling. Mobile now uses crisp opaque-enough glass surfaces with zero viewport blur. ========================================================== */ .bako-progressive-blur{display:none!important} @media (max-width:991px){ body.bako-aurora-ui .mobile-header{ background: linear-gradient(145deg, color-mix(in srgb,var(--bako-surface-1) 98%,var(--bako-night) 2%), color-mix(in srgb,var(--bako-surface-2) 96%,var(--bako-night) 4%))!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; box-shadow:0 16px 38px -30px rgba(0,0,0,.82),inset 0 1px rgba(255,255,255,.035)!important; } /* Full-width glass panels are the main mobile repaint cost. Their backgrounds are already opaque enough to preserve the Aurora look without live blur. */ body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section, body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section-wrap>.elementor-section, body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.e-con, body.bako-aurora-ui :where(.background-white,.white-bg,.shadow-blue,.shadow-dark,.blog-item-standard,.blog-single,.single-portfolio,.not-found,.no-search-result,.comments-area,.comments-box){ -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } /* Search/lightbox blur remains off until explicitly opened, while ordinary scrolling does not keep hidden expensive backdrop layers alive. */ body:not(.bako-search-open).bako-aurora-ui .search-popup{ -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } } @media (max-width:767px){ /* Keep the ambient identity with one cheap radial field; remove continuously filtered fixed layers that offer little visual value on a phone. */ body.bako-aurora-ui .bako-aurora-prism, body.bako-aurora-ui .bako-aurora-blob-b, body.bako-aurora-ui .bako-aurora-blob-c, body.bako-aurora-ui .bako-aurora-noise{display:none!important} body.bako-aurora-ui .bako-aurora-blob-a{ filter:none!important; opacity:.34!important; width:480px!important; height:480px!important; } body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section, body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.elementor-section-wrap>.elementor-section, body.bako-aurora-ui.page-template-page-onepage main.content>.elementor>.e-con{ box-shadow:0 18px 46px -40px rgba(0,0,0,.9),inset 0 1px rgba(255,255,255,.022)!important; } /* Let the browser own vertical touch gestures directly. */ html,body{overscroll-behavior-x:none} } /* WAAPI reveal does not require permanent compositor layers. */ .bako-native-reveal{will-change:auto!important} @media (hover:none) and (pointer:coarse){ body.bako-aurora-ui .portfolio-item .mask, body.bako-aurora-ui .portfolio-item .plus-icon, body.bako-aurora-ui #return-to-top{ -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } body.bako-aurora-ui .portfolio-item .mask{ background:linear-gradient(145deg,rgba(4,13,20,.9),color-mix(in srgb,var(--bako-brand-deep) 88%,var(--bako-night)) 62%,color-mix(in srgb,var(--bako-brand-2) 35%,var(--bako-night)))!important; } }