/* !
Theme Name: Enmerkar
Theme URI: https://www.enmerkar.org
Author: Aleksandr
Author URI: https://webstatys.ru/
Description: Description
Requires PHP: 7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: enmerkar
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
body {margin: 0;background: #ededed url(../enmerkar/assets/images/body-bgb.jpg) repeat-x center -15px;font-size: 16px;
  line-height: 1.6;}

.raven-img-right{position: relative!important;top: 40%!important;}
.raven-img-left{position: relative!important;top: 40%!important;}
.mobile-ravens {display:none;}
.fl-wr article {text-align:justify;}

/* ——— Фиксированная позиция блока GTranslate ——— */
.gtranslate_wrapper {
  position: fixed !important;
  top: 10px !important;           /* можно изменить отступ сверху */
  right: 10px !important;         /* можно изменить отступ справа */
  width: max-content !important;
  height: max-content !important;
  z-index: 99999 !important;      /* поверх всех элементов */
  pointer-events: auto !important;
}

/* ——— Равномерное уменьшение кнопки (десктоп) ——— */
.gtranslate_wrapper > div,
.gtranslate_wrapper .gt_float_switcher,
.gtranslate_wrapper .switcher,
.gtranslate_wrapper .gt_switcher_wrapper {
  transform: scale(0.85) !important;          /* около −20% от оригинала */
  transform-origin: top right !important;
  transition: transform 0.2s ease-in-out;     /* плавность при загрузке */
position: static !important;
}
/* ——— Адаптация под мобильные устройства ——— */
@media (max-width: 768px) {
  /* немного опускаем блок вниз и сдвигаем чуть правее */
  .gtranslate_wrapper {
    transform: translate(8px, 12px) !important;  /* X = вправо, Y = вниз */
  }

  /* масштабируем кнопку */
  .gtranslate_wrapper > div,
  .gtranslate_wrapper .gt_float_switcher,
  .gtranslate_wrapper .switcher,
  .gtranslate_wrapper .gt_switcher_wrapper {
    transform: scale(0.75) !important;
    transform-origin: top right !important;
  }

  /* ✳︎ расширяем кнопку, добавляем место для флага и текста */
  .gtranslate_wrapper .gt_float_switcher > a,
  .gtranslate_wrapper .switcher > a,
  .gtranslate_wrapper .switcher .selected > a,
  .gtranslate_wrapper .gt_switcher_wrapper > a,
  .gtranslate_wrapper .gt_selected > a,
  .gtranslate_wrapper .gt_float_switcher a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    white-space: nowrap !important;

    min-width: 90px !important;
    padding: 11px 19px !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
  }

  /* оболочка — не ограничиваем ширину */
  .gtranslate_wrapper .gt_float_switcher,
  .gtranslate_wrapper .switcher,
  .gtranslate_wrapper .gt_switcher_wrapper {
    width: auto !important;
    max-width: none !important;
  }
}
/* ——— Смещаем кнопку правее на мобайле ——— */
@media (max-width: 768px) {
  .gtranslate_wrapper { 
    transform: translateY(12px) !important;  /* как было: только вниз */
  }

  /* уменьшаем правый отступ — ближе к правому краю */
  body .gtranslate_wrapper,
  body .gtranslate_wrapper .gt_float_switcher,
  body .gtranslate_wrapper .gt_switcher_wrapper,
  body .gtranslate_wrapper .switcher,
  body .gtranslate_wrapper [style*="right"] {
    right: 6px !important;     /* попробуй 6px; при необходимости 4px или 2px */
    left: auto !important;
    position: absolute !important;
  }
}

.gt_float_wrapper {position: static !important;}
.gtranslate_wrapper {position: absolute !important;}

/* центрируем контейнер reCaptcha от BWS */
#commentform .gglcptch{
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin: 12px 0 16px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.search-no-results .enmerkar-search-new {display: none;}
.search-results .enmerkar-search-block {padding: 60px 10px 30px 10px !important;}
.search-results h1 {text-align:center;}
/* 1) Стандартный логотип WordPress: <a class="custom-logo-link"><img class="custom-logo"> */
.custom-logo-link{
  display: inline-block;              /* чтобы трансформировать весь логотип целиком */
  transform-origin: center center;
  transition: transform .25s ease;
}
@media (hover:hover) and (pointer:fine){
  .custom-logo-link:hover{ transform: scale(1.06); }   /* ПК: при наведении */
}
@media (hover:none){
  .custom-logo-link:active{ transform: scale(1.06); }  /* мобайл: при касании */
}

/* 2) Если логотип без ссылки (редко): <img class="custom-logo"> */
.custom-logo{
  transition: transform .25s ease;
  transform-origin: center center;
}
@media (hover:hover) and (pointer:fine){
  .custom-logo:hover{ transform: scale(1.06); }
}
@media (hover:none){
  .custom-logo:active{ transform: scale(1.06); }
}

/* 3) Доступность: у кого включено «уменьшить анимации» — отключим */
@media (prefers-reduced-motion: reduce){
  .custom-logo-link, .custom-logo{ transition: none; }
}

/* 4) На всякий случай: не обрезать «вылезающие» пиксели логотипа */
.site-branding, .logo{ overflow: visible; }
/* на всякий случай — сам .g-recaptcha как блочный */
#commentform .gglcptch .g-recaptcha{
  display: block;
}

h3.comment-reply-title small {
display: block;
padding-top: 5px;}

@media (max-width: 478px) {
	.raven-title-wrap .raven-img-right {display:none!important;}
	.raven-title-wrap .raven-img-left {display:none!important;}
	.mobile-ravens  {
        position: static;
        display: flex;
        justify-content: center;
        gap: 215px;
        margin-top: -40px;
    }
    
    .raven-img-left, 
    .raven-img-right {
        position: static !important;
        max-width: 40px;
        top: 0 !important;
        pointer-events: none;
    }
    
    .more-link {
        position: relative;
        z-index: 2;
        margin-top: 10px;
    }
    
    /* Защитный слой для кнопки */
    .more-link::before {
        content: "";
        position: absolute;
        top: -20px;
        left: -20px;
        right: -20px;
        bottom: -20px;
        z-index: 1;
    }
	
	
	
	
	.article-thumbnail img {height:250px!important;}
	
}
@media (max-width: 400px) {
	.mobile-ravens img {max-width:40px!important;}
	.mobile-ravens {bottom: 7%;  gap: 255%;}
}
@media (max-width: 320px) {
	.mobile-ravens img {max-width:25px!important;}
	.mobile-ravens {bottom: 5%;  gap: 333%;margin-top: -25px!important;}
	.fl-wr article .more-link  {padding: 8px 16px!important;font-size: 12px!important;min-width: 150px!important;}

}


