/*
Theme Name: Kadence Child
Template: kadence
Version: 1.0
*/

/* Импорт шрифта Montserrat из Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

/* === 4. Прячем e-mail и логины на фронте (если тема вставляет в HTML) === */
.author-email,
.entry-author .email,
.post-meta .author-email,
.byline .email,
.author-login,
.user-login,
.author-nickname,
.byline .nickname {
    display: none !important;
}

/* ============================= */
/* Глобальные стили страницы     */
/* ============================= */
body.footer-on-bottom #wrapper {
  min-height: 0!important;}
/*Разделители меню*/
#primary-menu > li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%) rotate(20deg);
  width: 1px;
  height: 20px;
  background-color: #ccc;
}
#primary-menu > li:not(:last-child) {
  position: relative;
  padding-right: 10px;
  margin-right: 0px;
  border-right: none;
}
/*Разделители меню конец*/
/*Выпадающий список моб меню*/
.popup-drawer .drawer-inner {
  background-color: #29bbd0!important;
}
/*Видимость на экранах*/
.display-block-desktop {
  display: block;
}
.display-none-desktop {
  display: none;
}
/*Видимость на экранах конец*/
/*Кнопка наверх*/
.scroll-up-style-outline, .scroll-up-wrap.scroll-up-style-outline {
    border-width: 2px;
    border-style: solid;
    border-color: #d91e2c!important;
}

/*разделитель*/
.visible-diagonal-separator {
    background-image: linear-gradient(135deg, #cccccc 10%, transparent 10%, transparent 50%, #cccccc 50%, #cccccc 60%, transparent 60%, transparent 100%);
    background-size: 10px 10px;
    border: 0;
    clip-path: polygon(22px 0, 100% 0, 98.6% 100%, 0 100%);
    -webkit-clip-path: polygon(22px 0, 100% 0, 98.6% 100%, 0 100%);
    height: 24px;
    width: 100%;
    margin: 2rem auto;
    position: relative;
    z-index: 1;
}

/*Шрифт текста*/
/* Утилита для жирного текста */
.text-bold {
    font-weight: 700;  /* или 600, 800 — смотря какой жирности шрифт подключён */
}

.font-style-garamond {
  font-family: "gf_Cormorant_Garamond variant1", Tofu;
  color: #d6101f;
  text-decoration: none;
  transition: color 0.2s ease;
}
.italic {
  font-style: italic;
}
.decoration-none {
  text-decoration: none;
}
.weigh-300 {
  font-weight: 300;
}
/*Шрифт текста конец*/

/*Цвет шрифта*/
.color-red {
  color: #d6101f;
}
a.color-red:hover {
  color: #d6101f;
  text-decoration: underline;
}
.color-black {
  color: #262525;
}
.color-white {
  color: #fff;
}
.color-black:hover, a.color-white:hover {
  color: #d6101f;
}
.color-grey{
  color: #999999;
}
/*Цвет шрифта конец*/

/*Размер шрифта*/
/* Размер шрифта */
.font-size-28 {
  font-size: 1.75rem;      /* 28px */
  line-height: 2.1875rem;  /* 35px */
  display: block;
}
.font-size-20 {
  font-size: 1.25rem;      /* 20px */
  line-height: 1.5rem;     /* ~24px */
}
.font-size-18 {
  font-size: 1.125rem;     /* 18px */
  line-height: 1.5rem;     /* ~24px */
}
.font-size-16 {
  font-size: 1rem;         /* 16px */
  line-height: 1.4375rem;  /* 23px */
  display: block;
}
.font-size-14 {
  font-size: 0.875rem;     /* 14px */
  line-height: 1.25rem;    /* ~20px */
}
/* Размер шрифта конец */

/* Мобильные экраны <= 376px */
@media (max-width: 376px) {
  .font-size-28 { font-size: 1.5rem; line-height: 1.875rem; } /* 24px / 30px */
  .font-size-20 { font-size: 1.125rem; line-height: 1.5rem; } /* 18px / 24px */
  .font-size-18 { font-size: 1rem; line-height: 1.375rem; }   /* 16px / 22px */
  .font-size-16 { font-size: 0.875rem; line-height: 1.25rem; }/* 14px / 20px */
  .font-size-14 { font-size: 0.75rem; line-height: 1rem; }    /* 12px / 16px */
}

/*Размер шрифта конец*/


/*стиль кнопки в тг десктоп*/
/* Основной стиль для соц. кнопки Telegram в шапке */
.header-social-item.social-link-telegram {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 120px!important;
  padding: 20px 40px 20px 20px!important;
  border-radius: 50px!important;
  font-weight: 600!important;
  font-size: 14px!important;
  color: white !important;
  text-decoration: none !important;
  background-color: #17b5cc!important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
  animation: pulse 2s infinite alternate; /* мерцание */
}
.header-social-item.social-link-telegram .social-label {
  visibility: hidden; /* скрываем оригинальный текст */
  position: relative;
}

.header-social-item.social-link-telegram .social-label::after {
  content: "Подписаться"; /* новый текст */
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  color: white;
  font-weight: 600;
  font-size: 14px;
}

/* Hover для Telegram */
.header-social-item.social-link-telegram:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 6px 20px rgba(34, 158, 217, 0.6) !important;
}

/* Поворот иконки при hover */
.header-social-item.social-link-telegram:hover .kadence-svg-icon {
  transform: rotate(15deg) scale(1.2) !important;
  transition: transform 0.3s ease;
}

