/*
Theme Name: GeneratePress Child
Template: generatepress
*/

/* Deine Farben – als Variablen für saubere Wartung */
:root {
    /* Body */
    --color-body-bg:               #F4F7FB;
    --color-body-text:             #17212B;
    --color-body-link:             #005FCC;   /* unvisited Link */
    --color-body-link-visited:     #17212B;

    /* Top-Leiste (z.B. Top Bar / Header Bar) */
    --color-top-bg:                #0E1621;
    --color-top-text:              #DCE6F2;
    --color-top-link:              #6CB6FF;

    /* Header */
    --color-header-bg:             #0768ef;
    --color-header-text:           #F5F9FF;
    --color-header-link:           #8CC8FF;
    --color-header-title:          #FFFFFF;
    --color-header-subtitle:       #A9B8C8;

    /* Primäre Navigation */
    --color-nav-bg:                #0768ef;
    --color-nav-text:              #F5F9FF;
    --color-subnav-bg:             #1C2B3D;
    --color-subnav-text:           #E7EEF7;

    /* Buttons */
    --color-btn-bg:                #E53935;
    --color-btn-text:              #FFFFFF;

    /* Inhalt (Artikel, Seiten, Kommentare) */
    --color-content-bg:            #FFFFFF;
    --color-content-text:          #1C2733;
    --color-content-link:          #0066D9;

    /* Formulare */
    --color-form-bg:               #F8FAFD;
    --color-form-text:             #1A2430;
    --color-form-border:           #C7D3E0;

    /* Seitenleisten-Widgets */
    --color-widget-sidebar-bg:     #EEF3F8;
    --color-widget-sidebar-text:   #1E2A36;
    --color-widget-sidebar-link:   #005FCC;
    --color-widget-sidebar-title:  #0F1B28;

    /* Footer-Widgets */
    --color-widget-footer-bg:      #16202C;
    --color-widget-footer-text:    #C9D5E2;
    --color-widget-footer-link:    #7FC4FF;
    --color-widget-footer-title:   #FFFFFF;

    /* Fußzeile (Footer) */
    --color-footer-bg:             #0B1118;
    --color-footer-text:           #AEBBC8;
    --color-footer-link:           #6CB6FF;
}

/* Body */
body {
    background:              var(--color-body-bg);
    color:                   var(--color-body-text);
    font-family:            -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size:              16px;
    line-height:            1.6;
}

/* Links im Body (ungeklickt / geklickt) */
a,
.entry-content a {
    color:                   var(--color-body-link);
    text-decoration:         none;
}

/* Geklickte Links */
a:visited,
.entry-content a:visited {
    color:                   var(--color-body-link-visited);
}

/* Top-Leiste (z.B. .top-bar, falls du sie nutzt) */
.top-bar,
.inside-top-bar {
    background:              var(--color-top-bg);
    color:                   var(--color-top-text);
    padding:                 10px 0;
}

/* Header-Bereich */
.site-header,
.inside-header {
    background:              var(--color-header-bg);
    color:                   var(--color-header-text);
    padding:                 15px 0;
}

/* Header-Logo / Titel -->
h1.site-logo,
.site-header .site-title {
    color:                   var(--color-header-title);
}

/* Header-Untertitel -->
.site-header .site-description {
    color:                   var(--color-header-subtitle);
}

/* Primäre Navigation (Hauptmenü im Header) */
.main-navigation .main-nav > ul {
    background:              var(--color-nav-bg);
    padding:                 0;
}

.main-navigation .main-nav > ul > li > a {
    color:                   var(--color-nav-text);
    padding:                 0.75rem 1rem;
}

/* Sub-Navigation (Untermenü-Punkte) */
.main-navigation .sub-menu {
    background:              var(--color-subnav-bg);
}

.main-navigation .sub-menu > li > a {
    color:                   var(--color-subnav-text);
}

/* Buttons -->
.btn-primary,
.button,
.wp-block-button__link,
.woocommerce-button,
.single_add_to_cart_button,
.added_to_cart {
    background:              var(--color-btn-bg);
    color:                   var(--color-btn-text);
    border:                  0;
    padding:                 12px 24px;
    border-radius:           6px;
    font-weight:             600;
    text-decoration:         none;
    display:                 inline-block;
}

/* Inhalt-Bereich (Artikel, Seiten, Kommentare) -->
.inside-content,
.grid-container,
.inside-article,
.separate-containers .inside-article,
.page-header-content,
.comments-area {
    background:              var(--color-content-bg);
    color:                   var(--color-content-text);
    padding:                 2rem;
    border-radius:           6px;
    border:                  1px solid #E5E7EB;
}

/* Links im Inhalt -->
.entry-content a {
    color:                   var(--color-content-link);
}

/* Formulare -->
input,
textarea,
select,
form,
.cf7-form {
    background:              var(--color-form-bg);
    color:                   var(--color-form-text);
    border:                  1px solid var(--color-form-border);
    border-radius:           6px;
    padding:                 8px 12px;
}

/* Seitenleisten-Widgets -->
.widget-area,
.widget {
    background:              var(--color-widget-sidebar-bg);
    color:                   var(--color-widget-sidebar-text);
    padding:                 1.2rem;
    border-radius:           6px;
    border:                  1px solid #C7D3E0;
}

/* Seitenleisten-Widget-Titel -->
.widget-title {
    color:                   var(--color-widget-sidebar-title);
}

/* Seitenleisten-Widget-Links -->
.widget a {
    color:                   var(--color-widget-sidebar-link);
}

/* Footer-Widgets -->
.footer-widgets,
.footer-widget-area {
    background:              var(--color-widget-footer-bg);
    color:                   var(--color-widget-footer-text);
    padding:                 1.2rem;
    border-radius:           6px;
}

/* Footer-Widget-Titel -->
.footer-widgets .widget-title {
    color:                   var(--color-widget-footer-title);
}

/* Footer-Widget-Links -->
.footer-widgets a {
    color:                   var(--color-widget-footer-link);
}

/* Fußzeile (Footer) -->
.site-footer {
    background:              var(--color-footer-bg);
    color:                   var(--color-footer-text);
    padding:                 3rem 0 2rem 0;
    border-top:              1px solid #C7D3E0;
}

/* Fußzeile-Links -->
.site-footer a {
    color:                   var(--color-footer-link);
}

/* Responsive (Tablet) -->
@media (max-width: 768px) {
    .grid-container {
        padding:            0 20px;
    }

    .widget,
    .footer-widgets {
        padding:            1rem;
    }

    .btn-primary,
    .button,
    .wp-block-button__link {
        width:              100%;
        padding:            14px;
    }
/* Alle Container bekommen 6px Border-Radius */
.inside-container,
.inside-article,
.separate-containers .inside-article,
.page-header-content,
.comments-area,
.site-footer {
    border-radius: 6px;
}

/* Alle Widget-Container (Suche, Neueste Beiträge, etc.) bekommen 6px Ecken */
.widget,
.widget .widget-title,
.sidebar .widget {
    border-radius: 6px;
}

}