/*
Theme Name: Industrieboden Uelwer
Author: Agentur Grundstein
Author URI: https://www.agentur-grundstein.de
Description: Das Michael Uelwer GmbH Theme basiert auf dem leistungsstarken Astra-Theme und wurde als individuelles Child-Theme speziell für die Anforderungen der Michael Uelwer GmbH entwickelt. Durch gezielte Eigenentwicklungen in Kombination mit Astra Pro entstand ein einzigartiges Webdesign, das unvergleichliche Performance mit einem punktgenau abgestimmten Funktionsumfang vereint. Die flexible Architektur von Astra ermöglicht uns die effiziente Umsetzung kreativer Designideen – für maximale Individualität ohne Kompromisse bei Ladezeit oder Bedienbarkeit. So entsteht keine Lösung von der Stange, sondern ein maßgeschneidertes Erscheinungsbild im Netz – bereit für zukünftige Anforderungen Ihres Unternehmens.
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: industrieboden-uelwer
Template: astra
*/

/* =================================================================
   INDUSTRIEBODEN UELWER CHILD THEME STYLES
   ================================================================= */

/* Import parent theme styles - handled by functions.php */

/* Custom styles for industrial flooring business */
:root {
    --industrieboden-primary: #0073aa;
    --industrieboden-secondary: #2c3338;
    --industrieboden-accent: #00a32a;
    --industrieboden-warning: #dba617;
    --industrieboden-error: #d63638;
    --industrieboden-light: #f6f7f7;
    --industrieboden-border: #c3c4c7;
}

/* Business Info Widget Styles */
#industrieboden-business-widget {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    line-height: 1.4;
}

#industrieboden-business-widget h4 {
    color: var(--industrieboden-primary);
    margin: 0 0 10px 0;
    font-size: 16px;
}

#industrieboden-business-widget a {
    color: var(--industrieboden-primary);
    text-decoration: none;
    transition: color 0.2s ease;
}

#industrieboden-business-widget a:hover {
    color: var(--industrieboden-secondary);
}

#industrieboden-business-widget .button {
    background: var(--industrieboden-primary);
    color: white;
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

#industrieboden-business-widget .button:hover {
    background: var(--industrieboden-secondary);
    color: white;
}

/* Performance Monitor Styles */
#industrieboden-performance {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 12px;
    line-height: 1.3;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    border: 1px solid var(--industrieboden-border);
}

#industrieboden-performance strong {
    color: var(--industrieboden-primary);
}

#industrieboden-performance button {
    background: transparent;
    border: none;
    color: #666;
    cursor: pointer;
    font-size: 16px;
    padding: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#industrieboden-performance button:hover {
    color: var(--industrieboden-error);
}

/* Responsive Design */
@media (max-width: 768px) {
    #industrieboden-business-widget {
        position: fixed !important;
        bottom: 10px !important;
        left: 10px !important;
        right: 10px !important;
        max-width: none !important;
        font-size: 14px;
    }
    
    #industrieboden-performance {
        position: fixed !important;
        bottom: 10px !important;
        right: 10px !important;
        left: auto !important;
        max-width: 250px !important;
    }
}

/* Admin Bar Integration */
#wpadminbar #wp-admin-bar-industrieboden-menu .ab-item {
    color: #a7aaad !important;
}

#wpadminbar #wp-admin-bar-industrieboden-menu:hover .ab-item {
    color: #00b9eb !important;
}

/* Utility Classes */
.industrieboden-hidden {
    display: none !important;
}

.industrieboden-text-center {
    text-align: center !important;
}

.industrieboden-text-success {
    color: var(--industrieboden-accent) !important;
}

.industrieboden-text-warning {
    color: var(--industrieboden-warning) !important;
}

.industrieboden-text-error {
    color: var(--industrieboden-error) !important;
}

/* Print Styles */
@media print {
    #industrieboden-business-widget,
    #industrieboden-performance {
        display: none !important;
    }
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    :root {
        --industrieboden-primary: #000;
        --industrieboden-secondary: #000;
        --industrieboden-border: #000;
    }
    
    #industrieboden-business-widget,
    #industrieboden-performance {
        border: 2px solid #000;
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    #industrieboden-business-widget *,
    #industrieboden-performance * {
        transition: none !important;
        animation: none !important;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    #industrieboden-business-widget {
        background: #1e1e1e;
        color: #e0e0e0;
        border-color: #404040;
    }
    
    #industrieboden-performance {
        background: #2d2d2d;
        color: #e0e0e0;
        border-color: #404040;
    }
}