/*
Theme Name: Hello Child
Template: hello-elementor
Version: 1.1.5
*/

/* Anpassad CSS för Magazine finns i magazine.css */


.elementor-element-3078165b {
  background-color: #fff !important;
}

footer.elementor-26316 .elementor-element-3078165b,
footer.elementor-26316 {
  background-color: #fff !important;
}

.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
    align-self: center;
    padding-inline-start: 2px!important;
}

/* Gör hela kolumnen klickbar i mobilmenyn */
.mobile-bottom-menu .elementor-column {
    position: relative;
}

.mobile-bottom-menu .elementor-column > a {
    position: absolute;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

/* Hindra överlappande problem */
.mobile-bottom-menu .elementor-widget {
    position: relative;
    z-index: 10;
}

/* === FIX: SCROLL I MOBILMENY (ABEUTYLIGHT) === */
@media (max-width: 768px) {

  #mobile-footer .elementor-nav-menu--dropdown {
    max-height: calc(100vh - 150px); /* footer + safe-area */
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

}

@media (max-width: 768px) {
  #mobile-footer,
  #mobile-footer * {
    overscroll-behavior: contain;
  }
}

#mobile-footer a,
#mobile-footer button {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
#mobile-footer {
  transform: translateZ(0);
  will-change: transform;
}
#mobile-footer,
#mobile-footer * {
  transition: none !important;
  animation: none !important;
}
#mobile-footer a {
  display: block;
}

/* Disable Elementor body lock – fixes slow menu clicks */
body.elementor-nav-menu--open {
  overflow: auto !important;
  position: static !important;
}
.elementor-nav-menu a {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.elementor-nav-menu--dropdown {
  transform: translateZ(0);
  will-change: transform;
}
.elementor-nav-menu--dropdown,
.elementor-nav-menu--dropdown * {
  transition: none !important;
  animation: none !important;
}
/* Instant tap for Elementor Icon List */
.elementor-icon-list-item,
.elementor-icon-list-item a {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.elementor-icon-list-item a {
  display: block;
}
/* Icon List – all languages (WPML safe) */
body[class*="lang-"] .elementor-icon-list-item,
body[class*="lang-"] .elementor-icon-list-item a {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

body[class*="lang-"] .elementor-icon-list-item a {
  display: block;
}
body[class*="lang-"] .elementor-sticky--active {
  transform: translateZ(0);
  will-change: transform;
}
body[class*="lang-"] .elementor-icon-list-item,
body[class*="lang-"] .elementor-icon-list-item * {
  transition: none !important;
}