/* --- ГЛОБАЛЬНЫЕ ПЕРЕМЕННЫЕ И ШРИФТЫ --- */
:root {
    --uk-font-family-primary: 'Noto Sans SemiCondensed', sans-serif;
    /* Твой брендовый цвет как основа всей палитры */
    --brand-primary: #142d89;
    --brand-dark: #6e851a;
    --brand-light: #a3c226;
    --brand-muted: #f1f8e9;
    --brand-success: #558b2f;
}

body {
    font-family: 'Noto Sans SemiCondensed', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #000000;	
}
/* Настройка заголовков */
h1, h2, h3, h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6 {
    font-family: 'Noto Sans SemiCondensed', sans-serif;
    font-weight: 600; 
    text-transform: none;
}
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  /* 1 */
  font-family: 'Noto Sans SemiCondensed', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 800 !important; /* Максимальная жирность */
}

b, strong {
    font-weight: 700; 
}
.uk-article-title {
    font-size: 1.9rem;
    line-height: 2.2rem;
}

/* --- ПЕРЕОПРЕДЕЛЕНИЕ ПАЛИТРЫ UIKIT 3 --- */

/* Первичные элементы (Primary) */
.uk-primary, .uk-section-primary, .uk-background-primary, .uk-section-brand, .uk-background-brand {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
}

.uk-button-primary {
    background-color: var(--brand-primary);
    color: #fff;
    border: none;
    font-weight: 600;
}

.uk-button-primary:hover, .uk-button-primary:focus {
    background-color: var(--brand-dark);
    color: #fff;
}

.uk-text-primary, .uk-text-brand {
    color: var(--brand-primary) !important;
}

/* Успех (Success) - более глубокий зеленый */
.uk-label-success, .uk-alert-success, .uk-background-success {
    background-color: var(--brand-success) !important;
}

/* Ссылки */
a, .uk-link {
    color: var(--brand-dark);
}

a:hover, .uk-link:hover {
    color: var(--brand-primary);
}

/* Тулбар текст */
#section-toolbar {
    font-size: 14px;
    font-weight: 600;
}

/* --- ОСТАЛЬНЫЕ ЭФФЕКТЫ --- */
.uk-card-media-top img, .intro-image img {
    filter: sepia(10%) contrast(105%); 
    transition: transform 0.5s ease;
    border-radius: 4px;
}

.uk-card:hover .uk-card-media-top img {
    transform: scale(1.02);
    filter: none;
}

/* Оформление разделителя склеенных постов */
.thread-sep {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    margin: 40px 0;
    position: relative;
    overflow: visible;
    display: block;
}

.thread-sep::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 20px;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23999' cx='3' cy='10' r='1.5'/%3E%3Ccircle fill='%23999' cx='10' cy='10' r='1.5'/%3E%3Ccircle fill='%23999' cx='17' cy='10' r='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.uk-dropcap::first-letter,
.uk-dropcap>p:first-of-type::first-letter {
    margin-right: 2px !important;
    font-size: 1.5em !important;
    font-weight: 900 !important;
    margin-bottom: 0px !important;
}
/* Search Results Cleanup */
.result-metadata { font-size: 0 !important; color: transparent !important; }
.result-metadata > span, .result-metadata b, .result-metadata .divider { display: none !important; }
.result-metadata .result-category, .result-metadata span[class*="category"] {
    display: inline-block !important; font-size: 11px !important; color: #1e87f0 !important;
    font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; visibility: visible !important;
}
/* Делаем меню в Offcanvas вертикальным */
#offcanvas-menu .uk-navbar-nav {
    flex-direction: column;
}
#offcanvas-menu .uk-navbar-nav > li > a {
    justify-content: flex-start;
    padding: 10px 0;
    min-height: auto;
}
/* Улучшение мобильной пагинации */
@media (max-width: 639px) {
    .uk-pagination {
        gap: 15px; /* Увеличиваем зазор между стрелками для пальца */
    }
    .uk-pagination > li {
        padding-left: 0 !important; /* Убираем дефолтные отступы UIkit */
    }
    .uk-pagination svg {
        width: 22px; /* Чуть крупнее иконки */
        height: 22px;
    }
}

/* Эстетика активного номера на десктопе */
.uk-pagination > .uk-active > span {
    color: #1e87f0; /* Ваш основной цвет */
    border-bottom: 2px solid #1e87f0;
}
.relatedblock {
    font-size: 10px;
    margin-bottom: 2px;
}
/* ========================================================================
   Оформление цитат в статьях (Joomla 6 + Uikit 3)
   Файл: /media/templates/site/wmarka/css/user.css
 ========================================================================== */

/* Контейнер цитаты */
blockquote {
    font-size: 1.25rem; /* Немного увеличим для акцента */
    font-style: italic;
    line-height: 1.6;
    padding: 1rem 2rem;
    margin: 2rem 0;
    position: relative;
    z-index: 0;
    color: #3968a3;
    border-left: none; /* Убираем стандартную рамку, если есть */
    transition: border-color 0.3s ease-in-out;
}

/* Акцентная линия слева */
blockquote::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    background-color: #3968a3; /* Цвет линии совпадает с текстом */
    border-radius: 2px;
}

/* Большая фоновая кавычка */
blockquote::after {
    content: "";
    position: absolute;
    /* Используем SVG из твоего примера, оптимизировав размер */
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%233968a3' fill-opacity='0.1' d='M17.27,7.79 C17.27,9.45 16.97,10.43 15.99,12.02 C14.98,13.64 13,15.23 11.56,15.97 L11.1,15.08 C12.34,14.2 13.14,13.51 14.02,11.82 C14.27,11.34 14.41,10.92 14.49,10.54 C14.3,10.58 14.09,10.6 13.88,10.6 C12.06,10.6 10.59,9.12 10.59,7.3 C10.59,5.48 12.06,4 13.88,4 C15.39,4 16.67,5.02 17.05,6.42 C17.19,6.82 17.27,7.27 17.27,7.79 L17.27,7.79 Z'/%3E%3Cpath fill='%233968a3' fill-opacity='0.1' d='M8.68,7.79 C8.68,9.45 8.38,10.43 7.4,12.02 C6.39,13.64 4.41,15.23 2.97,15.97 L2.51,15.08 C3.75,14.2 4.55,13.51 5.43,11.82 C5.68,11.34 5.82,10.92 5.9,10.54 C5.71,10.58 5.5,10.6 5.29,10.6 C3.47,10.6 2,9.12 2,7.3 C2,5.48 3.47,4 5.29,4 C6.8,4 8.08,5.02 8.46,6.42 C8.6,6.82 8.68,7.27 8.68,7.79 L8.68,7.79 Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 80px;
    height: 80px;
    top: 10px;
    right: 20px;
    z-index: -1;
    opacity: 0.5;
    transition: transform 0.4s ease-in-out;
}

/* Эффект при наведении на статью */
article:hover blockquote::after {
    transform: scale(1.1) rotate(-5deg);
}

/* Стили для автора цитаты */
blockquote footer {
    margin-top: 1rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: #666;
    font-style: normal;
}

blockquote footer::before {
    content: "— "; /* Длинное тире перед автором */
}

/* Адаптивность: Mobile-first */
@media (max-width: 640px) {
    blockquote {
        font-size: 1.1rem;
        padding: 0.8rem 1.2rem;
    }
    blockquote::after {
        width: 50px;
        height: 50px;
        top: 5px;
        right: 10px;
    }
}