/*
Theme Name: Storefront Child — Drops
Template: storefront
Version: 1.1
Description: Child-Theme für den Zine-Shop. Drop-Regeln (functions.php) + Branding nach martin-neuhof.com (Design-Tokens aus dem Elementor-Kit der Portfolio-Seite, 07.07.2026).
*/

/* ==========================================================================
   Design-Tokens (Quelle: martin-neuhof.com, Elementor Global Kit)
   ========================================================================== */
:root {
    --mn-accent: #c46200;          /* Rost-Orange */
    --mn-accent-dark: #9d4f00;
    --mn-accent-tint: rgba(196, 98, 0, 0.19);
    --mn-secondary: #b7a693;       /* warmes Beige */
    --mn-secondary-tint: rgba(183, 166, 147, 0.21);
    --mn-dark: #111827;            /* dunkle Sektionen/Footer wie Portfolio */
    --mn-font-display: 'Anton', 'Arial Narrow', sans-serif;
    --mn-font-text: 'Mate', Georgia, serif;
    --mn-font-ui: 'Poppins', -apple-system, sans-serif;
}

/* --- Basis --- */
body {
    font-family: var(--mn-font-text);
    color: #000;
    background: #fff;
    font-size: 1.1em;
}

h1, h2, h3, h4, h5, h6,
.site-branding .site-title,
.woocommerce-products-header__title,
.product_title {
    font-family: var(--mn-font-display);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #000;
}

a { color: var(--mn-accent); }
a:hover, a:focus { color: var(--mn-accent-dark); }

/* --- Header/Navigation --- */
.site-header,
.storefront-primary-navigation {
    background: #fff;
    color: #000;
}
.site-branding .site-title a,
.main-navigation ul li a,
.site-header-cart .cart-contents {
    color: #000;
}
.main-navigation ul li a {
    font-family: var(--mn-font-ui);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.85em;
}

/* --- Buttons --- */
button, input[type="submit"], .button, .wp-block-button__link,
.woocommerce #respond input#submit,
.single_add_to_cart_button,
.checkout-button {
    font-family: var(--mn-font-ui) !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-radius: 0;
    background-color: var(--mn-accent) !important;
    border-color: var(--mn-accent) !important;
    color: #fff !important;
}
button:hover, input[type="submit"]:hover, .button:hover,
.single_add_to_cart_button:hover, .checkout-button:hover {
    background-color: var(--mn-accent-dark) !important;
    border-color: var(--mn-accent-dark) !important;
    color: #fff !important;
}

/* --- Produkt/Preis/Edition --- */
.price, .woocommerce-Price-amount {
    font-family: var(--mn-font-ui);
    font-weight: 500;
    color: #000;
}
.stock, p.stock {
    font-family: var(--mn-font-ui);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mn-accent) !important;
    background: var(--mn-accent-tint);
    display: inline-block;
    padding: 0.3em 0.8em;
}
.onsale {
    background-color: var(--mn-secondary) !important;
    color: #000 !important;
    border-radius: 0;
    font-family: var(--mn-font-ui);
}

/* --- Hinweise/Badges (z. B. Max-2-Meldung) --- */
.woocommerce-info, .wc-block-components-notice-banner.is-info {
    border-top-color: var(--mn-secondary);
    background: var(--mn-secondary-tint);
}
.woocommerce-error, .wc-block-components-notice-banner.is-error {
    border-top-color: var(--mn-accent);
}

/* --- Footer: dunkel wie die Portfolio-Sektionen --- */
.site-footer {
    background: var(--mn-dark);
    color: var(--mn-secondary);
}
.site-footer a { color: #fff; }
.site-footer a:hover { color: var(--mn-secondary); }