/* ===== Minimal Theme Override ===== */

:root {
    --primary:    #333;
    --primary-h:  #111;
    --bg:         #fff;
    --card-bg:    #fff;
    --text:       #222;
    --muted:      #888;
    --border:     #e8e8e8;
    --border-dark:#ccc;
    --radius:     4px;
    --shadow:     none;
    --shadow-md:  none;
    --candy-1:    #333;
    --candy-2:    #555;
    --candy-3:    #333;
    --candy-4:    #555;
}

body { font-family: -apple-system, 'Segoe UI', system-ui, sans-serif; font-size: 15px; line-height: 1.7; background: #fff; }
body::after { display: none; }

/* Kleineres rundes Logo mit Doppelring */
.blog-logo {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #d9d9d9, 0 0 0 4px #f3f3f3;
}

/* ===== Header ===== */
.site-header { background: #fff; border-bottom: 1px solid #e8e8e8; box-shadow: none; backdrop-filter: none; }
.site-header h1 a { font-family: -apple-system, 'Segoe UI', system-ui, sans-serif; font-weight: 700; letter-spacing: -.5px; }
.site-header nav a { font-family: -apple-system, 'Segoe UI', system-ui, sans-serif; color: #888; font-weight: 400; font-size: .85rem; }
.site-header nav a:hover { color: #222; }
.site-header nav a::after { background: #222; height: 1px; }

/* ===== Hero ===== */
.blog-hero { background: #fafafa; color: #222; border-top: none; border-bottom: 1px solid #e8e8e8; padding: 48px 0; }
.blog-hero::before, .blog-hero::after { display: none; }
.blog-hero .hero-content { color: #555; font-size: .95rem; line-height: 1.8; }
.blog-hero .hero-content h2 { color: #222; }

/* ===== Post Grid ===== */
.post-card { border: none; border-bottom: 1px solid #dcdcdc; border-radius: 0; background: transparent; box-shadow: none; }
.post-card:hover { border-color: #cfcfcf; box-shadow: none; transform: none; }

/* Deutliche horizontale Trennung zwischen den Posts auf der Startseite */
.post-grid { row-gap: 0 !important; }
.post-grid .post-card {
    border: none !important;
    border-bottom: 1px solid #cfcfcf !important;
    padding-bottom: 44px;
    margin-bottom: 44px;
}
.post-grid .post-card:last-child {
    margin-bottom: 0;
}
.post-card::after { display: none; }
.post-thumb img { border-radius: 2px; height: 320px; object-fit: cover; width: 100%; }
.post-card-body { padding: 16px 0; }
.post-card-body h2 { font-family: -apple-system, 'Segoe UI', system-ui, sans-serif; font-size: 1.05rem; font-weight: 600; }
.post-card-body time { font-size: .8rem; color: #aaa; }
.post-card-body p { font-size: .9rem; color: #555; line-height: 1.6; }

@media (min-width: 768px) {
    .post-grid { grid-template-columns: 1fr; gap: 0; }
}

/* ===== Single Post ===== */
.post-single { border: none; background: transparent; padding: 0; box-shadow: none; }
.post-header { border-bottom: 1px solid #eee; padding-bottom: 16px; margin-bottom: 24px; }
.post-header h1 { font-family: -apple-system, 'Segoe UI', system-ui, sans-serif; font-size: 1.8rem; font-weight: 700; letter-spacing: -.5px; }
.post-header time { color: #aaa; font-weight: 400; font-size: .85rem; }
.post-content { font-size: 1rem; line-height: 1.85; color: #333; }
.post-gallery a img { border-radius: 2px; border: 1px solid #eee; }

/* ===== Downloads ===== */
.download-btn { background: #fafafa; border: 1px solid #eee; border-radius: 4px; }
.download-btn:hover { background: #f5f5f5; border-color: #ddd; transform: none; box-shadow: none; }

/* ===== Buttons ===== */
.btn { background: #222; color: #fff; border: 1px solid #222; border-radius: 4px; box-shadow: none; font-family: -apple-system, 'Segoe UI', system-ui, sans-serif; font-weight: 500; }
.btn::before, .btn::after { display: none; }
.btn:hover { background: #000; border-color: #000; color: #fff; transform: none; box-shadow: none; filter: none; }
.btn:active { transform: none; }
.btn-sm { border-radius: 3px; }
.btn-secondary { background: #fff; color: #222; border: 1px solid #ddd; }
.btn-secondary:hover { background: #fafafa; border-color: #ccc; }
.btn-danger { background: #fff; color: #c00; border-color: #ecc; }
.btn-danger:hover { background: #fff5f5; border-color: #daa; }

/* ===== Categories ===== */
.cat-tag { border-radius: 3px; font-weight: 500; background: #fafafa; border: 1px solid #e8e8e8; }
.cat-tag::after { display: none; }
.cat-tag:hover { background: #f0f0f0; border-color: #ddd; transform: none; }
.cat-tag.active { background: #222; color: #fff; border-color: #222; box-shadow: none; }
.cat-tag.active .cat-count { background: rgba(255,255,255,.2); color: #fff; }
.cat-badge { background: #f5f5f5; border: 1px solid #e8e8e8; border-radius: 3px; }

/* ===== Pagination ===== */
.pagination a { border-radius: 3px; background: #fff; border: 1px solid #e8e8e8; }
.pagination a.active { background: #222; color: #fff; border-color: #222; box-shadow: none; }
.pagination a:hover:not(.active) { background: #fafafa; border-color: #ddd; }

/* ===== Footer ===== */
.site-footer { background: #fff; border-top: 1px solid #e8e8e8; box-shadow: none; }
.footer-links a { color: #888; }
.footer-links a:hover { color: #222; }

/* ===== Contact ===== */
.contact-card { border-radius: 4px; background: #fafafa; border: 1px solid #e8e8e8; }
.contact-card::after { display: none; }
.contact-card:hover { background: #f5f5f5; border-color: #ddd; transform: none; box-shadow: none; }

/* ===== Auto Links ===== */
.auto-link { background: #f5f5f5; border: 1px solid #e8e8e8; color: #222; border-radius: 3px; }
.auto-link:hover { background: #eee; color: #000; border-color: #ddd; }
.click-count { background: #555; }

/* ===== Modals ===== */
.modal { border-radius: 4px; }
.modal-body { color: #444; }

/* ===== Forms (frontend) ===== */
.form-group input[type="text"],
.form-group textarea {
    border-radius: 3px;
    border: 1px solid #ddd;
}
.form-group input:focus,
.form-group textarea:focus {
    border-color: #999;
    box-shadow: none;
}

/* ===== Remove all candy animations ===== */
@keyframes candyShift { 0%, 100% { background-position: 0% 50%; } }

/* ===== Settings Tabs (admin) ===== */
.settings-tabs a.active { background: #222; color: #fff; box-shadow: none; }