/* =====================================
   Yatzar Custom Mega Menu
   ===================================== */

/* Position the parent <li> */

/* 💻 Small Laptops: 1024px and up */
/* Show on hover (desktop) */
@media (min-width: 992px) {
  li.nav-item:hover > .yatzar-mega-menu {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  /* Put styles for small laptops here */

  li.nav-item .yatzar-mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 44rem;                 /* full width of header */
  max-width: 44rem;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  display: none;               /* hidden by default */
  padding: 2rem 3rem;
  z-index: 9999;
  box-sizing: border-box;
  overflow-x: hidden;          /* avoid horizontal scroll */
}
  
}

@media (min-width: 1180px) and (max-width: 1023px) {
   li.nav-item .yatzar-mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 44rem;                 /* full width of header */
  max-width: 44rem;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  display: none;               /* hidden by default */
  padding: 2rem 3rem;
  z-index: 9999;
  box-sizing: border-box;
  overflow-x: hidden;          /* avoid horizontal scroll */
}
}


/* 💻 Large Laptops / Desktops: 1440px and up */

@media (min-width: 1440px) {
  /* Put styles for large laptops & desktops here */
   li.nav-item .yatzar-mega-menu {
    position: static;
    width: 100%;
    background: #fff;
    box-shadow: none;
    padding: 1rem 1.5rem;
    display: none; /* collapsed by default */
  }
  li.nav-item .yatzar-mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 44rem;                 /* full width of header */
  max-width: 44rem;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  display: none;               /* hidden by default */
  padding: 2rem 3rem;
  z-index: 9999;
  box-sizing: border-box;
  overflow-x: hidden;          /* avoid horizontal scroll */
}
}

@media (min-width: 2560px) {
li.nav-item .yatzar-mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 48rem;                 /* full width of header */
  max-width: 48rem;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  display: none;               /* hidden by default */
  padding: 2rem 3rem;
  z-index: 9999;
  box-sizing: border-box;
  overflow-x: hidden;          /* avoid horizontal scroll */
}
}


li.nav-item {
  position: relative;
}

.pb-1.Insightshead a {
    font-size: 21px;
     position: relative;
    padding-left: 0px;
    line-height: 3px;
}

.pb-1.Insightshead a:hover {
     color: #4d96f4;          /* change text color */
  cursor: pointer;
  transform: translateX(10px);
}

.list-unstyled a {
    /* height: 49px; */
    line-height: 26px;
}

.yatzar-mega-column.col.col-lg-6 {
    align-content: center;
}

/* 
@media (max-width: 1024px) {



} */



/* Content grid inside mega menu */
.yatzar-mega-content {
  max-width: 1200px;           /* center content for wide screens */
  /* margin: 0 auto; */
  /* display: grid; */
  /* grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); */
  /* gap: 2rem; */
}

/* Column titles */
.yatzar-mega-column h4 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  color: #222;
  display: flex;
  align-items: center;
}

/* Column links */
.yatzar-mega-column a
 {
    display: block;
    font-size: 0.8rem;
    color: #000000;
    text-decoration: none;
    padding: 4px 15px;
    transition: color 0.3s 
ease, transform 0.3s 
ease;
    word-wrap: break-word;
}

.yatzar-mega-column a:hover {
  color: #007bff;
  transform: translateX(4px);
}

/* ===========================
   Mobile & Tablet
   =========================== */
@media (max-width: 991.98px) {

  label.faq-label.menulabel {
    padding-left: 17px;
    font-weight: 700;
}

  li.nav-item .yatzar-mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 45rem;                 /* full width of header */
  max-width: 45rem;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  display: none;               /* hidden by default */
  padding: 1rem 2rem;
  z-index: 9999;
  box-sizing: border-box;
  overflow-x: hidden;          /* avoid horizontal scroll */
}
  /* On small screens, the mega menu becomes part of the flow */
  li.nav-item .yatzar-mega-menu {
    position: static;
    width: 100%;
    background: #fff;
    box-shadow: none;
    padding: 1rem 1.5rem;
    display: none; /* collapsed by default */
  }

  .pb-1 a {
    font-size: 21px;
    padding-left: 0px;
    line-height: 3px;
}

  /* Show when the parent <li> gets a special class via JS or toggle */
  li.nav-item.active .yatzar-mega-menu {
    display: block;
  }

  .yatzar-mega-content {
    grid-template-columns: 1fr; /* stack vertically */
    gap: 1rem;
  }
}

@media (max-width: 991px) {

  label.faq-label.menulabel {
    padding-left: 17px;
    font-weight: 700;
}
    .menu-item-has-children a {
        display: block;
        padding: 0.75rem 1rem;
        font-size: 1rem;
    }

    .faq-container {
        padding-left: 1rem; /* indent FAQ under menu item */
    }

    .faq-label {
        font-size: 0.95rem;
    }

    .faq-content p {
        font-size: 0.9rem;
        padding: 0.25rem 0;
    }
}

/* Base FAQ styles */
.faq-container {
    padding: 0.5rem 0;
}

.faq {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.5rem;
}

.faq input[type="checkbox"] {
    display: none; /* hide checkbox */
}

.faq-label {
    display: block;
    cursor: pointer;
    font-size: 1rem;
    padding: 0.5rem;
    position: relative;
}

.faq-label::after {
    content: "+";
    position: absolute;
    right: 0.5rem;
    transition: transform 0.3s ease;
}

/* .faq input:checked + .faq-label::after {
    transform: rotate(45deg);
} */

.faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    opacity: 0;
    padding-left: 0.5rem;
}

.faq input:checked ~ .faq-content {
    max-height: 300px; /* adjust if needed */
    opacity: 1;
        padding-bottom: 14px;
}

label.faq-label.menulabel a

 {
    padding-left: 7px;
    /* padding-bottom: 5px; */
    padding-top: 1px;
}

.faq-content.menucontent a {
   padding-left: 17px;
}

a.mobile-menucontent {
    font-size: 14px !important;
    color: #414242 !important;
    position: relative;
}
a.mobile-menucontent:hover {
    font-size: 14px !important;
    color: #5681ec !important;
    
    cursor: pointer;
    transform: translateX(10px);
}