/*
Theme Name: UFC NeoBrutalism
Author: Gemini
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Staatliches&family=Syncopate:wght@700&family=Space+Mono:wght@400;700&display=swap');

:root {
    --raw-red: #FF0000;
    --raw-black: #000000;
    --raw-white: #FFFFFF;
    --brutal-shadow: 8px 8px 0px var(--raw-black);
    --brutal-shadow-red: 8px 8px 0px var(--raw-red);
}

body {
    background-color: #f0f0f0;
    font-family: 'Space Mono', monospace;
    color: var(--raw-black);
    line-height: 1.6;
}

/* Элемент жесткой карточки */
.brutal-card {
    background: var(--raw-white);
    border: 4px solid var(--raw-black);
    box-shadow: var(--brutal-shadow);
    transition: all 0.2s;
}

.brutal-card:hover {
    transform: translate(-4px, -4px);
    box-shadow: 12px 12px 0px var(--raw-red);
}

/* Изолированные стили для контента */
.wp-singular .single-custom-class {
    line-height: 1.6;
    color: #1a1a1a;
}

.wp-singular .single-custom-class h1, .wp-singular h2, .wp-singular h3, .wp-singular h4 {
    font-family: 'Huge', sans-serif; /* Твой шрифт */
    text-transform: uppercase;
    line-height: 1;
    margin: 2rem 0 1.5rem;
    letter-spacing: -0.02em;
}

.wp-singular .single-custom-class h2 { font-size: 3.5rem; border-left: 12px solid #ff0000; padding-left: 1rem; }
.wp-singular .single-custom-class h3 { font-size: 2.2rem; background: #000; color: #fff; display: inline-block; padding: 0.2rem 0.6rem; }

.wp-singular .single-custom-class p {
    font-family: 'Data', sans-serif;
    font-size: 1.15rem;
    margin-bottom: 1.5rem;
}

.wp-singular .single-custom-class blockquote {
    border: 4px solid #000;
    padding: 2rem;
    margin: 3rem 0;
    font-style: italic;
    background: #f0f0f0;
    position: relative;
    box-shadow: 10px 10px 0 #ff0000;
}

.wp-singular .single-custom-class img {
    border: 4px solid #000;
    box-shadow: 8px 8px 0 #000;
    margin: 2rem 0;
}

.wp-singular .single-custom-class ul {
    list-style: none;
    padding: 0;
}

.wp-singular .single-custom-class ul li::before {
    content: "— ";
    color: #ff0000;
    font-weight: bold;
}

/* Магнитное меню */
.sticky-toc {
    position: sticky;
    top: 120px;
    height: fit-content;
}