/**
Theme Name: Mesh Dresden
Author: Peter Pfeiffer
Author URI: https://meshdresden.eu
Description: Ein Child-Theme für Astra mit Meshtastic-Farben. Integriert das Mesh Chat Widget auf jeder Seite.
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: mesh-dresden
Template: astra
*/

/* Meshtastic Color Palette - CSS Variablen für konsistente Nutzung */
:root {
    --meshtastic-primary: #67eb95;      /* Primärgrün für Buttons, Links, Header */
    --meshtastic-secondary: #1E40AF;    /* Dunkelblau für Akzente, Hover-Effekte */
    --meshtastic-accent: #F59E0B;       /* Orange für Highlights, Warnungen */
    --meshtastic-bg: #FFFFFF;           /* Weißer Hintergrund */
    --meshtastic-text: #111827;         /* Dunkler Text */
    --meshtastic-light-text: #6B7280;   /* Heller Text für Sekundäres */
}

/* Astra-Überschreibungen für Meshtastic-Farben */
.site-header .ast-primary-menu-disabled .main-header-bar .main-header-container,
.site-header .ast-primary-menu-disabled .main-header-bar .ast-container,
.site-header .ast-primary-menu-disabled .ast-mobile-header-wrap .ast-container {
    background-color: var(--meshtastic-primary);
}

.ast-primary-header-bar .site-primary-header-wrap .ast-builder-menu {
    background-color: var(--meshtastic-primary);
}

a,
.ast-button-wrap .ast-button {
    color: var(--meshtastic-primary);
}

a:hover,
a:focus,
.ast-button-wrap .ast-button:hover,
.ast-button-wrap .ast-button:focus {
    color: var(--meshtastic-secondary);
    border-color: var(--meshtastic-secondary);
}

.site-content {
    background-color: var(--meshtastic-bg);
    color: var(--meshtastic-text);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--meshtastic-secondary);
}

.entry-content a {
    color: var(--meshtastic-primary);
}

.entry-content a:hover {
    color: var(--meshtastic-accent);
}

/* Footer-Anpassung für Meshtastic-Stil */
.site-footer {
    background-color: var(--meshtastic-secondary);
    color: #FFFFFF;
}

.site-footer a {
    color: var(--meshtastic-primary);
}

.site-footer a:hover {
    color: var(--meshtastic-accent);
}

/* Widget-Integration: Stelle sicher, dass das Widget über dem Content liegt */
.mesh-chat-widget {
    z-index: 9999 !important; /* Höher als Astra-Elemente */
}

/* Responsives Design - passt zu Meshtastic's mobiler UI */
@media (max-width: 768px) {
    :root {
        --meshtastic-primary: #10B981;
    }
    
    .site-header {
        background-color: var(--meshtastic-primary);
    }
}

/* Skalierung im Theme steuern */
.mesh-chat-widget {
    transform: scale(0.8) !important;
    transform-origin: bottom right !important;
}