/* Для конкретных контейнеров */
.entry-content img[sizes="auto"] {
    max-width: 720px !important;
}
.comment-respond {text-align: center;}
.comment-form {
    display: block;
    text-align: center;}
/* Адаптивные заголовки */
h1 {
  font-size: clamp(1.75rem, 5vw, 2.5rem); /* 28-40px */
}

h2 {
  font-size: clamp(1.5rem, 4vw, 2rem); /* 24-32px */
}

/* Адаптивные параграфы */

.single .entry-content p {
  font-size: clamp(1rem, 1.2vw, 1.15rem); /* 16px — 18.4px */
  line-height: clamp(1.6, 0.5vw + 1.3, 1.9); /* немного свободнее */
  max-width: 800px;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Особый стиль для цитат в футере */
.footer-quote {
  font-size: clamp(1.125rem, 3vw, 1.5rem); /* 18-24px */
}

/* Адаптивное меню */
.menu-button {
  font-size: clamp(0.875rem, 1.8vw, 1.125rem); /* 14-18px */
  padding: clamp(10px, 2vw, 16px) clamp(15px, 3vw, 24px);
}
/* --- Карточка комментариев --- */
.footer-comments{
  position: relative;
  background: #131313;
  border-radius: 22px;
  padding: 18px 18px 20px;
  box-shadow:
    0 0 0 2px rgba(255,140,30,.55) inset,
    0 0 28px 8px rgba(255,140,30,.18),
    0 12px 30px rgba(0,0,0,.55);
  max-width: 100%;          /* не вылезать из колонки */
  overflow: hidden;         /* на всякий случай */
  box-sizing: border-box;
}

/* Центруем заголовок и убираем ПРОПИСНЫЕ */
.footer-comments{ text-align: center; } /* только для заголовка (см. ниже) */

.footer-comments__title{
  display: inline-block;     /* чтобы центрировался внутри text-align:center */
  margin: 0 0 14px;
  padding: 8px 16px;
  background: #1c1c1c;
  color: #fff;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: none;      /* <-- НЕ прописными */
  font-size: clamp(16px, 2.2vw, 22px);
  box-shadow:
    0 0 0 2px rgba(255,140,30,.6),
    0 8px 18px rgba(255,140,30,.25);
}

/* Возвращаем выравнивание списка влево, чтобы не центрировался вместе с заголовком */
.footer-comments__list{ 
  text-align: left; 
  list-style: none; margin:0; padding:0; 
  display:flex; flex-direction:column; gap:10px;
}

/* Элемент списка */
.footer-comments__link{
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration: none;
  color: #e6e6e6;
  background: rgba(255,255,255,.035);
  transition: background .2s ease, transform .15s ease;
}
.footer-comments__link:hover{
  background: rgba(255,140,30,.12);
  transform: translateY(-1px);
}

/* Аватар и тексты */
.footer-comments__avatar{ width:44px; height:44px; border-radius:8px; display:block; }
.footer-comments__author{ font-weight:700; color:#fff; }
.footer-comments__post{ margin-left:.35em; font-size:12px; color:#ffb356; opacity:.95; }
.footer-comments__text{ display:block; margin-top:2px; font-size:14px; line-height:1.35; color:#d8d8d8; }

  .footer-comments__link{
    grid-template-columns: 40px 1fr;
    padding: 8px 10px;
  }
  .footer-comments__text{ font-size: 13px; }
}
/* Адаптивное меню */
.menu-button {
  font-size: clamp(0.875rem, 1.8vw, 1.125rem); /* 14-18px */
  padding: clamp(10px, 2vw, 16px) clamp(15px, 3vw, 24px);
}
/* Общий центрирующий контейнер футера */
.site-footer .footer-stack{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* На всякий: выключим двухколоночную раскладку именно в футере */
.site-footer .row-flex{ display:block !important; }

/* ====== Аккордеон "Последние комментарии" ====== */
.footer-accordion{
  max-width: 880px;      /* ширина блока сверху */
  margin: 0 auto 28px;   /* по центру, отступ снизу от "О блоге" */
}
.footer-accordion[open]{ margin-bottom: 22px; }

.footer-accordion__summary{
  list-style: none; cursor: pointer; user-select: none;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.footer-accordion__summary::-webkit-details-marker{ display: none; }

/* Пилюля-заголовок в твоём стиле */
.footer-accordion__title{
  display:inline-block; padding:10px 18px; border-radius:999px;
  background:#1c1c1c; color:#fff; font-weight:700;
  letter-spacing:.02em; text-transform:none;
  box-shadow:
    0 0 0 2px rgba(255,140,30,.6),
    0 8px 18px rgba(255,140,30,.25);
}

/* Кнопка "+" под пилюлей */
.footer-accordion__plus{
  width: 38px; height: 38px; border-radius: 999px;
  display:grid; place-items:center;
  background:#1c1c1c; color:#fff; font-weight:700; font-size:22px;
  box-shadow:
    0 0 0 2px rgba(255,140,30,.55),
    0 6px 16px rgba(255,140,30,.25);
  position: relative;
}
.footer-accordion__plus::before,
.footer-accordion__plus::after{
  content:""; position:absolute; background:#fff; border-radius:2px;
}
.footer-accordion__plus::before{ width:18px; height:2px; }
.footer-accordion__plus::after{ width:2px; height:18px; }

/* при раскрытии превращаемся в "×" (наклонённый плюс) */
.footer-accordion[open] .footer-accordion__plus{
  transform: rotate(45deg);
  transition: transform .2s ease;
}
/* Панель с комментариями (внутри — твоя же карточка .footer-comments) */
.footer-accordion__panel{
  margin-top: 14px;
}
.footer-accordion__panel .footer-comments{
  max-width: 940px;              /* немного шире контента */
  margin: 0 auto;                 /* по центру */
}

/* ====== "О блоге" по центру (фото над текстом) ====== */
.site-footer .footer-about .footer-block{
  display:flex; flex-direction:column; align-items:center;
}
.site-footer .footer-about .footer-image{
  display:block; float:none !important; clear:both !important;
  margin:0 auto 14px !important; height:auto;
  max-width: clamp(160px, 22vw, 260px); width:100%; border-radius:10px;
}
.site-footer .footer-about .footer-text{
  width: min(760px, 100%);
  margin: 0 auto !important;
  text-align: left;
}
/* ==== Мобайл: свечение только у кнопки, панель шире и без "ореола" ==== */
@media (max-width: 640px){
  :root{
    --safe-l: max(env(safe-area-inset-left), 6px);
    --safe-r: max(env(safe-area-inset-right), 6px);
    --halo-gap: 8px; /* зазор нужен ТОЛЬКО для кнопки */
  }

  /* КНОПКА (пилюля) — оставляем свечение и зазор по краям */
  .footer-accordion{
    width: calc(100vw - var(--safe-l) - var(--safe-r) - 2*var(--halo-gap));
    margin-left: calc(50% - 50vw + var(--safe-l) + var(--halo-gap));
    margin-right: calc(50% - 50vw + var(--safe-r) + var(--halo-gap));
  }

  /* ПАНЕЛЬ — без свечения, на всю ширину контейнера (без зазора) */
  .footer-accordion__panel .footer-comments{
    width: calc(100vw - var(--safe-l) - var(--safe-r));
    margin-left: calc(50% - 50vw + var(--safe-l));
    margin-right: calc(50% - 50vw + var(--safe-r));
    box-sizing: border-box;

    /* вариант А: оставляем только тонкую внутреннюю «рамку», без внешней тени */
    box-shadow: 0 0 0 2px rgba(255,140,30,.45) inset !important;

    /* вариант Б (если хочешь вообще без оранжевого контура):
       box-shadow: none !important; */
  }
}
@media (max-width: 640px){
  :root{
    --safe-l: max(env(safe-area-inset-left), 6px);
    --safe-r: max(env(safe-area-inset-right), 6px);
    --halo-gap: 8px;          /* зазор для кнопки */
    --panel-gap: 8px;         /* ← ЭТО регулирует ширину раскрытой панели */
  }

  /* раскрытая панель — делаем немного уже */
  .footer-accordion__panel .footer-comments{
    width: calc(100vw - var(--safe-l) - var(--safe-r) - 2*var(--panel-gap));
    margin-left:  calc(50% - 50vw + var(--safe-l) + var(--panel-gap));
    margin-right: calc(50% - 50vw + var(--safe-r) + var(--panel-gap));
    box-sizing: border-box;
  }
}
.footer-accordion__panel .footer-comments__title{ display:none !important; }

a {color: #05C;}

.wp-block-image img {
	height: auto !important;
}
a.w-color {color: #f5f5f5;background: transparent url(../enmerkar/assets/images/ico-stars.png) no-repeat;background-position: 0 -40px;padding: 0 0 0 18px;}
.row-fluid {width:90%;margin: 0 auto;}
.row-flex {display: flex;flex-wrap: wrap;}
.fl-wr {flex-wrap: wrap;justify-content: space-between;}
h3, h2, h4, h5, h6 {
letter-spacing: -1px;
font-family: Georgia,serif;
font-size: 28px;
font-weight: 400;
font-style: italic;
line-height: 100%; padding-bottom: 10px; padding-top: 20px; margin: 0 0 2px;}
.sidebar-en h3 {padding-bottom: 3px; padding-top:0}
.raven-title-wrap{margin:0!important; gap: 10px;;}
.t-header .site-title a {
    text-shadow: 2px 1px 2px #000;
}

.t-header .site-description {
    text-shadow: 2px 1px 2px #000;
}
/* Основные стили меню */

.header-menu ul {
  display: flex;
  flex-wrap: wrap; /* вот это добавь */
  list-style: none;
  padding: 20px 0;
  margin: 0;
  gap: 10px;
  justify-content: center;
}

.header-menu .menu-button {
  display: block;
  padding: 14px 32px;
  text-decoration: none;
  
  /* Шрифт */
  font-family: 'Georgia', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  
  /* Цвета */
  color: #ffffff;
  background: linear-gradient(to bottom, #000000, #5e0000);
  
  /* Границы */
  border-radius: 8px;
  
  /* Тень */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  
  /* Плавные переходы */
  transition: all 0.3s ease;
}

/* Эффекты при наведении */
.header-menu .menu-button:hover {
  background-color: #3a56d4;
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Активное состояние */
.header-menu .menu-button:active,
.header-menu .menu-button.active {
  background-color: #2c3e8f;
  transform: translateY(1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Адаптивность для мобильных */
@media (max-width: 478px) {
  .header-menu {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  .header-menu ul {
    display: block; /* ВАЖНО: принудительно заменяет flex */
    padding: 0;
    margin: 0;
  }

  .header-menu .menu-button {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 12px 16px;
    margin-bottom: 10px;
    font-size: 16px;
    box-sizing: border-box;
  }
  
  .header-menu .menu-button {
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
  }
	 .t-header .site-title a {
        font-size: 28px;
        line-height: 0.1;
    }
	
}
/* Адаптивность для мобильных */

/* Основной блок поиска */
.enmerkar-search-block {
  max-width: 80%;
  margin: 0 auto;
  padding: 5px 10px 30px 10px;
  text-align: center;
  font-family: 'Georgia', serif; /* Классический шрифт */

}

/* Заголовок */
.search-title {
  font-size: 24px;
  font-weight: 700;
  color: #3a2e1d; /* Темно-коричневый */
  margin-bottom: 15px;
  line-height: 1.4;
}

/* Описание */
.search-description {
  font-size: 18px;
  color: #5a4a30;
  margin-bottom: 25px;
  line-height: 1.5;
}

/* Группа элементов формы */
.search-input-group {
  display: flex;
  max-width: 600px;
  margin: 0 auto;
  border-radius: 50px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}


/* Поле ввода */
.search-field {
  flex-grow: 1;
  padding: 18px 20px;
  border: none;
  font-size: 18px;
  color: #3a2e1d;
  background-color: white;
  font-family: 'Georgia', serif;
}

.search-field::placeholder {
  color: #a0988a;
  font-style: italic;
}

.search-field:focus {
  outline: none;
}

/* Кнопка поиска */
.search-button {
  padding: 18px 35px;
  background-color: #010101; 
  color: white;
  border: none;
  font-size: 18px;
  font-weight: 600;
  font-family: 'Georgia', serif;
  cursor: pointer;
  transition: background-color all 0.3s ease;
}

.search-button:hover {
    background: linear-gradient(to bottom, #000000, #4B0000);
  color: #fff; /* чтобы текст не исчезал */

}

/* Адаптивность */
@media (max-width: 768px) {
  .enmerkar-search-block {
    padding: 20px;
   text-align: center;
  }
  
  .search-title {
    font-size: 20px;
  }
  
  .search-description {
    font-size: 16px;
  }
  
  .search-input-group {
    flex-direction: column;
    border-radius: 12px;
  }
  
  .search-icon {
    width: 100%;
    padding: 12px;
  }
  
  .search-field {
    padding: 15px;
    border-left: none;
    border-right: none;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }
  
  .search-button {
    padding: 15px;
    border-radius: 0 0 12px 12px;
  }
}
/* Основные стили футера */
.copyr {text-align:center; color: #ffffff; width:100%;}
.site-footer {
  padding: 50px 20px;
  font-family: 'Georgia', serif;
  letter-spacing: 1px;
  color: #ffffff;
 
}

.mt5{margin: 1% auto!important;}

.article-content .single-menu {
	padding: 10px 5%;
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
}

.footer-block {
 display: block !important;
    overflow: hidden;
}

/* Стили для изображения */
.footer-image {
    float: left;
    margin: 8px 20px 10px 0;
    max-width: 220px;
    height: auto;
    shape-outside: margin-box;
  object-fit: cover;
  border-radius: 8px;
  border: 2px solid #d4c9b8;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.ftp {margin: 0 10%;}

.footer-block-container {
width: 100%;
display: flex;
justify-content: center;
}

/* Стили для текстового блока */
.footer-text {
  flex: 1;
  max-width: 1000px;
  font-size: 18px;
  line-height: 1.7;
}

.footer-text p {
  margin-bottom: 20px;
  text-align: justify;
   color: #ffffff;
}

.footer-text h2 {
display: none;
  margin-bottom: 20px;
  text-align: center;
   color: #ffffff;
}

.footer-black{
    margin-top: -3px;
    width: 100%;
    display: block;
    height: 2px;
    background-color: black;}


.footer-quote {
  font-style: italic;
  font-size: 18px;
  text-align: center!important;
  margin: 30px 0;
  color: #5a4a30;
}

.footer-divider {
  height: 1px;
  background: linear-gradient(to right, transparent, #d4c9b8, transparent);
  margin: 20px auto;
  width: 80%;
}
.site-footer .row-flex {display:block;}

/* Адаптивность */

@media (max-width: 768px) {
  .footer-block {
display: flex!important;
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  
  .footer-image {
    width: 200px;
    height: 200px;
float: none;
  }
  
  .footer-text {
    text-align: center;
  }
  
  .footer-text p {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .site-footer {
    padding: 30px 15px;
  }
  
  .footer-image {
    width: 120px;
    height: 120px;
  }
  
  .footer-text {
    font-size: 15px;
  }
}
.t-header {
    position: relative;
    height: 230px;
    background: url(../enmerkar/assets/images/layout-bg.png) no-repeat top center;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}
@media (min-width: 1380px) {
  .t-header {
    max-width: 85%;
    margin: 0 auto;
    background-size: 105% auto;
    background-position: top center;
    background-repeat: no-repeat;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
	height: 235px;
  }
}
@media (min-width: 2000px) {
  .t-header {
	height: 301px;
  }
}

/* Для мобильных устройств */
@media (max-width: 768px) {.log-brand {text-align: center; padding-left: 15%; padding-top: 0;}	}
@media (max-width: 478px) {
	.log-brand {text-align: center; padding-left: 15%; padding-top: 15px; display:block!important; line-height: 1.1 !important;}	
}
@media (max-width: 320px) {	.log-brand {display:block!important; line-height: 1.1!important; margin-left:0!important; padding-left: 0 !important;padding-top: 0!important;}
	.log-brand img {max-width: 100%;}}

.top-nav {display: flex;justify-content: center;flex-wrap: wrap;list-style: none;margin-top: 0;}
.top-nav li {    font-size: 16px;height: 38px;display: inline-block;vertical-align: top;}
.top-nav li a {margin: 0 15px;color: #ddd;text-decoration: none;background: transparent url("../enmerkar/assets/images/nav-bg.png") center top;line-height: 40px;display: block;height: 100%;}
.top-nav li a:hover {background: transparent url(../enmerkar/assets/images/nav-bg.png) center bottom;}
.log-brand {display: flex;margin-left: -50px;}
.site-title a {color: #F60;text-decoration: none; font-weight: normal;font-size: 40px; font-family:Georgia,serif;font-variant: small-caps;}
.site-description {color: #ffffff;font-size: 26px;font-style: italic;text-align: center;position: relative;top: -27px;line-height: 0.5;}
#main {
    display: flex;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    max-width: 85%;
    margin: 0 auto;
}
/* Базовый размер логотипа на ПК */
.custom-logo.log0{
  width:150px;           /* твой размер */
  height:auto;
  max-width:none;        /* снимаем прежний "потолок" в 64px */
  display:block;
}
/* Мобилки: центрируем логотип и подписи */
@media (max-width: 767px){
  /* родительский контейнер логотипа выравниваем по центру */
  .custom-logo-container,
  .site-branding,
  .logo{
    text-align: center;
  }

  /* ссылка вокруг логотипа становится «центрируемой» */
  .custom-logo-link{ display: inline-block; }

  /* сам логотип — по центру */
  .custom-logo.log0{
    margin: 0 auto;      /* центр по блоку */
    width:130px;         /* твой моб-размер можно поменять */
  }

  /* если нужно — заголовок ближе к лого */
  .site-title{ margin-top:0 !important; text-align:center; }
}
#content, .article-content {flex: 1;padding: 10px 5%; border-right: 2px solid #8080802e;}
aside {width: 350px;padding: 10px;}
img {max-width: 100%;height: auto;}
.fl-wr article {
  padding-top: 30px;
  width: 32%;
  margin-bottom: 30px;
  border-top: 1px solid;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fl-wr article:nth-child(1) {
  width: 35%;
  max-width: 100%;
  border-top:none;
  margin: 0 auto 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1% 20%;
}

@media (max-width: 1800px){
.fl-wr article:nth-child(1) {
  width: 35%;
}}
@media (max-width: 1120px){
.fl-wr article:nth-child(1) {
  width: 100%;padding: 1% 0;
}}
@media (max-width: 478px){
.fl-wr article:nth-child(1) {
  width: 100%;
}}
@media (max-width: 1400px){
	.fl-wr article {width: 48%;}
	.fl-wr article:nth-child(10) {max-width: 100%!important;
    border-top: 1px solid;
    margin: 0 auto 30px;
    display: flex;
    flex-direction: column;
    align-items: center;}
}


.entry-content {position: relative;margin: 10px 0;}
.entry-content p {color: #333;font-family: Georgia, "Times New Roman" ,Times,serif; font-size-adjust: none;font-stretch: normal;font-style: normal;font-variant: normal;font-weight: 400;}
.bukv p::first-letter {font-size: 3em; float: left;margin: 10px 5px 2px 0;}
.fl-wr article:nth-child(1) .entry-content {padding: 0 13%;}
.entry-meta {text-align: center; color: #999;font-family: Times New Roman,serif;font-size: 12px;}
.entry-meta a {color: #05C;font-family: Times New Roman,serif;font-size: 12px;}
.front-page h2.entry-title a {color: #26373F;letter-spacing: -1px;font-family: Georgia,serif;font-size: 24px;font-weight: 400;font-style: italic;line-height: 100%;}
.k-m {display: flex;flex-wrap: wrap;justify-content: space-between;}
.fl-wr article .more-link {
  display: inline-block;
  background: #000;
  color: #fff;
  border-radius: 4px;
  text-transform: uppercase;
  font-family: Georgia, serif;
  text-align: center;
  text-decoration: none;
  padding: 12px 24px;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-size: clamp(0.875rem, 0.75rem + 0.5vw, 1rem);
  line-height: 1.4;
  transition: background all 0.3s ease;
  min-width: 180px;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  margin-top: auto;
}

.fl-wr article .more-link:hover {
  background: linear-gradient(to bottom, #000000, #4B0000);
  color: #fff; /* чтобы текст не исчезал */
  border-radius: 8px; /* опционально, если нужна плавность */
  transition: all 0.3s ease;

}

/* Для состояния фокуса (доступность) */
.fl-wr article .more-link:focus {
  outline: 2px solid rgba(255,255,255,0.5);
  outline-offset: 2px;
}
.komment {background: url(../enmerkar/assets/images/ico-comm.gif) no-repeat left 2px;padding: 2px 0 1px 18px;}
.single article.post {max-width: 100%;
width: 100%;
font-size: 125%;
line-height: 130%;
text-align: center;
margin: 0 auto;}
.single article.post h1, .page-full h1, .s-map h1 {font-weight: 400;
font-variant: small-caps;
font-size: 40px;
line-height: 36px;
text-align: center;
color: #F60;
margin: 24px 0 10px;}
.single article .entry-content {    text-align: justify;
margin: 0 10%;
padding: 0;}
.widget-area {width: 28%;}
/*.single .entry-content p {font-size: 21px;line-height: 130%;}*/
.single .entry-content ol {font-size: 16px;line-height: 130%;}
.single .entry-content ul {font-size: 16px;line-height: 130%;    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 800px;}
.single .entry-content ol li {padding-bottom:10px; color: #333; font-family: Georgia, "Times New Roman" ,Times,serif;}
.single .entry-content ul li {padding-bottom:10px; color: #333; font-family: Georgia, "Times New Roman" ,Times,serif;}
.single .entry-content img {text-align: center;display: block;margin-left: auto !important; margin-right: auto !important;}
/* Мобильные устройства (до 767px) */
@media (max-width: 767px) {
  .single-post .entry-content img,
  .page .entry-content img {
    display: block;
    margin: 1.5em auto;
    width: auto;
    max-width: 95%;
    height: auto;
    border-radius: 8px;
  }
#main {max-width: 100%!important;}
}

/* ПК и планшеты (от 768px и выше) */
@media (min-width: 768px) {
  .single-post .entry-content img,
  .page .entry-content img {
    display: block;
    margin: 1.5em auto;
    width: auto;
    max-width: 600px; /* регулировка ширины на ПК */
    height: auto;
    border-radius: 8px;
  }
}

.entry-content img {
  box-shadow: 0 2px 7px rgba(0,0,0,0.30);
}
.single .entry-meta {color: #999;text-align: center;font-size: 12px;}
.page-full .page ol {font-size: 16px;line-height: 130%;}
.page-full .page ul {font-size: 16px;line-height: 130%;}
.page-full .page ol li {padding-bottom:10px; color: #333; font-family: Georgia, "Times New Roman" ,Times,serif;}
.page-full .page ul li {padding-bottom:10px; color: #333; font-family: Georgia, "Times New Roman" ,Times,serif;}
.front-page article {overflow: hidden;}
.front-page img, .page-full img, .single article img {
	  width: auto;
    border: none;
    padding: 0;
    border-radius: 12px;
    }
.fl-wr img {border: none;
    padding: 0;
    border-radius: 12px;
    width: 350px;
    height: 350px;
    object-fit: cover;
    object-position: center;
	display: block;
 
}
.fl-wr a img {box-shadow:0 0 10px 3px rgba(0, 0, 0, 0.30);}

@media (max-width: 460px) {
	.fl-wr a img {box-shadow:none; }

}

.front-page img.attachment-post-thumbnail {
  float: none;
  margin: 0 auto 10px auto;
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;}
.single img.attachment-post-thumbnail {width: 100%;box-sizing: border-box;}
.front-page .fl-wr article:nth-child(1) img.attachment-post-thumbnail {width: auto;height: auto;}
.front-page h2 {text-align: center;
font-size: 36px;
margin: 0 39px 0 38px;}
.front-page h2 a {color: #26373F;
letter-spacing: -1px;
font-family: Georgia,serif;
font-size: 28px;
font-weight: 400;
font-style: italic;
line-height: 100%;}
.page-full .page {text-align: justify;margin: 0 10%;font-size: 125%;}
.page-full .page p {text-align: justify; font-size: 16px;}
.page-full .page .pic {text-align: center;}
.navigation {margin: 25px 0;}
.col-3 {width: 33%;}
.rubric .widget_categories h2 {display: none;}
.rubric .widget_categories ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    background: linear-gradient(to bottom, #000000, #4B0082);
    padding: 20px;
    margin-top: 0;
    border-radius: 12px;
}
/* 1) Убираем влияние overflow на ссылку-заголовок */
.front-page .fl-wr article h2 a,
.front-page .fl-wr article .entry-title a{
  overflow: visible !important;
}

/* 2) Прячем края и скругляем ТОЛЬКО у ссылки, которая оборачивает миниатюру */
.front-page .fl-wr article .article-thumbnail a{
  display:block;
  overflow:hidden;
  border-radius:12px;
}

/* Если у тебя нет .article-thumbnail, можно так: "первая ссылка в карточке" */
.front-page .fl-wr article > a:first-of-type{
  display:block;
  overflow:hidden;
  border-radius:12px;
}

/* 3) Сам эффект зума — только по картинке */
.front-page .fl-wr article a img{
  transition: transform .35s ease;
  transform-origin: center;
}
/* Тень и обрезка ТОЛЬКО у ссылки, которая оборачивает <img> (превью) */
.front-page .fl-wr article a:has(> img){
  display: block;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 0 10px 3px rgba(0,0,0,.30);
}
/* На узких экранах тень у превью отключаем (как у тебя было) */
@media (max-width: 460px){
  .front-page .fl-wr article a:has(> img){ box-shadow: none !important; }
}
@media (hover:hover) and (pointer:fine){
  .front-page .fl-wr article .article-thumbnail a:hover img,
  .front-page .fl-wr article > a:first-of-type:hover img{
    transform: scale(1.06);
  }
}
@media (hover:none){
  .front-page .fl-wr article .article-thumbnail a:active img,
  .front-page .fl-wr article > a:first-of-type:active img{
    transform: scale(1.06);
  }
}
.rubric .widget_categories ul li a {
    color: white;
    display: block;
    padding-left: 5px;
	   height: 35px;
    font-family: Georgia, serif;
    font-size: 20px;
    font-style: normal;
    text-decoration: none;
position: relative;

}


.rubric .widget_categories ul li a:hover {
   color: #ff6600;
 transition: all 0.5s ease;

}



.rubric .widget_categories ul li a:before {
     content: "★";
	padding-right: 5px;
    top: 35%;
    transform: translateY(-50%);
    font-size: 20px;
    color: white;
    opacity: 1;
    transition: opacity 0.3s ease;
}
.rubric .widget_categories ul li:last-child a:after {
     content: "★";
	padding-left: 5px;
    top: 35%;
    transform: translateY(-50%);
    font-size: 20px;
    color: white;
    opacity: 1;
    transition: opacity 0.3s ease;
}
.raven-left3 {
background: url(../enmerkar/assets/images/ravens.png) -80px center no-repeat !important;
float: left;
display: block;
width: 39px;
height: 39px;
margin: 4px 0 0;
padding: 4px 0;
}
.raven-right2 {
background: url(../enmerkar/assets/images/ravens.png) -40px center no-repeat !important;
float: right;
display: block;
width: 39px;
height: 39px;
margin: 4px 0 0;
padding: 4px 0;
}
h3.comment-reply-title {text-align: center;color: #8C0000;margin: 10px 23px;}
.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment {display: flex;
flex-direction: row-reverse;
justify-content: center;align-items: center;flex-wrap: wrap;}
.blok-sm {margin-left: 30px 40px;}
.blok-sm ul li {border-bottom: 1px solid #CCC;
position: relative;
padding: 5px;font-size: 13px;}
.sm {font-size: 14px;}
.sm-sp {margin-right: 10px;}
#author,
#email,
#url,
#comment {
  width: 100%;
  max-width: 50%;
  padding: 12px 20px;
  font-size: 16px;
  font-family: Georgia, serif;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  color: #333;
  box-sizing: border-box;
  margin-bottom: 15px;
}
#author:focus,
#email:focus,
#url:focus,
#comment:focus {
  border-color: #5a0f24;
  box-shadow: 0 0 0 3px rgba(90, 15, 36, 0.2);
  outline: none;
}
}
#comment {
  width: 100%;
  max-width: 600px;
  min-height: 140px;
  padding: 15px 20px;
  font-size: 16px;
  font-family: Georgia, serif;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 10px;
  resize: vertical;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  color: #333;
}

#comment:focus {
  border-color: #5a0f24;
  box-shadow: 0 0 0 3px rgba(90, 15, 36, 0.2);
  outline: none;
}
#submit {
  background: linear-gradient(to bottom, #333333, #111111);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 10px 25px;
  font-family: Georgia, serif;
  font-size: 18px;
  font-style: italic;
  text-align: center;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

#submit:hover {
  background: linear-gradient(to bottom, #5a0f24, #2e0a13);
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

#submit:active {
  transform: translateY(1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 450px) {
	#submit {padding: 10px 5px; font-size: 15px; }
	.thread-even {padding: 0!important;}
	h3.comment-reply-title {font-size: 22px;}
	h3.comment-reply-title small {font-size: 20px;}
	ul.children {padding-left:0!important;}

}
@media (max-width: 280px) {#submit {font-size: 13px;}}

.no-results {text-align: center;}

.subnav {bottom: 5px;left: 70px;position: absolute;z-index: 900;margin: 0;padding: 0;list-style: none;}
.subnav li {background: transparent none repeat scroll 0 50%;float: left;width: 24px;list-style: none;margin: 0 10px 0 0;padding: 0;}
.subnav a {display: block;height: 25px;text-indent: -900em;width: 25px;}
.subnav .contact {background: transparent url(../enmerkar/assets/images/nav-email.gif) no-repeat left 3px;}
.subnav .rss {background: transparent url(../enmerkar/assets/images/nav-rss.gif) no-repeat left 3px;}
.feed-pop, .contact-pop {background: transparent url(../enmerkar/assets/images/feedcount.png) no-repeat center center;width: 190px;height: 50px;font-family: Georgia,serif;font-style: italic;font-size: 16px;text-align: center;position: absolute;line-height: 40px;}
.feed-pop {color: #000;left: 100px;bottom: 10px;padding: 8px 0 0;margin: 0;}
.contact-pop {color: #F60;font-size: 20px;left: 0px;bottom: 10px;display: none;padding: 8px 0 0;margin: 0;}
.widgettitle, .widget_block h3 {font-style: normal;}
.widget_block h3, .block-rubric h3 {font: normal 140%/100% Georgia,serif;
margin: 0;
padding: 20px 0 7px;}
.forest {clear: both;background: url(../enmerkar/assets/images/forest.jpg) repeat-x left bottom;position: relative;height: 250px;}
/* База (ПК) — как у вас */
.site-footer{
  background-color:#0C0C08;
  background-image:url(../enmerkar/assets/images/bg-brown.png);
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;   /* заполняет весь подвал */
  color:#ACD7EE;
  font-size:95%;
  line-height:130%;
}

/* Планшеты: показываем левую часть */
@media (max-width: 1024px){
  .site-footer{
    background-position: left top; /* или left center */
  }
}

/* Мобилки: ~10% от левого края, по вертикали по центру */
@media (max-width: 640px){
  .site-footer{
    background-position: 10% center; /* X=10%, Y=center */
  }
}

/* (опционально) очень узкие экраны: чуть правее, чтобы не темнело */
@media (max-width: 400px){
  .site-footer{
    background-position: 15% center;
  }
}

ul.ssilk {list-style: none;font-size: 16px;border-bottom: 1px solid #EDEDED;background: url(../enmerkar/assets/images/sidebar-bg.png) repeat-y right;margin: 0 0 15px;padding: 0;}
ul.ssilk li, .ul-category li {border-bottom: 1px solid #CCC;border-top: 1px solid #FFF;height: 20px;overflow: hidden;line-height: 20px;margin: 0;padding: 5px 0;}
.ul-category li {display: flex;justify-content: space-between;}
ul.ssilk li a, .ul-category li a {background: url(../enmerkar/assets/images/ico-stars.png) no-repeat left -20px;padding: 0 5px 0 18px;}
.ul-category {list-style: none;font-size: 16px;border-bottom: 1px solid #EDEDED;background: url(../enmerkar/assets/images/sidebar-bg.png) repeat-y right;margin: 0 0 15px;padding: 0;}
/*.search-field {max-width: 265px;width: 100%;border: 1px solid silver;color: silver;padding: 2px 5px 2px 30px;font-family: Georgia, Serif;font-style: italic;text-transform: lowercase;background: url(../enmerkar/assets/images/search.png) no-repeat left;}
.searchform {font-family: Georgia, Serif;font-style: italic;}
.search-submit {height: 28px;text-align: center;border: 1px solid silver;background: silver url(../enmerkar/assets/images/button_bg.png) repeat-x;font-family: Georgia, Serif;font-style: italic;width: auto;padding: 0;cursor: pointer;}*/
input, select, textarea {font-size: 20px;}
.pagination {display: flex;justify-content: center;margin: 30px 0;}
a.page-numbers {border: 1px solid #8C0000; color:#8C0000;
text-decoration: none;
margin: 0 0.2em;
padding: 0.2em 0.5em;font-size: 18px;}
.post-category {
  margin-top: 5px;
}

.category-label {
  background-color: #f3e8ff;
  color: #6b21a8;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 0.85em;
  display: inline-block;
  margin-right: 6px;
}
.copyr {padding: 20px 0;}
.rpwe-ul {margin: 0;}
.site-footer .widget_block h3 {padding: 5px 0 0px;color: #0187C5;
font-size: x-large;
font-style: italic;
font-weight: 400;
margin: 0 0 10px;
padding: 5px 0 0;}
#comments {color: #8C0000;margin: 20px 0 10px 0px;}
.comment {padding: 5px 10px;}
.commentlist {list-style: none;padding: 0;}
.comment .avatar {
  width: 50px !important;
  height: 50px !important;
  border-radius: 6px; /* или 50% если хочешь круглые */
  object-fit: cover;
  margin-right: 10px;
}
.fn, .fn a {
  font-weight: 700;
  font-size: 18px;
  color: #000; /* ← был #C60 */
  font-family: Georgia, serif;
}
.comment-metadata a {
  color: #888 !important; /* или #666 — если хочешь темнее */
  text-decoration: none;
}

.comment-metadata a:hover {
  color: #444;
  text-decoration: underline;
}
.single article .comment-author img {float: left;margin-right: 10px;border: 0;}
.comment-metadata, .reply a {font-size: 12px;}
.comment-content p {margin: 8px 0 0px 0; font-size: 15px;}
.comment-body {padding: 5px 0;}
.site-footer .widget_block h3.roz-color {color: #D33972;}
ul.children {list-style: none;margin: 5px 0;padding-left: 25px;}
.thread-even {
  background: #EDEDED;
  border-radius: 12px;
  padding: 15px 20px;
  margin-bottom: 15px;
}
.thread-odd {
  background: #F8F8F8;
  border-radius: 12px;
  padding: 15px 20px;
  margin-bottom: 15px;
}
.rpwe-block a {background: transparent url(../enmerkar/assets/images/ico-stars.png) no-repeat;
background-position: 0 -20px;
padding: 0 0 0 18px;}
.horos {display: block; padding: 10px;
background-color: #fff;
box-sizing: border-box;
margin-top: 3px;}
.horos h3 {
text-align: center;
color: #D33972;
margin: 10px 23px;}
.att {justify-content: space-between;}
.att h4 {font-size: 22px;
text-align: center;
color: #8C0000;}
.att section {width: 33%;}
.rune {
font-size: 16px;
width: 150px;
height: 50px;
float: left;
display: block;
overflow: hidden;
padding: 0 0 0.7em;}
.rune div {
float: left;
display: block;
width: 32px;
height: 48px;
margin-right: 3px;}
.rune small {color: #B18CB8;line-height: 1;
    display: block;
    padding-top: 2px;}
.fehu {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 0;}
.uruz {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -50px;}
.thurisaz {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -100px;}
.ansuz {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -150px;}
.raidho {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -200px;}
.kenaz {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -250px;}
.gebo {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -300px;}
.wunjo {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -348px;}
.hagalaz {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -395px;}
.naudhiz {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -445px;}
.isa {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -495px;}
.jera {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -545px;}
.eihwaz {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -590px;}
.perdho {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -640px;}
.elhaz {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -690px;}
.sowulo {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -740px;}
.teiwaz {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -790px;}
.berkana {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -838px;}
.ehwaz {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -885px;}
.mannaz {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -932px;}
.laguz {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -980px;}
.inguz {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -1028px;}
.othala {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -1129px;}
.dagaz {background: url(../enmerkar/assets/images/runes.png) no-repeat 0 -1077px;}
.icont, .gamb {display: none;}
@media (max-width: 1800px) {
	.att h4 {text-align:justify;}
}
@media (max-width: 1170px) {
	.front-page img.attachment-post-thumbnail {display: flex;align-self: center;
	float: none;margin: 10px auto 0px auto;
    width: auto;height: auto;}
	.fl-wr article:nth-child(1) img.attachment-post-thumbnail {
	float: right;margin: 13px 0 13px 5px;}
	.att h4 {text-align:justify;}
}
@media (max-width: 1023px) {
	.fl-wr article {width: 100%;}
	.front-page img.attachment-post-thumbnail {
  float: none;
  margin: 0 auto 10px auto;
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;}
	.single article .entry-content {margin: 0;}
	.att h4 {text-align:justify;}
}
@media (max-width: 767px) {
  #author,
  #email,
  #url {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 12px 15px;
    font-size: 16px;
  }

  #comment {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    min-height: 140px;
    padding: 15px;
    font-size: 16px;
  }
	.att h4 {text-align:justify;}
	.att section {width: 100%;}
}
@media (max-width: 479px) {
	.site-title {margin-top: 30px;}
	.site-title a {font-size: 28px;}
	.site-description {font-size: 23px;top: -20px;}
	#main {display: flex;background-color: #fff;flex-wrap: nowrap;align-content: center;flex-direction: column; word-break: break-word; max-width: 100%;}
	.att section {width: 100%;}
	.rune {width: 50%; height:60px;}
	    .att h4 {text-align: center;}
	.search-field {max-width: 195px;}
	.icont {display: block;position: relative; height: 15px;}
	.gamb {display: flex;
    background: url(../enmerkar/assets/images/icons-m25.png) no-repeat;
    background-color: #ff6900;
    width: 24px;
    height: 24px;
    border-radius: 2px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 99999;}
	.top-nav {position: absolute;
	flex-direction: column;
	z-index: 9999;
    background-color: #000;
    padding: 20px 35px;
	top: 0;
    left: -325px;
	width: 245px;
	height: 36vh;transition-duration: 1s;}
	.top-nav.show {left: -35px;transition-duration: 1s;}
	.widget-area {width:100%;}
.single .entry-content ol {padding-left: 10px;}
.single .entry-content ul {padding-left: 10px;}
.page-full .page ol {padding-left: 10px;}
.page-full .page ul {padding-left: 10px;}
.page-full .page {margin: 0 5%;}
}
.front-page img.attachment-post-thumbnail,
.fl-wr article:nth-child(1) img.attachment-post-thumbnail {
    float: none;
    display: block;
    margin: 0 auto 10px auto;
    padding: 0;
    width: 100%;
    height: auto;
}

.fl-wr article {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: justify;
}
.subnav,
.feed-pop,
.contact-pop {
    display: none !important;
}

@media (min-width: 768px) {
  .post-preview {
    flex-direction: column;
  }
.log-brand {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-left: 30px;
    margin-left: 0;
}

.custom-logo-container img {
    max-width: 64px;
    height: auto;
    display: block;
}

.title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.t-header .site-title {
    margin: 0 0 4px 0;
    padding: 0;
    text-align: left;
}

.t-header .site-description {
    margin: 0;
    text-align: left;
    position: relative;
    top: 0;
	}
@media (max-width: 767px) {
  .log-brand {
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    padding-left: 15px;
  }

  .custom-logo-container img {
    max-width: 48px;
  }

  .site-title {
    font-size: 22px;
  }

  .site-description {
    font-size: 16px;
  }

.t-header .site-title a {
    text-shadow: 2px 1px 2px #000;
}

.t-header .site-description {
    text-shadow: 2px 1px 2px #000;
}
	

}
	
@media (max-width: 479px) {
  .t-header .site-title a {
    text-shadow: 2px 1px 2px #000;
  }

  .t-header .site-description {
    text-shadow: 2px 1px 2px #000;
  }
}
@media (max-width: 768px) {
  .log-brand .site-title {
    margin-bottom: 10px !important;
  }

  .log-brand .site-description {
    margin-top: 0 !important;
  }
	
}
@media (max-width: 767px) {
  .t-header {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
.article-thumbnail {
  width: 170px;
  height: 170px;
  overflow: hidden;
  border-radius: 12px;
  margin: 0 auto 15px;
}
.article-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.fl-wr article:nth-child(1) {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
 }
.fl-wr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

.fl-wr article {
  width: calc(33.33% - 13.33px);
  box-sizing: border-box;
}
/* Ограничим размер миниатюр у нижних статей */
.fl-wr article:not(:first-child) .article-thumbnail {
  width: 170px;
  height: 170px;
  overflow: hidden;
  margin: 0 auto 15px;
  border-radius: 12px;
}
.fl-wr article:not(:first-child) .article-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.scroll-to-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 50px;
  height: 50px;
  background-color: transparent;
  color: white;
  text-align: center;
  line-height: 50px;
  font-size: 24px;
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

/* Fix для центрирования картинок */
.wp-block-image.aligncenter {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.wp-block-image.aligncenter img,
.wp-block-image img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Фикс для figure.aligncenter без обёртки wp:image */
figure.wp-block-image.aligncenter,
figure.aligncenter {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}

/* КРИТИЧЕСКИЙ фикс центрирования - перебивает ВСЁ */
.wp-block-image.aligncenter,
.wp-block-image.aligncenter img,
figure.wp-block-image.aligncenter,
figure.wp-block-image.aligncenter img,
figure.aligncenter,
figure.aligncenter img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}