/* wa-theme.css — тема, сгенерированная для восстановленного сайта (deepseek/deepseek-v4-pro, попытка 1). */
body {
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
    color: #2c2c2c;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 16px;
    line-height: 1.6;
}

/* Reset listing styles globally */
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Main site container – framed white card */
#SITE_CONTAINER {
    max-width: 1140px;
    margin: 0 auto;
    background: #fff;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    box-shadow: 0 0 12px rgba(0,0,0,0.06);
    min-height: 100vh;
    overflow: hidden; /* contain floats */
}

/* ---------- Header ---------- */
/* capture header-like elements by role, id, class, and first child fallback */
#SITE_CONTAINER > header,
#SITE_CONTAINER > [role="banner"],
#SITE_CONTAINER > .header,
#SITE_CONTAINER > #SITE_HEADER,
#SITE_CONTAINER > .site-header,
#SITE_CONTAINER > div:first-child {
    background: #ffffff;
    border-bottom: 1px solid #e8e8e8;
    padding: 0 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
}

/* Logo/title */
#SITE_CONTAINER > header h1,
#SITE_CONTAINER > header .logo,
#SITE_CONTAINER > header .site-title,
#SITE_CONTAINER > header a[href="/"] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: #b83232;
    text-decoration: none;
    margin: 0;
    padding: 8px 0;
    white-space: nowrap;
}

/* Nav container */
nav, .nav, .menu, #SITE_NAV, [role="navigation"] {
    display: flex;
    align-items: center;
}

/* Top-level navigation list */
nav ul,
.nav ul,
.menu ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

/* Top-level list items */
nav > ul > li,
.nav > ul > li,
.menu > ul > li {
    position: relative;
}

/* Navigation links – horizontal spacing */
nav a,
.nav a,
.menu a {
    display: inline-block;
    padding: 12px 18px;
    text-decoration: none;
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.95rem;
    font-weight: 500;
    transition: background 0.2s, color 0.2s;
}

nav a:hover,
.nav a:hover,
.menu a:hover,
nav li:hover > a,
.nav li:hover > a,
.menu li:hover > a {
    background: #f9f9f9;
    color: #b83232;
}

/* Dropdowns – hidden by default */
nav ul ul,
.nav ul ul,
.menu ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    min-width: 200px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    z-index: 10;
}

/* Show dropdown on hover/focus of parent li */
nav li:hover > ul,
.nav li:hover > ul,
.menu li:hover > ul,
nav li:focus-within > ul,
.nav li:focus-within > ul,
.menu li:focus-within > ul {
    display: block;
}

/* Dropdown items stack vertically */
nav ul ul li {
    display: block;
    width: 100%;
}

nav ul ul a {
    padding: 10px 18px;
    white-space: nowrap;
}

/* Hide hamburger icon on all screens – always show nav */
.hamburger,
.menu-icon,
.mobile-menu-icon,
.menu-toggle,
[class*="hamburger"],
[class*="mobile-menu"] {
    display: none !important;
}

/* ---------- Hero ---------- */
/* any second child that could be a hero wrapper */
#SITE_CONTAINER > div:nth-child(2),
.hero,
.hero-image,
.banner,
.parallax,
[class*="hero"] {
    position: relative;
    background: none !important; /* kill broken backgrounds */
    background-color: #3a3a3a !important; /* fallback solid */
    background-image: none !important;
    color: #fff;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 60px 24px;
    overflow: hidden;
}

/* Simple gradient overlay for visual interest */
#SITE_CONTAINER > div:nth-child(2)::before,
.hero::before,
.hero-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(184,50,50,0.7) 0%, rgba(30,30,30,0.8) 100%);
    z-index: 1;
}

#SITE_CONTAINER > div:nth-child(2) *,
.hero *,
.hero-image * {
    position: relative;
    z-index: 2;
}

