/*
Theme Name:   Hello Elementor Child (HanseVitalisten)
Theme URI:    https://www.hansevitalisten.de
Description:  Child theme for hello-elementor. Houses update-safe theme overrides and SEO-related template tweaks for hansevitalisten.de. Minimal by design — SEO logic lives in mu-plugins, this theme only holds things that must be template-level.
Author:       SEO (Joshua)
Template:     hello-elementor
Version:      1.1.3
Text Domain:  hello-elementor-child
*/

/* === Mobile Image Fixes (v1.1.1) === */
main .elementor-widget-image img,
main .elementor-widget-image-box img,
main .elementor-widget-theme-post-featured-image img,
main .entry-content img {
    height: auto !important;
    max-width: 100%;
}
main .elementor-widget-image img[width][height] {
    aspect-ratio: attr(width) / attr(height);
}

/* === Horizontal-Scroll-Bug fix (v1.1.2) === */
html, body {
    overflow-x: hidden;
    overflow-x: clip;
}

/* === Mobile Header Fixes (v1.1.3) ===
   Header-Logo (300x200) wurde auf Mobile auf 100% Spaltenbreite gestreckt.
   Top-Bar mit Telefon-Satz brach in mehrere Zeilen mit grossen Whitespaces.
*/
@media (max-width: 767px) {
    /* Logo: kompakt + zentriert */
    .elementor-element-6dd5eab .elementor-widget-container {
        text-align: center;
    }
    .elementor-element-6dd5eab img {
        max-width: 200px !important;
        height: auto !important;
        margin: 0 auto;
        display: inline-block;
    }

    /* Top-Bar (Telefon-Satz): zentriert, kleinerer Font, tighteres Padding */
    .elementor-element-6bad0bf,
    .elementor-element-6bad0bf p {
        text-align: center !important;
        font-size: 14px;
        line-height: 1.4;
        margin: 0;
    }
    .elementor-element-6bad0bf > .elementor-widget-container {
        padding: 6px 12px !important;
    }
    /* Telefonnummer als ganzes Stueck nicht umbrechen lassen */
    .elementor-element-6bad0bf a {
        white-space: nowrap;
    }

    /* Logo-Section: weniger vertikales Padding */
    .elementor-element-723bb5c {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    /* Hamburger-Toggle und Termin-Button visuell zusammenruecken */
    .elementor-element-1017d8e {
        margin-top: 4px;
    }
    .elementor-element-ba5b583 {
        margin-top: 8px;
    }
}