/* ===== Fix mobile dropdown icon + text sizing (Treazpass) ===== */
@media (max-width: 991.98px) {

  /* Make menu text normal size in mobile overlay */
  body[data-mobile-nav-style="full-screen-menu"] .navbar-nav .nav-link{
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  /* Dropdown menu item alignment */
  body[data-mobile-nav-style="full-screen-menu"] .dropdown-with-icon-style02 .dropdown-menu li a{
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 18px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  /* Force icon size (stop the huge SVG issue) */
  body[data-mobile-nav-style="full-screen-menu"] .dropdown-with-icon-style02 .dropdown-menu li a img{
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    flex: 0 0 22px !important;
    object-fit: contain !important;
  }
}
/* Crafto: remove any overlay/white layer & keep zoom only */
.no-layer-zoom,
.no-layer-zoom .portfolio-image {
    background: transparent !important;
    overflow: hidden;
    position: relative;
}

/* Kill Crafto pseudo overlays */
.no-layer-zoom::before,
.no-layer-zoom::after,
.no-layer-zoom .portfolio-image::before,
.no-layer-zoom .portfolio-image::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* If Crafto adds hover blocks, disable them */
.no-layer-zoom .portfolio-hover,
.no-layer-zoom .dark-hover,
.no-layer-zoom .portfolio-hover::before,
.no-layer-zoom .portfolio-hover::after {
    display: none !important;
}