/* Roo.Center conversion overrides.
   The offline clone can't run every WordPress/Elementor entrance-animation
   script (typewriter text, waypoint scroll-reveal, etc.), which left
   sections stuck at their pre-animation visibility:hidden/opacity:0 state.
   Force everything to its resolved, visible state instead of chasing each
   legacy plugin dependency. */
section,
.elementor-section,
.elementor-widget,
.elementor-widget-container,
.elementor-element,
[data-elementor-type] {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Kill the theme's own pre-load/entrance animation classes outright. */
.elementor-invisible {
  visibility: visible !important;
  opacity: 1 !important;
}

.pxl-loader,
#pxl-loadding {
  display: none !important;
}

/* A few absolutely-positioned decorations (chevron PNGs, the fullwidth
   RevSlider module) poke a few dozen px past the viewport edge. Clip it so
   there's no horizontal scrollbar / rubber-band on the page body. */
html,
body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

/* Roo.Center wordmark reads smaller than Loraic's icon+text lockup at the
   same box height (no bold icon mark) — give every instance a touch more
   room so it's properly legible without changing the header's own height. */
.elementor-element-4446d8d .pxl-logo img { max-height: 60px !important; }
.elementor-element-64c1041 .pxl-logo img { max-height: 60px !important; }
.elementor-element-ea3e723 .pxl-logo img { max-height: 66px !important; }
.elementor-element-0e8571c .pxl-logo img { max-height: 82px !important; }

/* NOTE: the static hero (.roo-hero*) that replaces the Revolution Slider is
   styled entirely in css/roo-redesign.css — one authoritative layer, rebuilt
   from the original slider's own geometry. Nothing hero-related here. */

/* Section 6 "uçtan uca operasyon" flow: the theme's process card wraps a
   square photo in .wrap-image; we swapped the courier/truck photos for blue
   line-icon SVGs, so contain the icon and give the box a light tint instead
   of letting it cover-crop like a photo. */
.pxl-process .wrap-image img.roo-step-icon {
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}
.pxl-process .wrap-image:has(img.roo-step-icon) {
  background: #eaf2fe;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Section 5 vessel card: headshot + star rating removed — keep the
   remaining text block from collapsing awkwardly. */
.pxl-testimonial-carousel3 .pxl-item--meta .content-right { width: 100%; }
.pxl-testimonial-carousel3 .pxl-item--position { line-height: 1.9; }

/* FAQ section (774e775) background: originally a Loraic office photo, a
   prior pass repointed it at a full dashboard screenshot rendered
   background-size:cover — busy, and it bled across the section fighting the
   FAQ text. Reset to a clean light wash. */
.elementor-element-774e775,
.elementor-element-774e775 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: none !important;
  background-color: #f3f7fc !important;
}

/* Section 3 ("Neden Roo.Center?") background bg2-h6.jpg is a faint
   tire-tread + dotted-map texture (road motif). Flat light wash instead. */
.elementor-element-ba91b91,
.elementor-element-ba91b91 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: none !important;
  background-color: #f4f8fd !important;
}