/* Read more button */
a.read-more,
a.button,
.btn,
button,
input[type="submit"],
input[type="button"] {
    display: inline-block;
    background: #b83232;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 12px 28px;
    margin: 12px 0;
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

a.read-more:hover,
a.button:hover,
.btn:hover,
button:hover,
input[type="submit"]:hover {
    background: #962a2a;
}

/* ---------- Main Content ---------- */
main,
[role="main"],
.content,
#SITE_CONTENT,
.main-content {
    padding: 32px 24px;
    max-width: 900px;
    margin: 0 auto;
}

/* Article / post list spacing */
article,
.post,
.post-item,
.blog-entry,
[class*="post"] {
    margin-bottom: 36px;
    padding-bottom: 24px;
    border-bottom: 1px solid #eee;
}

article:last-child {
    border-bottom: none;
}

article h2,
article h3,
.post-title,
.entry-title {
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 700;
    font-size: 1.6rem;
    color: #222;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

article h2 a,
.post-title a {
    color: inherit;
    text-decoration: none;
}

article h2 a:hover,
.post-title a:hover {
    color: #b83232;
}

/* General typography inside content */
main p,
.content p,
article p {
    margin: 0 0 16px;
    line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    margin-bottom: 0.5em;
    font-family: Georgia, serif;
    color: #222;
}

/* Tables */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
}

th, td {
    padding: 10px 12px;
    border: 1px solid #ddd;
    text-align: left;
}

th {
    background: #f7f7f7;
    font-weight: 600;
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="url"],
textarea,
select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 1rem;
    box-sizing: border-box;
    margin-bottom: 12px;
}

/* ---------- Footer ---------- */
footer,
[role="contentinfo"],
.footer,
#SITE_FOOTER,
.site-footer {
    background: #2c2c2c;
    color: #ccc;
    padding: 40px 24px;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.9rem;
}

footer a {
    color: #eb8b8b;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

/* Social icons container */
.social-icons,
.social-links,
.footer-social {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.social-icons a,
.social-links a {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #444;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 1rem;
    transition: background 0.2s;
    text-decoration: none;
}

.social-icons a:hover {
    background: #b83232;
}

/* ---------- Responsive ---------- */
@media screen and (max-width: 768px) {
    #SITE_CONTAINER {
        max-width: 100%;
        border-left: none;
        border-right: none;
        box-shadow: none;
    }

    body {
        background-color: #fff; /* single white page */
    }

    /* Header – stack logo & nav vertically */
    #SITE_CONTAINER > header,
    #SITE_CONTAINER > [role="banner"],
    #SITE_CONTAINER > .header,
    #SITE_CONTAINER > div:first-child {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
    }

    nav, .nav, .menu, [role="navigation"] {
        width: 100%;
    }

    /* Nav becomes vertical block */
    nav ul,
    .nav ul,
    .menu ul {
        flex-direction: column;
        width: 100%;
    }

    nav > ul > li,
    .nav > ul > li,
    .menu > ul > li {
        display: block;
    }

    nav a,
    .nav a,
    .menu a {
        display: block;
        padding: 12px 16px;
        border-bottom: 1px solid #f0f0f0;
    }

    /* Dropdowns on mobile – keep hidden but expose on hover still */
    nav ul ul {
        position: static;
        display: none;
        border: none;
        box-shadow: none;
        background: #fafafa;
    }

    nav li:hover > ul,
    nav li:focus-within > ul {
        display: block;
    }

    /* Hero – reduce height */
    #SITE_CONTAINER > div:nth-child(2),
    .hero, .hero-image {
        min-height: 220px;
        padding: 40px 20px;
    }

    /* Main content padding */
    main, .content, #SITE_CONTENT {
        padding: 24px 16px;
    }

    /* Adjust button spacing */
    a.read-more, .btn, button {
        margin: 16px 0;
    }

    /* Footer spacing */
    footer, .footer {
        padding: 30px 16px;
    }
}

/* Prevent any image overflow */
img, video, iframe, object {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Ensure all links are visible, no underline in nav */
a {
    color: #b83232;
    transition: color 0.2s;
}
a:hover {
    color: #962a2a;
}

/* Additional spacing for generic lists inside content */
.content ul, .content ol,
article ul, article ol {
    margin: 0 0 16px 20px;
}

.content li, article li {
    margin-bottom: 6px;
}