/* CLS Fix: Reserve space for images and dynamic content */

/* Logo: fixed dimensions to prevent CLS */
.logo img {
  width: 160px !important;
  height: 48px !important;
  display: block;
}

/* Prevent layout shift from lazy-loaded images */
img[loading="lazy"] {
  min-height: 1px;
}

/* Carousel/Slider: reserve height */
.flexslider,
.owl-carousel {
  min-height: 200px;
}

/* Particles canvas: fixed position, no layout impact */
#particles-js canvas,
canvas#particles {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

/* Footer: prevent position issues */
footer,
.footer-section {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
}

html, body {
  height: auto !important;
  overflow-x: hidden;
}

/* Prevent FOUC for Arabic text */
body {
  font-family: 'Tajawal', 'Cairo', Arial, sans-serif;
}

/* Aspect ratio for post images to prevent CLS */
.post-img.img-div-cover {
  aspect-ratio: 16/9;
  height: 200px;
  overflow: hidden;
}

/* Service cards: fixed height to prevent CLS */
.service-item .post-type-standard {
  min-height: 350px;
}