/* Переопределяем transition */
.header-social-item.social-link-telegram .kadence-svg-icon {
  transition: transform 0.3s ease;
}
/*кнопка тг конец*/
/*кнопки */
button,
button:focus,
button:active {
  background-color: inherit !important; /* фон всегда как в обычном состоянии */
}
.load-more-btn {
  padding: 10px 20px;
  font-size: 16px;
  font-family: inherit;
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.load-more-btn:hover {
  transform: translateY(-2px);
}

.load-more-btn:active {
  transform: translateY(0);
}
/*кнопки конец*/
/*паддинги*/
.padding-right {
  padding-right: 20px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-top-bottom-10 {
  padding: 10px 0;
}
/*паддинги конец*/
/*цвет*/
.bg-color-red {
  background-color: #d6101f; 
}
.bg-color-blue {
  background-color: #17b5cc; 
}
.boreder-color-white {

  border: 1px solid #fff;
}
.boreder-color-red {

  border: 1px solid #d6101f;
}
.bg-color-white {
  background-color: #fff; 
}

/*цвет конец*/
/*кнопка поддержать нас десктоп*/
/* Основной стиль кнопки */
.header-button-wrap .header-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  min-width: 120px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 14px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* твой шрифт */
  color: white !important;
  text-decoration: none !important;
  background-color: #d6101f;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease, text-shadow 0.3s ease;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4); /* лёгкая тень текста */
  animation: pulse 2s infinite alternate; /* мерцание */
}

/* Hover эффект */
.header-button-wrap .header-button:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0,0,0,0.4);
  text-shadow: 0 2px 4px rgba(0,0,0,0.5); /* усиление тени текста */
}

/* Анимация мерцания */
@keyframes pulse {
  0% { opacity: 0.9; box-shadow: 0 3px 10px rgba(0,0,0,0.2); }
  50% { opacity: 1; box-shadow: 0 5px 12px rgba(0,0,0,0.3); }
  100% { opacity: 0.9; box-shadow: 0 3px 10px rgba(0,0,0,0.2); }
}
.btn-decktop-only {
    display:none;
  }
/*кнопка поддержать нас конец*/


/* Анимация мерцания */
@keyframes pulse {
  0% { opacity: 0.9; box-shadow: 0 3px 10px rgba(0,0,0,0.2); }
  50% { opacity: 1; box-shadow: 0 5px 12px rgba(0,0,0,0.3); }
  100% { opacity: 0.9; box-shadow: 0 3px 10px rgba(0,0,0,0.2); }
}

/* Убираем дефолтный размер SVG и делаем как у .telegram-btn */
.header-social-item.social-link-telegram .kadence-svg-icon {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0;
  display: inline-block;
}

/* Скрываем label или оставляем по желанию */
.header-social-item.social-link-telegram .social-label {
  display: inline-block;
  margin-left: 4px;
  color: white !important;
}


/*Эффект лупы*/
.news-big a img, .news-small a img {
  transition: transform 0.3s ease;
  display: block;          /* чтобы не было лишних отступов */
}
.news-big a, .news-small a {
  display: block;
  overflow: hidden;        /* контейнер "обрезает" картинку */
}
.news-big a:hover img, .news-small a:hover img {
  transform: scale(1.05);  /* лёгкое увеличение */
}
/*Эффект лупы конец*/

/*Футер стили*/
.footer-navigation ul li a {
  padding: 0!important;
}
#block-10 ul, #block-9 ul, #footer-menu-container ul {
  list-style: none; /* убирает точки */
  padding: 0;       /* убирает внутренние отступы */
  margin: 0;        /* убирает внешние отступы */
  color: #fff;
}

/*Футер стили конец*/

/*Медиазапрос */
@media (max-width: 1024px) {
  .btn-decktop-only {
    display: block;
  }
}
/*кнопка тг и помощь*/
.button-row {
  display: flex;
  gap: 12px; 
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

.telegram-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: #17b5cc; /* обязательно */
    color: white;
    padding: 12px 20px;       /* обязательно */
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(34,158,217,0.4);
    margin: 30px auto 0 auto;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.category .load-more-btn.load-more-news.bg-color-white.color-red.boreder-color-red, .load-more-btn.load-more-news.bg-color-white.color-red.boreder-color-red:hover {
  color: #d6101f!important;
}
/* Анимация мерцания */
@keyframes pulse {
  0% { opacity: 0.9; box-shadow: 0 3px 10px rgba(0,0,0,0.2); }
  50% { opacity: 1; box-shadow: 0 5px 12px rgba(0,0,0,0.3); }
  100% { opacity: 0.9; box-shadow: 0 3px 10px rgba(0,0,0,0.2); }
}

/* Кнопка Telegram */
.telegram-btn.telegram {
  background-color: #17b5cc;
}

.telegram-btn.telegram .icon {
  width: 20px;
  height: 20px;
}

/* Кнопка Помочь нам */
.telegram-btn.help {
  background-color: #d6101f;
}
.button-row a:hover {
  color:#fff;
}
@media (max-width: 500px) {
  .button-row {
    margin-bottom: 10px;
  }
  .telegram-btn {
    min-width: 100px;
    padding: 6px 12px;
    font-size: 13px;
  }
  .telegram-btn.telegram .icon {
    width: 18px;
    height: 18px;
  }
  /*Видимость на экранах*/
.display-block-mobile {
  display: block;
}
.display-none-mobile {
  display: none;
}
/*Видимость на экранах конец*/
}