/*
Theme Name:   Hello Theme Child – MIM.Experts
Theme URI:    https://www.mimexperts.com
Description:  Child-Theme zu Hello Elementor für MIM.Experts (DEDESO GmbH).
              Enthält eigene PHP-Funktionen, Custom CSS, und Markenanpassungen.
              Bitte alle Änderungen ausschließlich in diesem Child-Theme
              vornehmen, niemals direkt im Parent-Theme.
Author:       MIM.Experts (DEDESO GmbH)
Author URI:   https://www.mimexperts.com
Template:     hello-elementor
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  hello-elementor-child-mimexperts
*/

/* =============================================================
   MIM.EXPERTS – MARKEN-DESIGNTOKENS (CSS-VARIABLEN)
   ============================================================= */
:root {
    /* Primärpalette */
    --me-deep-blue:       #0C1B33;
    --me-deep-blue-2:     #122647;
    --me-accent-blue:     #60A5FA;

    /* Textfarben */
    --me-white:           #FFFFFF;
    --me-white-soft:      #D7E1F0;
    --me-white-dim:       #8C9BB4;

    /* Funktionale Farben */
    --me-success:         #10B981;
    --me-warning:         #F59E0B;
    --me-danger:          #EF4444;

    /* Typografie (Inter als Open-Source-Alternative zu SF Pro) */
    --me-font-display:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --me-font-body:       'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

    /* Spacing-Skala (8px-Grid) */
    --me-space-xs:        0.5rem;   /* 8px */
    --me-space-sm:        1rem;     /* 16px */
    --me-space-md:        1.5rem;   /* 24px */
    --me-space-lg:        2.5rem;   /* 40px */
    --me-space-xl:        4rem;     /* 64px */

    /* Border Radius */
    --me-radius-sm:       4px;
    --me-radius-md:       8px;
    --me-radius-lg:       16px;
}

/* =============================================================
   GRUNDLEGENDE BODY-DEFAULTS (greifen unter Elementor)
   Elementor überschreibt das meiste – diese Defaults greifen
   nur, wenn kein Elementor-Template aktiv ist.
   ============================================================= */
body {
    font-family: var(--me-font-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* =============================================================
   UTILITY-KLASSEN für Elementor-Custom-CSS
   können in Elementor unter "Erweitert → CSS-Klassen" verwendet werden
   ============================================================= */
.me-bg-deep        { background-color: var(--me-deep-blue) !important; }
.me-bg-deep-2      { background-color: var(--me-deep-blue-2) !important; }
.me-text-white     { color: var(--me-white) !important; }
.me-text-soft      { color: var(--me-white-soft) !important; }
.me-text-accent    { color: var(--me-accent-blue) !important; }

/* Markenakzent: hellblauer Punkt im Logo/Schriftzug */
.me-dot-accent {
    color: var(--me-accent-blue);
}

/* Tagline-Block (z. B. für Hero-Bereiche) */
.me-tagline {
    font-family: var(--me-font-display);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--me-white);
}

/* =============================================================
   ANPASSUNGEN für den WP-Adminbar-Frame
   (kosmetisch – wer eingeloggt ist, sieht oben den schwarzen Balken)
   ============================================================= */
@media screen and (max-width: 782px) {
    html { margin-top: 0 !important; }
    #wpadminbar { position: fixed !important; }
}