/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* ==========================================
   GLOBAL PICTURE FRAME (THE WHITE RIM)
========================================== */

/* ==========================================
   GLOBAL PICTURE FRAME (THE WHITE RIM)
========================================== */

/* 1. DEFAULT FALLBACK */
body:not(.elementor-editor-active)::before {
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    border-style: solid;
    border-color: #ffffff;
    border-width: 0 10px 0 10px; 
    z-index: 9999;
    pointer-events: none;
}

/* 2. DESKTOP (Larger than Tablet Landscape - 1201px and up) */
@media (min-width: 1201px) {
    body:not(.elementor-editor-active)::before {
        border-width: 0 26px 0 26px;
    }
}

/* 3. TABLET (Portrait & Landscape - 768px to 1200px) */
@media (min-width: 768px) and (max-width: 1200px) {
    body:not(.elementor-editor-active)::before {
        border-width: 0 20px 0 20px; /* Aligned with Elementor's native safe zone */
    }
}

/* 4. MOBILE (Phones - up to 767px) */
@media (max-width: 767px) {
    body:not(.elementor-editor-active)::before {
        border-width: 0 15px 0 15px; /* Shrunk down safely for iPhone */
    }
}



/* --- CUSTOM TOP BAR (Language Switcher) --- */
.eric-top-bar {
    min-height: 35px !important; /* Forces the narrow height */
    padding: 0px 5vw !important; /* Removes vertical bulk, keeps horizontal alignment */
    display: flex !important;
    align-items: center !important; /* Vertically centers the flags/text */
    border-bottom: 1px solid #eeeeee; /* Optional: adds a subtle dividing line */
}

/* Ensure the widget inside doesn't add its own hidden margins */
.eric-top-bar .elementor-widget {
    margin-bottom: 0 !important; 
}

/* -------------------------------------------------------------------------
 * Bugfix V2: Prevent Elementor Off-Canvas FOUC (Flash of Unstyled Content)
 * Hides the off-canvas based on its native accessibility attribute.
 * ------------------------------------------------------------------------- */
.e-off-canvas[aria-hidden="true"] {
    visibility: hidden !important;
    opacity: 0 !important;
    transition: none !important;
}

/* Verhindert, dass die "Hüllen" unsichtbarer Off-Canvas-Widgets das Flexbox-Layout zerstören */
.elementor-widget-off-canvas {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}