/*
Theme Name: ALURO
Author: Klo
Description: Custom theme for ALURO project.
Version: 1.6
Text Domain: aluro
*/

body {
    margin: 0; padding: 0;
    background: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 400;
}

.all {
    max-width: 1456px; padding: 0 20px; margin: 0 auto;
}

header.site-header {
    padding: 28px 0;
}

.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px 32px;
}

.site-logo-container img {
    width: 136px; height: auto;
}

@media (max-width: 800px) {
    .site-logo-container img { width: 110px; }
}

.header-tagline {
    background: #EBF6F8;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    padding: 10px;
    border-radius: 10px;
}

@media (max-width: 600px) {
    .header-tagline { order: -1; width: 100%; text-align: center; }
}

.header-auth-button a {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    background: #2C2C2C;
    text-decoration: none;
    padding: 11px 30px;
    border-radius: 10px;
    display: inline-block;
}

footer.site-footer {
    border-top: 1px solid #E5E5E5;
    padding: 36px 0;
    margin-top: 80px;
}

.footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px 20px;
}

.footer-left {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #3B3B3B;
}

.footer-right {
    font-weight: 300;
    font-size: 14px;
    background: url(assets/img/telegram.png) no-repeat 0 50% / 15px auto;
    padding-left: 25px;
}

.footer-right a {
    color: #000;
    font-weight: 500;
    text-decoration: none;
}

main {
    padding: 60px 20px;
    max-width: 1456px;
    margin: 0 auto;
}

h1, h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; color: #000; }
h1 { font-size: 58px; margin-bottom: 40px; }
h2 a { color: #000; text-decoration: none; }
h2 a:hover { color: #333; }

@media (max-width: 600px) { h1 { font-size: 34px; } }

.wp-block-post-date {
    font-size: 13px;
    color: #858DA6;
    margin-top: -10px;
    margin-bottom: 20px;
    display: block;
}

.wp-block-post-featured-image {
    margin-bottom: 24px;
}
.wp-block-post-featured-image img {
    border-radius: 15px;
    width: 100%;
    height: auto;
    display: block;
}

/* Сетка для постов на главной */
.wp-block-post-template.is-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    list-style: none;
    padding: 0;
}

@media (max-width: 600px) {
    .wp-block-post-template.is-grid {
        grid-template-columns: 1fr;
    }
}

/* Sidebar News Styles */
.news-sidebar .wp-block-post-title a {
    color: #000 !important;
    text-decoration: none;
}

.news-sidebar .wp-block-post-date {
    margin-top: 5px;
    color: #858DA6;
}

/* Mobile Ordering: News first */
@media (max-width: 781px) {
    .main-columns-wrapper .wp-block-columns {
        display: flex;
        flex-direction: column;
    }
    .main-columns-wrapper .wp-block-column:nth-child(2) {
        order: -1; /* Sidebar first */
        margin-bottom: 40px;
    }
    .news-sidebar aside {
        padding-left: 0 !important;
        border-left: none !important;
    }
}

/* Breadcrumbs Styles */
.aluro-breadcrumbs {
    font-size: 14px;
    color: #858DA6;
    margin-bottom: 20px;
}

.aluro-breadcrumbs a {
    color: #858DA6;
    text-decoration: none;
}

.aluro-breadcrumbs a:hover {
    color: #000;
}

.aluro-breadcrumbs span {
    color: #000;
}

/* Breadcrumbs Override */
.aluro-breadcrumbs {
    font-size: 12px !important;
    color: #858DA6 !important;
}

.aluro-breadcrumbs a {
    color: #858DA6 !important;
}

.aluro-breadcrumbs span {
    color: #858DA6 !important;
}