/*
 Theme Name:   Vapester Child
 Theme URI:    https://example.com/   
 Description:  Child theme for Vapester
 Author:       Webgrams              
 Template:     vapester
 Version:      1.0.0
 Text Domain:  vapester-child
*/


li.has-mega > .sub-menu {
  display: none !important;
}

/* Mega container root */
#mega-root{
  position: absolute;
  left: 0; right: 0; top: 0;
  z-index: 9999;
  pointer-events: none; /* not clickable when hidden */
}

/* Panels hidden by default */
#mega-root .mega-panel{
  display: none;
  background: #fff;
  box-shadow: 0 20px 40px rgba(0,0,0,.08);
  padding: 24px 0;
  pointer-events: auto;
}

/* When visible */
#mega-root.is-visible .mega-panel.is-open{
  display: block;
}

/* Example grid for raw HTML fallback */
#mega-root .container{ max-width: 1200px; margin: 0 auto; padding: 0 20px; }
#mega-root .mega-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
#mega-root .mega-grid .col h4{ margin: 0 0 10px; font-size: 16px; }

/* Mobile: hide mega, fallback to native menu */
@media (max-width: 1024px){
  #mega-root{ display: none !important; }
}


/* Constrain the template to a sane width */
#mega-root .elementor-section.elementor-section-boxed > .elementor-container,
#mega-root .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Strip big outer paddings Elementor adds by default in sections/columns */
#mega-root .elementor-section { padding-top: 0; padding-bottom: 0; }
#mega-root .elementor-column  { padding-top: 0; padding-bottom: 0; }

/* Tame theme typography inside mega */
#mega-root .elementor h1,
#mega-root .elementor h2,
#mega-root .elementor h3,
#mega-root .elementor h4,
#mega-root .elementor h5,
#mega-root .elementor h6 {
  margin: 0 0 6px;
  line-height: 1.3;
  font-weight: 600;
  font-size: 16px;           /* adjust to the small card look */
}

/* If you used the Heading widget, target its title directly */
#mega-root .elementor .elementor-widget-heading .elementor-heading-title {
  margin: 0 0 6px;
  line-height: 1.3;
  font-weight: 600;
  font-size: 16px;           /* adjust */
}

/* Secondary text */
#mega-root .elementor p,
#mega-root .elementor .elementor-widget-text-editor {
  margin: 0;
  font-size: 13px;
  color: #777;               /* optional */
}

/* Grid look (if you used plain columns this helps tighten spacing) */
#mega-root .elementor .elementor-row,
#mega-root .mega-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 24px;
}

/* Icon/image sizing for circular thumbs */
#mega-root .elementor .elementor-image img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
}

/* Remove oversized gaps between widgets */
#mega-root .elementor .elementor-widget:not(:last-child) {
  margin-bottom: 8px;
}