/* ==========================================================================
   LACAK.IO STYLE PREVIEW — homepage only (post 17116)
   Purpose : trial restyle of dilacak.com's main page to visually align with
             the lacak.io reference (color palette + typography).
   Scope   : only selectors that already exist in post-17116.css — no
             structural/layout changes, colors + font only.
   Revert  : delete this file and its loader
             (wp-content/mu-plugins/lacak-style-preview.php) — one step,
             takes effect immediately, no DB changes were made.
   ========================================================================== */

/* --- Typography: switch to Figtree (lacak.io's font) -------------------- */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap');

body,
.dbl__subtitle,
.dbl__title,
.elementor-heading-title,
.techwix-btn,
p, li, span, a {
  font-family: 'Figtree', 'Barlow', sans-serif;
}
/* keep icon fonts untouched */
[class*="flaticon-"], [class*="fa-"], .fa, i.flaticon, .elementor-icon i {
  font-family: inherit;
}

/* --- Color palette: dilacak blue/amber -> lacak.io blue/teal ------------ */

/* hero decorative circles (light->blue radial blends) */
.elementor-17116 .elementor-element.elementor-element-ebc7aa3 .techwix-animation-widget .techwix-animation-widget-color {
  background-image: linear-gradient(280deg, #E3F6F4 0%, #17A0D9 87%) !important;
}
.elementor-17116 .elementor-element.elementor-element-f7faba0 .techwix-animation-widget .techwix-animation-widget-color {
  background-image: linear-gradient(75deg, #17A0D9 7%, #E3F6F4 100%) !important;
}

/* dark section background (was navy-blue) -> lacak slate */
.elementor-17116 .elementor-element.elementor-element-f648f74:not(.elementor-motion-effects-element-type-background),
.elementor-17116 .elementor-element.elementor-element-f648f74 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #1E293B !important;
}

/* eyebrow / kicker labels above section headings */
.elementor-17116 .elementor-element.elementor-element-6168b1d .dbl__subtitle,
.elementor-17116 .elementor-element.elementor-element-af935fd .dbl__subtitle span:before,
.elementor-17116 .elementor-element.elementor-element-6168b1d .dbl__subtitle span:before,
.elementor-17116 .elementor-element.elementor-element-9e03f8a .dbl__subtitle span:before,
.elementor-17116 .elementor-element.elementor-element-980e64c .dbl__subtitle span:before {
  color: #17A0D9 !important;
}

/* muted subtitle text -> lacak slate gray */
.elementor-17116 .elementor-element.elementor-element-9e03f8a .dbl__subtitle,
.elementor-17116 .elementor-element.elementor-element-980e64c .dbl__subtitle {
  color: #475569 !important;
}

/* section background tint (was cream) -> lacak light blue-gray */
.elementor-17116 .elementor-element.elementor-element-e4d4b40:not(.elementor-motion-effects-element-type-background),
.elementor-17116 .elementor-element.elementor-element-e4d4b40 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-17116 .elementor-element.elementor-element-d2e1d65:not(.elementor-motion-effects-element-type-background),
.elementor-17116 .elementor-element.elementor-element-d2e1d65 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #F0F5FA !important;
}

/* small accent labels (was amber) -> lacak teal */
.elementor-17116 .elementor-element.elementor-element-db62abd .elementor-heading-title,
.elementor-17116 .elementor-element.elementor-element-13c000b .elementor-heading-title {
  color: #3CBEAF !important;
}

/* decorative gradient blob (blue->blue) -> lacak blue->teal */
.elementor-17116 .elementor-element.elementor-element-8b58131:not(.elementor-motion-effects-element-type-background),
.elementor-17116 .elementor-element.elementor-element-8b58131 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: linear-gradient(90deg, #17A0D9 0%, #3CBEAF 100%) !important;
}

/* primary CTA button (was orange gradient) -> lacak blue->teal gradient */
.elementor-17116 .elementor-element.elementor-element-3f122ab .techwix-btn {
  background-image: linear-gradient(195deg, #17A0D9 0%, #3CBEAF 100%) !important;
}

/* secondary/outline button text + accents (was blue #086AD8) -> lacak primary blue */
.elementor-17116 .elementor-element.elementor-element-fea14d7 .techwix-btn {
  color: #17A0D9 !important;
}
.elementor-17116 .elementor-element.elementor-element-fea14d7 .techwix-btn:before,
.elementor-17116 .elementor-element.elementor-element-fea14d7 .techwix-btn:after {
  background-color: #17A0D9 !important;
}