/* EMD Theme helpers (safe, small overrides only) */

.emd-merge-divider { height: 1px; width: 100%; margin: 64px 0 24px; opacity: 0.25; background: currentColor; }
.emd-merge-heading { font-weight: 700; margin: 0 0 16px; opacity: 0.85; }
.emd-merge-card { margin-top: 16px; border-radius: 16px; overflow: hidden; }

/* Match subnav text color to navigation links */
[data-card="haushaltshilfe"] .subnav_text {
  color: #00547a !important;
}

/* 
   FIX: Spacing between Hero Badge and Heading
   The reference project uses a 0.5rem gap in .hero_content_text.
*/
.hero_content_text {
  row-gap: 0.5rem !important; /* Match reference project proportion */
}

.hero_content_text .header_heading.heading-style-h1 {
  margin-top: 0 !important;    /* Override global 2rem */
  padding-top: 0 !important;   /* Override global 1.5rem */
}

/* TrustIndex badge scaling to match design proportions */
.headder-google-review-badge iframe {
    transform: scale(0.85) !important;
    transform-origin: left bottom !important;
}

@media screen and (max-width: 767px) {
  .headder-google-review-badge iframe {
    transform: scale(0.75) !important;
  }
}

@media (max-width: 767px){
  .emd-merge-divider { margin: 48px 0 20px; }
}

/* Putzkraft24 Service Card Hover Effects */
#putzkraft-services .emd-putzkraft div[style*="background-color: #e6f1f1"]:hover {
    background-color: #d8e9e9 !important;
}

#putzkraft-services a.button:hover {
    background-color: #0d4238 !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    #putzkraft-services div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }
    
    #putzkraft-services div[style*="padding: 2rem"] {
        padding: 1.5rem !important;
    }
    
    #putzkraft-services span[style*="font-size: 1.5rem"] {
        font-size: 1.25rem !important;
    }
}

@media (max-width: 479px) {
    #putzkraft-services div[style*="padding: 2rem"] {
        padding: 1rem !important;
    }
    
    #putzkraft-services span[style*="font-size: 1.5rem"] {
        font-size: 1.125rem !important;
    }
    
    #putzkraft-services h2 {
        font-size: 2rem !important;
    }
}

/* ============================================
   HAUSHALTSHILFE MOBILE NAVIGATION
   ============================================ */

/* Navbar background fix */
[data-card="haushaltshilfe"].navbar_wrapper,
[data-card="haushaltshilfe"] .navbar_wrapper {
  background-color: transparent !important;
}

[data-card="haushaltshilfe"].w-nav,
[data-card="haushaltshilfe"] .w-nav {
  background-color: transparent !important;
}

/* Desktop Navigation */
@media screen and (min-width: 768px) {
  [data-card="haushaltshilfe"] .nav-menu-wrapper {
    display: flex;
    gap: 2rem;
    align-items: center;
  }
  
  [data-card="haushaltshilfe"] .nav_link {
    color: #5c7c8c;
    text-decoration: none;
    transition: color 0.3s;
  }
  
  [data-card="haushaltshilfe"] .nav_link:hover {
    color: #003d5c;
  }
}

