/* ============================================
   PRAVEEN DIGITAL — BUG FIXES
   Paste this entire file content at the
   BOTTOM of your style.css in WordPress
   Appearance → Theme File Editor → style.css
   ============================================ */

/* ── FIX 1: Hide "Praveen Digital" site title that appears below header ── */
.site-header,
.site-branding,
.site-title,
.site-description,
h1.site-title,
.elementor-page-title,
.page-header,
.entry-header,
header.entry-header,
.page-title,
.wp-block-post-title {
  display: none !important;
}

/* ── FIX 2: Hide Hello Elementor default footer (All rights reserved) ─── */
#colophon,
footer#colophon,
.site-footer,
.hello-footer,
.site-info,
.copyright,
.powered-by,
.footer-credits,
#footer-widgets {
  display: none !important;
}

/* ── FIX 3: MEGA MENU — fix hover disappearing issue ─────────────────── */

/* Step A: Add invisible bridge so mouse can travel from nav link to menu */
.pd-nav > li {
  position: relative;
  padding-bottom: 12px;  /* this creates hover bridge */
  margin-bottom: -12px;  /* compensate for layout */
}

/* Step B: Mega menu sits right below with no gap */
.mega-menu {
  top: 100% !important;
  margin-top: 0 !important;
  z-index: 999999 !important;
}

/* Step C: Keep visible on hover — both parent AND menu itself */
.pd-nav > li:hover .mega-menu,
.pd-nav > li:focus-within .mega-menu,
.mega-menu:hover {
  opacity: 1 !important;
  pointer-events: all !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* ── FIX 4: Text colors — light bg sections (services, process, tools) ── */

/* Body default */
body {
  background-color: rgb(248, 247, 244) !important;
  color: rgb(20, 20, 28);
}

/* Dark sections keep white text */
#pd-hero,
#pd-packages,
#pd-portfolio,
#pd-blog,
#pd-contact,
#pd-footer {
  color: rgb(255, 255, 255);
}

/* Light sections must have dark text */
#pd-services .section-header h2,
#pd-process .section-header h2,
#pd-testimonials .section-header h2,
#pd-tools .section-header h2 {
  color: rgb(20, 20, 28) !important;
}

#pd-services .section-header p,
#pd-process .section-header p,
#pd-testimonials .section-header p,
#pd-tools .section-header p {
  color: rgb(100, 100, 115) !important;
}

/* Process steps */
.process-step {
  color: rgb(20, 20, 28);
}
.step-title {
  color: rgb(20, 20, 28) !important;
  font-family: 'Syne', sans-serif;
}
.step-desc {
  color: rgb(90, 90, 105) !important;
}

/* Testimonials */
.testimonial-text {
  color: rgb(60, 60, 75) !important;
}
.author-name {
  color: rgb(20, 20, 28) !important;
}
.author-role {
  color: rgb(130, 130, 145) !important;
}

/* Filter sidebar buttons on light bg */
.filter-btn {
  background: rgb(255, 255, 255) !important;
  color: rgb(60, 60, 75) !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
}
.filter-btn:hover {
  background: rgba(138, 43, 226, 0.08) !important;
  color: rgb(138, 43, 226) !important;
  border-color: rgb(138, 43, 226) !important;
}
.filter-btn.active {
  background: rgba(138, 43, 226, 0.08) !important;
  color: rgb(138, 43, 226) !important;
  border-color: rgb(138, 43, 226) !important;
}

/* Tool tabs on light bg */
.tool-tab {
  color: rgb(40, 40, 55) !important;
}
.tool-tab.active {
  color: rgb(255, 255, 255) !important;
}

/* ── FIX 5: Remove any WordPress default page padding/margin at top ───── */
.elementor-section-wrap,
.e-con-inner,
#primary,
main#main,
.site-content,
#content {
  padding: 0 !important;
  margin: 0 !important;
}

/* ── FIX 6: Hello Elementor injects a white line between header & hero ── */
.site-header + * {
  margin-top: 0 !important;
}
#pd-hero {
  margin-top: 0 !important;
}

/* ── FIX 7: Footer — remove extra Hello Elementor white stripe ───────── */
body > footer:not(#pd-footer),
.wp-site-blocks > footer:not(#pd-footer) {
  display: none !important;
}

/* ── FIX 8: WooCommerce breadcrumb & default page title remove ────────── */
.woocommerce-breadcrumb,
nav.woocommerce-breadcrumb,
.woocommerce-products-header,
.woocommerce-products-header__title {
  display: none !important;
}