/* ==========================================================================
   LACAK.IO STYLE PREVIEW — "Solusi" menu pages (7 pages, shared template)
   Pages: optimisasi-rute-ai, cold-chain, manajemen-keamanan, pelacakan-muatan,
          prediksi-masa-pakai, pelacakan-alat-berat, real-time-eta-penumpang
   (post IDs: 16700, 18023, 17050, 16721, 17000, 16962, 17031)
   Same approach as the homepage preview: colors + font only, no structural
   changes. These 7 pages share one identical Elementor template/element IDs,
   confirmed by diffing their generated CSS, so one stylesheet covers all.
   Revert: delete this file and remove its enqueue line in
           lacak-style-preview.php.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap');

.elementor-16700 body,
.elementor-18023 body,
.elementor-17050 body,
.elementor-16721 body,
.elementor-17000 body,
.elementor-16962 body,
.elementor-17031 body,
body {
  font-family: 'Figtree', 'Barlow', sans-serif;
}
.elementor-16700 .dbl__subtitle,
.elementor-18023 .dbl__subtitle,
.elementor-17050 .dbl__subtitle,
.elementor-16721 .dbl__subtitle,
.elementor-17000 .dbl__subtitle,
.elementor-16962 .dbl__subtitle,
.elementor-17031 .dbl__subtitle,
.elementor-16700 .dbl__title,
.elementor-18023 .dbl__title,
.elementor-17050 .dbl__title,
.elementor-16721 .dbl__title,
.elementor-17000 .dbl__title,
.elementor-16962 .dbl__title,
.elementor-17031 .dbl__title,
.elementor-16700 .elementor-heading-title,
.elementor-18023 .elementor-heading-title,
.elementor-17050 .elementor-heading-title,
.elementor-16721 .elementor-heading-title,
.elementor-17000 .elementor-heading-title,
.elementor-16962 .elementor-heading-title,
.elementor-17031 .elementor-heading-title,
.elementor-16700 .techwix-btn,
.elementor-18023 .techwix-btn,
.elementor-17050 .techwix-btn,
.elementor-16721 .techwix-btn,
.elementor-17000 .techwix-btn,
.elementor-16962 .techwix-btn,
.elementor-17031 .techwix-btn {
  font-family: 'Figtree', 'Barlow', sans-serif;
}
[class*="flaticon-"], [class*="fa-"], .fa, i.flaticon, .elementor-icon i {
  font-family: inherit;
}

/* primary CTA button gradient (was blue->light blue) -> lacak blue->teal */
.elementor-16700 .elementor-element.elementor-element-a4acd96 .techwix-btn,
.elementor-18023 .elementor-element.elementor-element-a4acd96 .techwix-btn,
.elementor-17050 .elementor-element.elementor-element-a4acd96 .techwix-btn,
.elementor-16721 .elementor-element.elementor-element-a4acd96 .techwix-btn,
.elementor-17000 .elementor-element.elementor-element-a4acd96 .techwix-btn,
.elementor-16962 .elementor-element.elementor-element-a4acd96 .techwix-btn,
.elementor-17031 .elementor-element.elementor-element-a4acd96 .techwix-btn {
  background-image: linear-gradient(195deg, #17A0D9 0%, #3CBEAF 100%) !important;
}

/* card border (was plain gray) -> lacak cool gray */
.elementor-16700 .elementor-element.elementor-element-6137c25 > .elementor-widget-container,
.elementor-18023 .elementor-element.elementor-element-6137c25 > .elementor-widget-container,
.elementor-17050 .elementor-element.elementor-element-6137c25 > .elementor-widget-container,
.elementor-16721 .elementor-element.elementor-element-6137c25 > .elementor-widget-container,
.elementor-17000 .elementor-element.elementor-element-6137c25 > .elementor-widget-container,
.elementor-16962 .elementor-element.elementor-element-6137c25 > .elementor-widget-container,
.elementor-17031 .elementor-element.elementor-element-6137c25 > .elementor-widget-container {
  border-color: #D1D5DB !important;
}

/* light section background (was pale cyan) -> lacak light blue-gray */
.elementor-16700 .elementor-element.elementor-element-7c3e4ad:not(.elementor-motion-effects-element-type-background),
.elementor-18023 .elementor-element.elementor-element-7c3e4ad:not(.elementor-motion-effects-element-type-background),
.elementor-17050 .elementor-element.elementor-element-7c3e4ad:not(.elementor-motion-effects-element-type-background),
.elementor-16721 .elementor-element.elementor-element-7c3e4ad:not(.elementor-motion-effects-element-type-background),
.elementor-17000 .elementor-element.elementor-element-7c3e4ad:not(.elementor-motion-effects-element-type-background),
.elementor-16962 .elementor-element.elementor-element-7c3e4ad:not(.elementor-motion-effects-element-type-background),
.elementor-17031 .elementor-element.elementor-element-7c3e4ad:not(.elementor-motion-effects-element-type-background),
.elementor-16700 .elementor-element.elementor-element-7c3e4ad > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-18023 .elementor-element.elementor-element-7c3e4ad > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-17050 .elementor-element.elementor-element-7c3e4ad > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-16721 .elementor-element.elementor-element-7c3e4ad > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-17000 .elementor-element.elementor-element-7c3e4ad > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-16962 .elementor-element.elementor-element-7c3e4ad > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-17031 .elementor-element.elementor-element-7c3e4ad > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #F0F5FA !important;
}

