/* --- GK Nostalgie Theme System --- */
/* Dieses Stylesheet definiert die globalen Design-Variablen und Hilfsklassen für den Nostalgie/Comic-Look */

:root {
    /* Farben */
    --gk-nostalgia-bg: #f9f7f2;
    /* Warmes Off-White für Hintergründe */
    --gk-nostalgia-primary: #1a1a1a;
    /* Fast Schwarz für Texte und Rahmen */
    --gk-nostalgia-accent: #f8db46;
    /* Knalliges Gelb für Akzente */
    --gk-nostalgia-secondary: #ff4444;
    /* Rot für Badges/Sale */
    --gk-nostalgia-blue: #a3d5ff;
    /* Pastellblau für Varianz */

    /* Typografie */
    --gk-font-primary: 'Poppins', sans-serif;
    --gk-font-display: 'Kaushan Script', cursive;

    /* Borders & Shadows */
    --gk-border-width: 3px;
    --gk-border-radius: 12px;
    --gk-shadow-hard: 4px 4px 0 var(--gk-nostalgia-primary);
    --gk-shadow-hover: 6px 6px 0 var(--gk-nostalgia-primary);
}

/* --- Globale Klassen (Utility Classes) --- */

/* Comic Box Basis-Stil */
.gk-comic-box {
    background-color: #fff;
    border: var(--gk-border-width) solid var(--gk-nostalgia-primary);
    box-shadow: var(--gk-shadow-hard);
    border-radius: var(--gk-border-radius);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gk-comic-box:hover {
    transform: translate(-2px, -2px);
    box-shadow: var(--gk-shadow-hover);
}

/* Comic Button */
.gk-comic-btn {
    display: inline-block;
    background-color: var(--gk-nostalgia-primary);
    color: #fff;
    font-family: var(--gk-font-primary);
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 20px;
    border: none;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
}

.gk-comic-btn:hover {
    background-color: #333;
    transform: scale(1.05);
}

/* Halftone Textur Hintergrund */
.gk-halftone-bg {
    background-image: radial-gradient(var(--gk-nostalgia-primary) 1px, transparent 1px);
    background-size: 20px 20px;
    background-color: var(--gk-nostalgia-bg);
    opacity: 0.05;
}

/* Typografie Helfer */
.gk-font-display {
    font-family: var(--gk-font-display);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* --- Integrationen für spezifische Elemente --- */

/* 3D Scroller Anpassungen für das Theme */
.gk-3d-scroll-section {
    background-color: transparent !important;
    /* Transparent damit der Body-Hintergrund wirkt */
}

/* Überschreibt Standard-WooCommerce Buttons innerhalb unserer Container falls nötig */
.gk-wrapper .button,
.gk-wrapper .added_to_cart {
    background-color: var(--gk-nostalgia-primary) !important;
    color: #fff !important;
    border-radius: 0 !important;
    border: 2px solid #000 !important;
    box-shadow: 3px 3px 0 #000 !important;
}