/* Language Switcher — Universal Dropdown (all sites) */
p.header-lang {
  overflow: visible !important;
  cursor: pointer;
  top: 38px !important;
  bottom: auto !important;
}

/* Button alignment fix */
.wp-block-buttons.is-content-justification-center {
  justify-content: center !important;
}

/* Features pages — hide post title & remove top whitespace */
.page-id-560 .wp-block-post-title,
.page-id-561 .wp-block-post-title,
.page-id-562 .wp-block-post-title {
  display: none !important;
}
.page-id-560 main.wp-block-group,
.page-id-561 main.wp-block-group,
.page-id-562 main.wp-block-group {
  margin-top: -35px !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-id-560 .wp-block-spacer,
.page-id-561 .wp-block-spacer,
.page-id-562 .wp-block-spacer {
  display: none !important;
}
.page-id-560 .entry-content,
.page-id-561 .entry-content,
.page-id-562 .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.page-id-560 .entry-content > p,
.page-id-561 .entry-content > p,
.page-id-562 .entry-content > p {
  display: none !important;
  margin: 0 !important;
}
.page-id-560 .entry-content > div,
.page-id-561 .entry-content > div,
.page-id-562 .entry-content > div {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}
.page-id-560 .wp-block-post-content.has-global-padding,
.page-id-561 .wp-block-post-content.has-global-padding,
.page-id-562 .wp-block-post-content.has-global-padding {
  max-width: 100% !important;
  width: 100% !important;
}
.page-id-560 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-561 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-562 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* === Remove white space gap above hero (page 519 test) === */
body.page-id-519 #wp--skip-link--target {
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}
body.page-id-519 .entry-content {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  padding-top: 0 !important;
}
body.page-id-519 #heroParallaxContainer,
body.page-id-519 .wp-block-group > *:first-child {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}

/* ============================================================
   SCROLL-DRIVEN HERO ANIMATION v2 (Chrome 115+ / Safari 17.2+)
   Uses animation longhands to avoid shorthand resetting animation-timeline.
   Scroll ranges: 0px = page load, 1278px = animation complete.
     Truck zoom+fade:  0 → 511px  (40%)
     Text fade-out:    0 → 422px  (33%)
     Content fade-in: 511 → 894px (40–70%)
     Dock scale:       0 → 1278px (full)
     Overlay fade:     0 → 1022px (80%)
============================================================ */

@keyframes df-truck-anim {
  from { transform: scale(1) translateZ(0); opacity: 1; }
  to   { transform: scale(4) translateZ(0); opacity: 0; }
}
@keyframes df-text-init-anim {
  from { opacity: 1; }
  to   { opacity: 0; }
}
@keyframes df-content-anim {
  from { opacity: 0; transform: translateY(60px); }
  to   { opacity: 1; transform: translateY(0px); }
}
@keyframes df-dock-anim {
  from { transform: scale(1); }
  to   { transform: scale(1.5); }
}
@keyframes df-overlay-anim {
  from { opacity: 0.4; }
  to   { opacity: 0; }
}

@supports (animation-timeline: scroll()) {

  #heroLayerTruck {
    animation-name: df-truck-anim;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-duration: auto;
    animation-timeline: scroll(root block);
    animation-range-start: 0px;
    animation-range-end: 511px;
  }

  #heroLayerTextInitial {
    animation-name: df-text-init-anim;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-duration: auto;
    animation-timeline: scroll(root block);
    animation-range-start: 0px;
    animation-range-end: 422px;
  }

  #heroLayerContent {
    opacity: 0;
    animation-name: df-content-anim;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-duration: auto;
    animation-timeline: scroll(root block);
    animation-range-start: 511px;
    animation-range-end: 894px;
  }

  #heroLayerDock {
    animation-name: df-dock-anim;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-duration: auto;
    animation-timeline: scroll(root block);
    animation-range-start: 0px;
    animation-range-end: 1278px;
  }

  #heroDockOverlay {
    animation-name: df-overlay-anim;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-duration: auto;
    animation-timeline: scroll(root block);
    animation-range-start: 0px;
    animation-range-end: 1022px;
  }

}

