/* ============================================================
   Lazy Snark Farbschema — zentrale Farbdefinitionen
   ============================================================ */

:root,
body {
    /* Astra globale Farben überschreiben */
    --ast-global-color-0: #A8563B;
    --ast-global-color-1: #8A452F;
    --ast-global-color-2: #1F3B36;
    --ast-global-color-3: #6B615B;
    --ast-global-color-4: #F7F5F2;
    --ast-global-color-5: #F7F5F2;
    --ast-global-color-6: #FFFFFF;
    --ast-global-color-7: #D9D3CD;
    --ast-global-color-8: #C46B4A;
    
    /* Lazy Snark eigene Variablen */
    --ls-text: #1F3B36;
    --ls-bg: #F7F5F2;
    --ls-primary: #A8563B;
    --ls-primary-hover: #8A452F;
    --ls-secondary: #6B615B;
    --ls-accent: #C46B4A;
    --ls-border: #D9D3CD;
}

/* ---------- Body & Grundlayout ---------- */
body {
    background-color: var(--ls-bg);
    color: var(--ls-text);
}

::selection {
    background-color: var(--ls-accent);
    color: #fff;
}

/* ---------- Astra Artikel / Cards ---------- */
.ast-article-single,
.ast-article-post,
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post {
    background-color: var(--ls-bg) !important;
}

/* ---------- Links & Hover ---------- */
a {
    color: var(--ls-primary);
    transition: color 0.2s ease;
}

a:hover,
.main-header-menu a:hover,
.main-header-menu .current-menu-item > a,
.ls-menu-icon:hover,
.ls-account-icon:hover,
.ast-site-header-cart:hover svg,
.main-header-menu .menu-item:hover .menu-link,
.main-header-menu .menu-item:hover .ls-menu-icon,
.main-header-menu .menu-item:hover svg {
    color: var(--ls-accent) !important;
}

.ast-builder-menu-1 .menu-item > .menu-link:hover,
.main-header-menu .menu-link:hover {
    color: var(--ls-accent) !important;
}

/* ---------- Buttons ---------- */
.ast-button,
.button,
.woocommerce-button,
.wp-block-button__link,
button[type="submit"] {
    background-color: var(--ls-primary);
    color: #fff;
    border: none;
    transition: background-color 0.2s ease;
}

.ast-button:hover,
.button:hover,
.woocommerce-button:hover,
.wp-block-button__link:hover,
button[type="submit"]:hover {
    background-color: var(--ls-accent);
}

/* ---------- Header ---------- */
.site-header,
.ast-primary-header-bar {
    background-color: #EEEAE6;
    border-bottom: 1px solid var(--ls-border);
}

.main-header-menu a {
    color: var(--ls-text);
    transition: color 0.2s ease;
}

/* ---------- Icons ---------- */
.ls-menu-icon,
.ls-account-icon,
.ast-site-header-cart svg {
    color: var(--ls-text);
    transition: color 0.2s ease;
}

/* ---------- WooCommerce ---------- */
.woocommerce-Price-amount,
.cart-contents,
.woocommerce-message::before {
    color: var(--ls-primary);
}

.woocommerce-sale-badge,
.onsale {
    background-color: var(--ls-accent);
    color: #fff;
}

/* Warenkorb-Badge */
.ast-site-header-cart .cart-contents .count,
.ast-woo-header-cart-info-wrap .count,
.ast-site-header-cart .ast-cart-count,
.ast-site-header-cart .cart-container .count,
.ast-site-header-cart .ast-addon-cart-wrap .count,
.ast-site-header-cart .ast-icon-shopping-basket::after,
.ast-site-header-cart .ast-icon::after {
    background-color: var(--ls-accent) !important;
    color: #fff !important;
}

/* ---------- Formulare ---------- */
input,
textarea,
select {
    background-color: #fff;
    color: var(--ls-text);
    border: 1px solid var(--ls-border);
    transition: border-color 0.2s ease;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--ls-primary);
    outline: none;
}

/* ---------- Secondary Text ---------- */
.ast-small-text,
.woocommerce-product-category,
.breadcrumb,
.post-meta,
.widget-title {
    color: var(--ls-secondary);
}

/* ---------- Footer (alle Bereiche) ---------- */
.site-primary-footer-wrap,
.site-footer-primary-section-1,
.site-footer-primary-section-2,
.site-above-footer-wrap,
.site-footer-above-section-1,
.site-footer-above-section-2,
.site-below-footer-wrap,
.site-footer-below-section-1,
.site-footer-below-section-2 {
    background-color: var(--ls-text) !important;
}

.site-footer,
.site-footer a,
.site-footer span,
.site-footer p,
.site-footer li,
.site-footer .menu-link,
.site-footer .ast-nav-menu a,
#astra-footer-menu a,
.ast-footer-copyright,
.ast-footer-copyright span {
    color: var(--ls-bg) !important;
}

.site-footer a:hover,
#astra-footer-menu a:hover,
.ast-footer-nav a:hover {
    color: var(--ls-accent) !important;
}

/* Social Icons */
.site-footer .ast-footer-social-1-wrap i,
.site-footer .ast-footer-social-1-wrap svg,
.site-footer .ast-footer-social-1-wrap a,
.site-footer [class*="ast-footer-social"] i,
.site-footer [class*="ast-footer-social"] svg {
    color: var(--ls-bg) !important;
    fill: var(--ls-bg) !important;
}

/* Footer obere Zeile: "Our Shop" etc. in cremeweiß */
#astra-footer-menu li:nth-child(-n+4) a {
    color: var(--ls-bg) !important;
}

/* ---------- Footer Trennlinien ---------- */
/* Vor Above Footer (zwischen Seite und Above Footer) */
.site-above-footer-wrap {
    border-top: 1px solid var(--ls-border);
}

/* Vor Primary Footer (zwischen Above Footer und Primary Footer) */
.site-primary-footer-wrap {
    border-top: 1px solid var(--ls-border);
}

/* Vor Below Footer (zwischen Primary Footer und Below Footer) */
.site-below-footer-wrap {
    border-top: 1px solid var(--ls-border);
}

/* ---------- Mobile Above Footer ---------- */
@media (max-width: 920px) {
    .site-above-footer-wrap {
        background-color: var(--ls-text) !important;
    }

    /* Flaggen: Größe und Form korrekt */
    .site-above-footer-wrap .widget_polylang .lang-item a img {
        width: 15px !important;
        height: 15px !important;
        border-radius: 0 !important;
        display: inline-block !important;
    }
}