/* Mobile Navigation */
@media screen and (max-width: 767px) {
  /* Make hamburger button visible with proper styling */
  [data-card="haushaltshilfe"] .w-nav-button {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 44px !important;
    height: 44px !important;
    padding: 10px 6px !important;
    background: transparent !important;
  }
  
  /* Style the three hamburger lines */
  [data-card="haushaltshilfe"] .nav-menu-top-line,
  [data-card="haushaltshilfe"] .nav-menu-mid-line,
  [data-card="haushaltshilfe"] .nav-menu-bottom-line {
    width: 100% !important;
    height: 3px !important;
    background-color: #00547a !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: 2px !important;
  }
  
  /* Hide menu by default */
  [data-card="haushaltshilfe"] .w-nav-menu {
    display: none !important;
  }
  
  /* Show dropdown menu when opened - multiple selectors for compatibility */
  [data-card="haushaltshilfe"] [data-nav-menu-open],
  [data-card="haushaltshilfe"] .w-nav-menu[style*="display"],
  [data-card="haushaltshilfe"].w-nav .w--nav-menu-open {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    background: white !important;
    padding: 1.5rem 1.25rem !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
  }
  
  /* Style navigation links in dropdown - multiple selectors for persistence */
  [data-card="haushaltshilfe"] [data-nav-menu-open] .nav-menu-wrapper,
  [data-card="haushaltshilfe"] .w-nav-menu[style*="display"] .nav-menu-wrapper,
  [data-card="haushaltshilfe"].w-nav .w--nav-menu-open .nav-menu-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
    width: 100% !important;
    margin-bottom: 1.5rem !important;
  }
  
  [data-card="haushaltshilfe"] [data-nav-menu-open] .nav_link,
  [data-card="haushaltshilfe"] .w-nav-menu[style*="display"] .nav_link,
  [data-card="haushaltshilfe"].w-nav .w--nav-menu-open .nav_link {
    display: block !important;
    padding: 0.5rem 0 !important;
    color: #5c7c8c !important;
    text-align: left !important;
    text-decoration: none !important;
    font-size: 1rem !important;
    width: 100% !important;
    transition: color 0.2s !important;
  }
  
  [data-card="haushaltshilfe"] [data-nav-menu-open] .nav_link:hover,
  [data-card="haushaltshilfe"] .w-nav-menu[style*="display"] .nav_link:hover,
  [data-card="haushaltshilfe"].w-nav .w--nav-menu-open .nav_link:hover {
    color: #004faf !important;
  }
  
  /* Style CTA button in dropdown */
  [data-card="haushaltshilfe"] [data-nav-menu-open] .button-cta-primary,
  [data-card="haushaltshilfe"] .w-nav-menu[style*="display"] .button-cta-primary,
  [data-card="haushaltshilfe"].w-nav .w--nav-menu-open .button-cta-primary {
    display: flex !important;
    width: 16rem !important;
    justify-content: left !important;
    align-items: center !important;
    padding: 1rem 2rem !important;
    background-color: #004faf !important;
    color: white !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    transition: background-color 0.3s !important;
  }

  [data-card="haushaltshilfe"] [data-nav-menu-open] .button-cta-primary:hover,
  [data-card="haushaltshilfe"] .w-nav-menu[style*="display"] .button-cta-primary:hover,
  [data-card="haushaltshilfe"].w-nav .w--nav-menu-open .button-cta-primary:hover {
    background-color: #004faf !important;
  }
  
  [data-card="haushaltshilfe"] [data-nav-menu-open] .button-cta-text,
  [data-card="haushaltshilfe"] .w-nav-menu[style*="display"] .button-cta-text,
  [data-card="haushaltshilfe"].w-nav .w--nav-menu-open .button-cta-text {
    color: white !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
  }
  
  /* Adjust navbar layout on mobile */
  [data-card="haushaltshilfe"] .nav_content_wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
  
  [data-card="haushaltshilfe"] .nav_content_left {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
  }
  
  [data-card="haushaltshilfe"] .nav_logo {
    max-height: 32px !important;
  }
  
  [data-card="haushaltshilfe"] .nav_item_container {
    display: flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
  }
  
  [data-card="haushaltshilfe"] .city-name {
    font-size: 0.875rem !important;
  }
  
  /* Hide phone number on mobile */
  [data-card="haushaltshilfe"] .hide-mobile-portrait {
    display: none !important;
  }
}

/* ============================================
   ENHANCED H2 HEADING STYLES
   Make headings more engaging and attention-grabbing
   ============================================ */

h2.heading-section.heading-style-h2,
h2.heading_section.heading-style-h2,
h2.header-heading.heading-style-h2,
h1.header_heading.heading-style-h1,
h2.h2__section {
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  line-height: 1.2 !important;
  background: linear-gradient(135deg, #00547a 0%, #003d5c 50%, #0078b7 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  animation: slideInFromTop 0.8s ease-out;
  margin-top: 0rem !important;
  padding-top: 0rem !important;
}

/* Add emphasis to strong elements within headings */
h2.heading-section strong,
h2.heading_section strong,
h2.header-heading strong,
h1.header_heading strong,
h2.h2__section strong {
  font-weight: 800 !important;
  background: linear-gradient(135deg, #00547a 0%, #0078b7 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  display: inline-block;
}

/* Add subtle lift effect on hover */
h2.heading-section:hover,
h2.heading_section:hover,
h2.header-heading:hover,
h1.header_heading:hover,
h2.h2__section:hover {
  transform: translateY(-2px);
  transition: transform 0.3s ease;
}

/* Animation keyframes */
@keyframes slideInFromTop {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Enhanced styling for mobile */
@media (max-width: 767px) {
  h2.heading-section.heading-style-h2,
  h2.heading_section.heading-style-h2,
  h2.header-heading.heading-style-h2,
  h2.h2__section {
    font-size: 1.75rem !important;
    letter-spacing: -0.01em;
  }
}

/* Marquee Animation */
@keyframes marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.marquee_track {
  animation: marquee-scroll 30s linear infinite;
  display: flex !important;
}

.marquee_track:hover {
  animation-play-state: paused;
}

.marquee_list {
  flex-shrink: 0;
  display: flex !important;
}