/* decorative banner gradient (was blue->blue) -> lacak blue->teal */
.elementor-16700 .elementor-element.elementor-element-34bb64c:not(.elementor-motion-effects-element-type-background),
.elementor-18023 .elementor-element.elementor-element-34bb64c:not(.elementor-motion-effects-element-type-background),
.elementor-17050 .elementor-element.elementor-element-34bb64c:not(.elementor-motion-effects-element-type-background),
.elementor-16721 .elementor-element.elementor-element-34bb64c:not(.elementor-motion-effects-element-type-background),
.elementor-17000 .elementor-element.elementor-element-34bb64c:not(.elementor-motion-effects-element-type-background),
.elementor-16962 .elementor-element.elementor-element-34bb64c:not(.elementor-motion-effects-element-type-background),
.elementor-17031 .elementor-element.elementor-element-34bb64c:not(.elementor-motion-effects-element-type-background),
.elementor-16700 .elementor-element.elementor-element-34bb64c > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-18023 .elementor-element.elementor-element-34bb64c > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-17050 .elementor-element.elementor-element-34bb64c > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-16721 .elementor-element.elementor-element-34bb64c > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-17000 .elementor-element.elementor-element-34bb64c > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-16962 .elementor-element.elementor-element-34bb64c > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-17031 .elementor-element.elementor-element-34bb64c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: linear-gradient(90deg, #17A0D9 0%, #3CBEAF 100%) !important;
}

/* icon circle background (was pure black) -> lacak dark slate */
.elementor-16700 .elementor-element.elementor-element-ab376d7:not(.elementor-motion-effects-element-type-background),
.elementor-18023 .elementor-element.elementor-element-ab376d7:not(.elementor-motion-effects-element-type-background),
.elementor-17050 .elementor-element.elementor-element-ab376d7:not(.elementor-motion-effects-element-type-background),
.elementor-16721 .elementor-element.elementor-element-ab376d7:not(.elementor-motion-effects-element-type-background),
.elementor-17000 .elementor-element.elementor-element-ab376d7:not(.elementor-motion-effects-element-type-background),
.elementor-16962 .elementor-element.elementor-element-ab376d7:not(.elementor-motion-effects-element-type-background),
.elementor-17031 .elementor-element.elementor-element-ab376d7:not(.elementor-motion-effects-element-type-background),
.elementor-16700 .elementor-element.elementor-element-ab376d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-18023 .elementor-element.elementor-element-ab376d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-17050 .elementor-element.elementor-element-ab376d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-16721 .elementor-element.elementor-element-ab376d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-17000 .elementor-element.elementor-element-ab376d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-16962 .elementor-element.elementor-element-ab376d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-17031 .elementor-element.elementor-element-ab376d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #1E293B !important;
}

/* outline/secondary button text + accents (was blue #086AD8) -> lacak primary blue */
.elementor-16700 .elementor-element.elementor-element-d74954e .techwix-btn,
.elementor-18023 .elementor-element.elementor-element-d74954e .techwix-btn,
.elementor-17050 .elementor-element.elementor-element-d74954e .techwix-btn,
.elementor-16721 .elementor-element.elementor-element-d74954e .techwix-btn,
.elementor-17000 .elementor-element.elementor-element-d74954e .techwix-btn,
.elementor-16962 .elementor-element.elementor-element-d74954e .techwix-btn,
.elementor-17031 .elementor-element.elementor-element-d74954e .techwix-btn {
  color: #17A0D9 !important;
}
.elementor-16700 .elementor-element.elementor-element-d74954e .techwix-btn:before,
.elementor-18023 .elementor-element.elementor-element-d74954e .techwix-btn:before,
.elementor-17050 .elementor-element.elementor-element-d74954e .techwix-btn:before,
.elementor-16721 .elementor-element.elementor-element-d74954e .techwix-btn:before,
.elementor-17000 .elementor-element.elementor-element-d74954e .techwix-btn:before,
.elementor-16962 .elementor-element.elementor-element-d74954e .techwix-btn:before,
.elementor-17031 .elementor-element.elementor-element-d74954e .techwix-btn:before,
.elementor-16700 .elementor-element.elementor-element-d74954e .techwix-btn:after,
.elementor-18023 .elementor-element.elementor-element-d74954e .techwix-btn:after,
.elementor-17050 .elementor-element.elementor-element-d74954e .techwix-btn:after,
.elementor-16721 .elementor-element.elementor-element-d74954e .techwix-btn:after,
.elementor-17000 .elementor-element.elementor-element-d74954e .techwix-btn:after,
.elementor-16962 .elementor-element.elementor-element-d74954e .techwix-btn:after,
.elementor-17031 .elementor-element.elementor-element-d74954e .techwix-btn:after {
  background-color: #17A0D9 !important;
}