/*
Theme Name: FlyWeb Child
Template: flyweb
Version: 1.0
Description: Child theme for FlyWeb
*/

/* ── Hide FlyWeb Page Title Bar ── */
.page-title-bar, .page-title-area, .breadcrumb-area, .site-breadcrumb,
.flyweb-breadcrumb, .page-header, .entry-header, .hero-area {
  display: none !important;
}

/* ── Force header fixed on all devices ── */
.elementor-location-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
}

/* ── Desktop Large (1440px+) ── */
@media (min-width: 1440px) {
  #section-standout, #section-capture, #section-showcase, #section-services, #section-portfolio { padding-top: 100px !important; padding-bottom: 100px !important; }
  #section-machine { padding-top: 120px !important; padding-bottom: 140px !important; min-height: 700px !important; }
  #section-testimonials { padding-top: 140px !important; padding-bottom: 140px !important; }
  #section-brands { padding-top: 120px !important; padding-bottom: 120px !important; }
  #section-cta { padding-top: 120px !important; padding-bottom: 120px !important; }
}

/* ── Desktop Default (1025px - 1439px) ── */
@media (min-width: 1025px) and (max-width: 1439px) {
  #section-standout, #section-capture, #section-showcase, #section-services, #section-portfolio { padding-top: 80px !important; padding-bottom: 80px !important; }
  #section-machine { padding-top: 100px !important; padding-bottom: 120px !important; min-height: 600px !important; }
  #section-testimonials { padding-top: 120px !important; padding-bottom: 120px !important; }
  #section-brands { padding-top: 100px !important; padding-bottom: 100px !important; }
  #section-cta { padding-top: 100px !important; padding-bottom: 100px !important; }
}

/* ── Laptop (769px - 1024px) ── */
@media (min-width: 769px) and (max-width: 1024px) {
  #section-standout, #section-capture, #section-showcase, #section-services, #section-portfolio { padding-top: 60px !important; padding-bottom: 60px !important; }
  #section-machine { padding-top: 80px !important; padding-bottom: 100px !important; min-height: 500px !important; }
  #section-testimonials { padding-top: 100px !important; padding-bottom: 100px !important; }
  #section-brands { padding-top: 80px !important; padding-bottom: 80px !important; }
  #section-cta { padding-top: 80px !important; padding-bottom: 80px !important; }
}

/* ── Tablet Portrait (768px) ── */
@media (max-width: 768px) {
  #section-standout, #section-capture, #section-showcase, #section-services, #section-portfolio { padding-top: 50px !important; padding-bottom: 50px !important; }
  #section-machine { padding-top: 70px !important; padding-bottom: 90px !important; min-height: 450px !important; }
  #section-testimonials { padding-top: 80px !important; padding-bottom: 80px !important; }
  #section-brands { padding-top: 60px !important; padding-bottom: 60px !important; }
  #section-cta { padding-top: 70px !important; padding-bottom: 70px !important; }
}

/* ── Mobile (767px and below) ── */
@media (max-width: 767px) {
  #section-standout, #section-capture, #section-showcase, #section-services, #section-portfolio { padding-top: 40px !important; padding-bottom: 40px !important; }
  #section-machine { padding-top: 60px !important; padding-bottom: 80px !important; min-height: 400px !important; }
  #section-testimonials { padding-top: 60px !important; padding-bottom: 60px !important; }
  #section-brands { padding-top: 50px !important; padding-bottom: 50px !important; }
  #section-cta { padding-top: 60px !important; padding-bottom: 60px !important; }
}

/* ── Mobile Small (480px and below) ── */
@media (max-width: 480px) {
  #section-standout, #section-capture, #section-showcase, #section-services, #section-portfolio { padding-top: 30px !important; padding-bottom: 30px !important; }
  #section-machine { padding-top: 50px !important; padding-bottom: 60px !important; min-height: 350px !important; }
  #section-testimonials { padding-top: 50px !important; padding-bottom: 50px !important; }
  #section-brands { padding-top: 40px !important; padding-bottom: 40px !important; }
  #section-cta { padding-top: 50px !important; padding-bottom: 50px !important; }
}