/* ── Dark theme: header + page background #0D1017 ── */
/* Header background */
header.wp-block-template-part {
  background: linear-gradient(to bottom, hsl(226 71% 40% / 0.3), hsl(226 71% 40% / 0)), #0D1017 !important;
}
header.wp-block-template-part .wp-block-group.alignfull.has-background {
  background-color: transparent !important;
}

/* Header text, nav links */
header.wp-block-template-part a,
header.wp-block-template-part p,
header.wp-block-template-part span,
header.wp-block-template-part li,
header.wp-block-template-part .wp-block-navigation-item__content {
  color: #ffffff !important;
}

/* Header CTA button — white on dark */
header.wp-block-template-part .wp-block-button__link {
  background-color: #ffffff !important;
  color: #0D1017 !important;
  border-radius: 8px !important;
}

/* Page / site background */
body,
.wp-site-blocks {
  background-color: #0D1017 !important;
}

/* ── Page 519 preview: Features (5) / Use Cases (7) / Pricing (10) section backgrounds ── */
./* Page 519 — distinct section backgrounds */
.page-id-519 .entry-content > *:nth-child(2) {
  background: #ffffff !important;
}
.page-id-519 .entry-content > *:nth-child(5) {
  background: #eef1fc !important;
}
.page-id-519 .entry-content > *:nth-child(7) {
  background: #f5f5f0 !important;
}
.page-id-519 .entry-content > *:nth-child(9) {
  background: #1a2451 !important;
}
.page-id-519 .entry-content > *:nth-child(10) {
  background: #f0f6ff !important;
}
.page-id-519 .entry-content > *:nth-child(12) {
  background: #e8edf8 !important;
}
/* page-519-whitespace — Eliminate gaps between sections */
.page-id-519 .entry-content > hr {
  display: none !important;
  margin: 0 !important;
}
.page-id-519 .entry-content > p {
  display: none !important;
  margin: 0 !important;
}
.page-id-519 .entry-content > div {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ============================================================
   Homepage (214 / 268 / 271) — Migrated from page 519
   ============================================================ */

/* Hide post title & remove top whitespace on homepages */
.page-id-214 .wp-block-post-title,
.page-id-268 .wp-block-post-title,
.page-id-271 .wp-block-post-title {
  display: none !important;
}
.page-id-214 main.wp-block-group,
.page-id-268 main.wp-block-group,
.page-id-271 main.wp-block-group {
  margin-top: -35px !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-id-214 .wp-block-spacer,
.page-id-268 .wp-block-spacer,
.page-id-271 .wp-block-spacer {
  display: none !important;
}
.page-id-214 .entry-content,
.page-id-268 .entry-content,
.page-id-271 .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.page-id-214 .entry-content > p,
.page-id-268 .entry-content > p,
.page-id-271 .entry-content > p {
  display: none !important;
  margin: 0 !important;
}
.page-id-214 .entry-content > div,
.page-id-268 .entry-content > div,
.page-id-271 .entry-content > div {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}
.page-id-214 .wp-block-post-content.has-global-padding,
.page-id-268 .wp-block-post-content.has-global-padding,
.page-id-271 .wp-block-post-content.has-global-padding {
  max-width: 100% !important;
  width: 100% !important;
}
.page-id-214 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-268 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-271 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Section background gradients (same nth-child positions as page 519) */
.page-id-214 .entry-content > *:nth-child(4),
.page-id-214 .entry-content > *:nth-child(6),
.page-id-214 .entry-content > *:nth-child(9),
.page-id-268 .entry-content > *:nth-child(6),
.page-id-268 .entry-content > *:nth-child(8),
.page-id-268 .entry-content > *:nth-child(11),
.page-id-271 .entry-content > *:nth-child(6),
.page-id-271 .entry-content > *:nth-child(8),
.page-id-271 .entry-content > *:nth-child(11) {
  background: linear-gradient(to bottom, hsl(226 71% 40% / 0.3), hsl(226 71% 40% / 0)) !important;
}

/* Arabic homepage (271) — RTL layout */
.page-id-271 .entry-content .alignfull,
.page-id-271 .entry-content > div {
  direction: rtl;
  text-align: right;
}


/* =====================================================
   Industry pages — hide post title & flush under header
   Parent: 680(eng) 682(tur) 681(ara)
   Sub-eng: 683 684 685 686
   Sub-tur: 687 688 689 690
   Sub-ara: 691 692 693 694
   ===================================================== */

.page-id-680 .wp-block-post-title,
.page-id-681 .wp-block-post-title,
.page-id-682 .wp-block-post-title,
.page-id-683 .wp-block-post-title,
.page-id-684 .wp-block-post-title,
.page-id-685 .wp-block-post-title,
.page-id-686 .wp-block-post-title,
.page-id-687 .wp-block-post-title,
.page-id-688 .wp-block-post-title,
.page-id-689 .wp-block-post-title,
.page-id-690 .wp-block-post-title,
.page-id-691 .wp-block-post-title,
.page-id-692 .wp-block-post-title,
.page-id-693 .wp-block-post-title,
.page-id-694 .wp-block-post-title {
  display: none !important;
}

.page-id-680 main.wp-block-group,
.page-id-681 main.wp-block-group,
.page-id-682 main.wp-block-group,
.page-id-683 main.wp-block-group,
.page-id-684 main.wp-block-group,
.page-id-685 main.wp-block-group,
.page-id-686 main.wp-block-group,
.page-id-687 main.wp-block-group,
.page-id-688 main.wp-block-group,
.page-id-689 main.wp-block-group,
.page-id-690 main.wp-block-group,
.page-id-691 main.wp-block-group,
.page-id-692 main.wp-block-group,
.page-id-693 main.wp-block-group,
.page-id-694 main.wp-block-group {
  margin-top: -35px !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.page-id-680 .wp-block-spacer,
.page-id-681 .wp-block-spacer,
.page-id-682 .wp-block-spacer,
.page-id-683 .wp-block-spacer,
.page-id-684 .wp-block-spacer,
.page-id-685 .wp-block-spacer,
.page-id-686 .wp-block-spacer,
.page-id-687 .wp-block-spacer,
.page-id-688 .wp-block-spacer,
.page-id-689 .wp-block-spacer,
.page-id-690 .wp-block-spacer,
.page-id-691 .wp-block-spacer,
.page-id-692 .wp-block-spacer,
.page-id-693 .wp-block-spacer,
.page-id-694 .wp-block-spacer {
  display: none !important;
}

.page-id-680 .entry-content,
.page-id-681 .entry-content,
.page-id-682 .entry-content,
.page-id-683 .entry-content,
.page-id-684 .entry-content,
.page-id-685 .entry-content,
.page-id-686 .entry-content,
.page-id-687 .entry-content,
.page-id-688 .entry-content,
.page-id-689 .entry-content,
.page-id-690 .entry-content,
.page-id-691 .entry-content,
.page-id-692 .entry-content,
.page-id-693 .entry-content,
.page-id-694 .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.page-id-680 .entry-content > p,
.page-id-681 .entry-content > p,
.page-id-682 .entry-content > p,
.page-id-683 .entry-content > p,
.page-id-684 .entry-content > p,
.page-id-685 .entry-content > p,
.page-id-686 .entry-content > p,
.page-id-687 .entry-content > p,
.page-id-688 .entry-content > p,
.page-id-689 .entry-content > p,
.page-id-690 .entry-content > p,
.page-id-691 .entry-content > p,
.page-id-692 .entry-content > p,
.page-id-693 .entry-content > p,
.page-id-694 .entry-content > p {
  display: none !important;
  margin: 0 !important;
}

.page-id-680 .entry-content > div,
.page-id-681 .entry-content > div,
.page-id-682 .entry-content > div,
.page-id-683 .entry-content > div,
.page-id-684 .entry-content > div,
.page-id-685 .entry-content > div,
.page-id-686 .entry-content > div,
.page-id-687 .entry-content > div,
.page-id-688 .entry-content > div,
.page-id-689 .entry-content > div,
.page-id-690 .entry-content > div,
.page-id-691 .entry-content > div,
.page-id-692 .entry-content > div,
.page-id-693 .entry-content > div,
.page-id-694 .entry-content > div {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

.page-id-680 .wp-block-post-content.has-global-padding,
.page-id-681 .wp-block-post-content.has-global-padding,
.page-id-682 .wp-block-post-content.has-global-padding,
.page-id-683 .wp-block-post-content.has-global-padding,
.page-id-684 .wp-block-post-content.has-global-padding,
.page-id-685 .wp-block-post-content.has-global-padding,
.page-id-686 .wp-block-post-content.has-global-padding,
.page-id-687 .wp-block-post-content.has-global-padding,
.page-id-688 .wp-block-post-content.has-global-padding,
.page-id-689 .wp-block-post-content.has-global-padding,
.page-id-690 .wp-block-post-content.has-global-padding,
.page-id-691 .wp-block-post-content.has-global-padding,
.page-id-692 .wp-block-post-content.has-global-padding,
.page-id-693 .wp-block-post-content.has-global-padding,
.page-id-694 .wp-block-post-content.has-global-padding {
  max-width: 100% !important;
  width: 100% !important;
}

.page-id-680 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-681 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-682 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-683 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-684 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-685 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-686 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-687 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-688 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-689 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-690 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-691 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-692 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-693 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull,
.page-id-694 .wp-block-post-content.has-global-padding > .wp-block-group.alignfull {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Arabic industry pages — RTL layout */
.page-id-681 .entry-content .alignfull,
.page-id-691 .entry-content .alignfull,
.page-id-692 .entry-content .alignfull,
.page-id-693 .entry-content .alignfull,
.page-id-694 .entry-content .alignfull,
.page-id-681 .entry-content > div,
.page-id-691 .entry-content > div,
.page-id-692 .entry-content > div,
.page-id-693 .entry-content > div,
.page-id-694 .entry-content > div {
  direction: rtl;
  text-align: right;
}

/* Nav dropdown — fix white-on-white text + z-index above hero */
header.wp-block-template-part {
  position: relative !important;
  z-index: 9999 !important;
}
.wp-block-navigation__submenu-container {
  background-color: #ffffff !important;
  z-index: 9999 !important;
}
header.wp-block-template-part .wp-block-navigation__submenu-container a,
header.wp-block-template-part .wp-block-navigation__submenu-container span,
header.wp-block-template-part .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  color: #1a2451 !important;
}
header.wp-block-template-part .wp-block-navigation__submenu-container a:hover,
header.wp-block-template-part .wp-block-navigation__submenu-container a:hover span {
  color: #1a3694 !important;
}

/* Arabic RTL — Language switcher: shift to left side so it doesn't overlap the logo */
html[dir="rtl"] p.header-lang {
  right: 264px !important;
  left: auto !important;
}
/* Footer — shorter height + header-matching dark style */
footer.wp-block-template-part {
  background: linear-gradient(to bottom, hsl(226 71% 40% / 0.3), hsl(226 71% 40% / 0)), #0D1017 !important;
}
footer.wp-block-template-part .wp-block-group.alignfull {
  background-color: transparent !important;
}
footer.wp-block-template-part .wp-block-group.alignfull.has-small-font-size {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
footer.wp-block-template-part a,
footer.wp-block-template-part p,
footer.wp-block-template-part span,
footer.wp-block-template-part li {
  color: rgba(255, 255, 255, 0.85) !important;
}
footer.wp-block-template-part hr {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}
/* Footer gap fix — remove main bottom padding and footer top margin */
main.wp-block-group {
  padding-bottom: 0 !important;
}
footer.wp-block-template-part {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}
/* Footer HR margin collapse fix */
footer.wp-block-template-part hr {
  margin-top: 0 !important;
}
/* Footer — App Store badge: force LTR so SVG text renders correctly in Arabic RTL */
footer.wp-block-template-part a[href*="apps.apple"] {
  direction: ltr !important;
}

/* Logo spacing + nav color match */
.docksy-logo-svg { margin-right: 32px; }
header.wp-block-template-part a,
header.wp-block-template-part p,
header.wp-block-template-part span,
header.wp-block-template-part li,
header.wp-block-template-part .wp-block-navigation-item__content {
  color: #FFF0DB !important;
}
/* Footer text color match */
footer.wp-block-template-part h1,
footer.wp-block-template-part h2,
footer.wp-block-template-part h3,
footer.wp-block-template-part h4,
footer.wp-block-template-part p,
footer.wp-block-template-part span,
footer.wp-block-template-part a {
  color: #FFF0DB !important;
}
/* Arabic RTL — fix letter-spacing: positive values disconnect Arabic cursive letter joins */
html[dir="rtl"] * {
  letter-spacing: 0 !important;
}