/*Произвольные стили*/
#sidebar-r{
	float: none !important;
}

span.item-img{
	display: block;
}

.s-ban-2 .img-wrap img{
	height: auto;
}
.ss-faq .section-title .item,
.ss-faq .section-btns .item,
.ss-faq .section-title .item .item-title{
	border: none;
	background: none;
}
.ss-faq .section-btns .item .fusion-button-wrapper{
	display: inline-block;
}

.wpcf7-form .fusion-alert{
	display: none;
}

.modalform .input-wrap{
	padding: 10px 0;
}

.modalform .input-wrap input,
.modalform .input-wrap textarea{
	width: 100%;
	height: 40px;
	padding: 0 20px;
	border: 1px solid #eee;
	border-radius: 3px;
	background-color: transparent;
	font-weight: 500;
	font-size: 13px;
	/*position: relative;*/
}
.modalform .input-wrap textarea{
	height: auto; 
	padding: 20px;
}

.modalform .input-wrap input::placeholder,
.modalform .input-wrap textarea::placeholder {
    color: #90a4ae;
}
.error{
	border-color: red!important;
}
#sidebar .logo .new_logo{
	width: 100%;
}
.modal-dialog{
	display: none;
}
/*
#sidebar .menu li.prognozy > a span:before{
	content: "";
	position: absolute;
	left: 27px;
	top: 10px;
	color: #90a4ae;
	font-size: 25px;
}
*/

/* === FIX: адаптивность контента в статьях (картинки/видео/таблицы) === */

/* Картинки в тексте статьи */
.section-content img,
.section-content figure img,
.section-content a img {
  max-width: 100% !important;
  height: auto !important;
}

/* Видео/вставки через iframe (Rutube/VK и т.п.) */
.section-content iframe,
.section-content embed,
.section-content object {
  max-width: 100% !important;
  width: 100% !important;
}

/* Нормальная высота под 16:9 (современные браузеры) */
@supports (aspect-ratio: 16 / 9) {
  .section-content iframe {
    aspect-ratio: 16 / 9;
    height: auto !important;
  }
}

/* Таблицы: даём им собственный горизонтальный скролл на телефоне */
@media (max-width: 800px) {
  .section-content table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* === FIX: баннеры/картинки из Ad Inserter (code-block), чтобы не разъезжались === */
.code-block img,
.ai-viewport-0 img,
.ai-viewport-1 img,
.ai-viewport-2 img,
.ai-viewport-3 img {
  max-width: 100vw !important;
  height: auto !important;
}

/* Если есть фиксированные блоки с центровкой через left:50% + transform */
@media (max-width: 768px){
  .code-block[style*="position: fixed"]{
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    text-align: center;
    width: 100% !important;
  }
}

@media (min-width: 769px){
  /* Центровка именно тех Ad Inserter блоков, которые задуманы "по центру" */
  .code-block.ai-center-h[style*="position: fixed"]{
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }
}

/* FIX: /bonusy/ — иконки рубрик в блоке "Подборки бонусов по видам" */
.page-id-1336 .ss-ratings.advantages .item-img{
  width: 100%;
  height: 90px;              /* если надо — можно 110–160 */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.page-id-1336 .ss-ratings.advantages .item-img img{
  width: 100% !important;
  height: 100% !important;
  object-fit: scale-down;
  box-sizing: border-box;     /* важно, чтобы border не раздувал картинку */
}

/* === FIX: одинаковые превью в сетке Avada Blog (без пустоты под картинкой) === */
/* Важно: object-fit: cover = красиво заполняет блок, но немного обрезает края изображения */

.fusion-blog-layout-grid .fusion-post-slideshow,
.fusion-blog-layout-grid .fusion-post-slideshow .slides,
.fusion-blog-layout-grid .fusion-post-slideshow .slides > li,
.fusion-blog-layout-grid .fusion-post-slideshow .fusion-image-wrapper {
  overflow: hidden !important;
}

/* Современный вариант: фиксируем “формат” превью через aspect-ratio */
@supports (aspect-ratio: 16 / 9) {
  .fusion-blog-layout-grid .fusion-post-slideshow,
  .fusion-blog-layout-grid .fusion-post-slideshow .slides,
  .fusion-blog-layout-grid .fusion-post-slideshow .slides > li,
  .fusion-blog-layout-grid .fusion-post-slideshow .fusion-image-wrapper {
    aspect-ratio: 16 / 9;
    height: auto !important;
  }

  .fusion-blog-layout-grid .fusion-post-slideshow .fusion-image-wrapper,
  .fusion-blog-layout-grid .fusion-post-slideshow .fusion-image-wrapper a,
  .fusion-blog-layout-grid .fusion-post-slideshow .fusion-image-wrapper img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }

  .fusion-blog-layout-grid .fusion-post-slideshow .fusion-image-wrapper img {
    object-fit: cover !important;
    object-position: 50% 50% !important;
  }
}

/* Фолбэк для старых браузеров (если aspect-ratio вдруг не поддерживается) */
@supports not (aspect-ratio: 16 / 9) {
  .fusion-blog-layout-grid .fusion-post-slideshow,
  .fusion-blog-layout-grid .fusion-post-slideshow .slides,
  .fusion-blog-layout-grid .fusion-post-slideshow .slides > li,
  .fusion-blog-layout-grid .fusion-post-slideshow .fusion-image-wrapper {
    height: 210px !important; /* можно менять: 180–260 */
  }

  .fusion-blog-layout-grid .fusion-post-slideshow .fusion-image-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    display: block !important;
  }
}

/* === FIX: иконки/логотипы в блоках ss-ratings (подборки/рейтинги) === */
.ss-ratings .item-img{
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 120px;          /* высота “зоны под иконку” на ПК */
  overflow: hidden;
  line-height: 1;
}

/* если картинка обёрнута ссылкой */
.ss-ratings .item-img > a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* главное: не растягиваем картинку, а вписываем её */
.ss-ratings .item-img img{
  width: auto !important;        /* запрещаем “100% width” */
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain;
  box-sizing: border-box;        /* важно, если есть border: 10px */
}

/* на телефонах делаем зону чуть ниже, чтобы сетка выглядела компактнее */
@media (max-width: 768px){
  .ss-ratings .item-img{ height: 100px; }
}

/* === FIX: центрирование иконок/логотипов в ss-ratings (если уехали влево) === */
.ss-ratings .item-img{
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ss-ratings .item-img > a{
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.ss-ratings .item-img img{
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  object-position: 50% 50% !important;
}

/* === FIX: ss-ratings — центрирование картинок (если уезжают из-за position:absolute) === */
.ss-ratings .item-img.img-wrap img,
.ss-ratings .item-img .img-wrap img,
.ss-ratings .img-wrap img{
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  transform: none !important;   /* на всякий случай, если где-то есть translate */
  margin: 0 auto !important;
  display: block !important;
}

/* === FIX: иконки/логотипы в блоках ss-ratings (подборки/подразделы) === */
/* Причина: у картинок иногда стоит position:absolute, из-за этого "центрирование" ломается.
   Мы принудительно возвращаем normal flow (relative) и ограничиваем размеры. */

.ss-ratings .item-img{
  display: flex;
  align-items: center;
  justify-content: center; /* на ПК центрируем */
  overflow: hidden;
}

/* Ссылка тоже как flex-контейнер, чтобы img точно центрировалась */
.ss-ratings .item-img > a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

/* Ключевой момент: position:relative вместо absolute */
.ss-ratings .item-img img{
  position: relative !important;
  left: 0 !important;
  top: 0 !important;

  /* не растягиваем картинку в кашу */
  width: auto !important;
  height: auto !important;

  /* но не даём вылезать за блок */
  max-width: 100% !important;
  max-height: 100% !important;

  object-fit: contain !important;
  object-position: 50% 50% !important;

  display: block;
  margin: 0 auto !important;
}

/* === Мобилка: как было "ДО" — прижимаем иконку к левому краю === */
@media (max-width: 767px){
  .ss-ratings .item-img{
    justify-content: flex-start !important;
  }
  .ss-ratings .item-img > a{
    justify-content: flex-start !important;
    width: auto !important;
  }
}

/* === FIX v2: /bonusy/ (page-id-1336) — ровные иконки + ровный текст на мобилке === */
@media (max-width: 767px){

  /* Делаем строку из 2 колонок: иконка слева, текст справа */
  .page-id-1336 .ss-ratings.advantages .item{
    display: grid !important;
    grid-template-columns: 160px 1fr !important; /* ширина зоны под иконку */
    align-items: center !important;
    column-gap: 12px !important;
  }

  /* Левая зона под иконку */
  .page-id-1336 .ss-ratings.advantages .item-img{
    width: 160px !important;
    height: 120px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* как было ДО — левый край */
    padding-left: 12px !important;
    padding-bottom: 6px !important;  /* чтобы “тень” не резалась снизу */
    overflow: visible !important;     /* важно для тени */
  }

  /* Ключевой момент: масштабируем по ВЫСОТЕ, а не по ширине */
  .page-id-1336 .ss-ratings.advantages .item-img img{
    position: relative !important;  /* убираем возможный absolute */
    left: 0 !important;
    top: 0 !important;
    transform: none !important;

    height: 90px !important;        /* одинаковая “высота” всех иконок */
    width: auto !important;

    max-width: 100% !important;     /* если вдруг иконка очень широкая */
    max-height: 100% !important;

    object-fit: contain !important;
    object-position: 0 50% !important;

    display: block !important;
    margin: 0 !important;
  }

  /* Правая зона с текстом: ровно по центру правой половины */
  .page-id-1336 .ss-ratings.advantages .item-body{
    text-align: center !important;
    padding-right: 12px !important;
  }

  .page-id-1336 .ss-ratings.advantages .item-subtitle p,
  .page-id-1336 .ss-ratings.advantages .item-more p{
    margin: 0 !important;
  }

  .page-id-1336 .ss-ratings.advantages .item-more{
    margin-top: 8px !important;
  }
}

/* === FINAL: /bonusy/ (page-id-1336) — мобилка: тень под иконкой + вертикальное центрирование текста === */
@media (max-width: 767px){

  /* 2 колонки: слева иконка, справа текст */
  .page-id-1336 .ss-ratings.advantages .item{
    display: grid !important;
    grid-template-columns: 160px 1fr !important;
    column-gap: 12px !important;
    align-items: stretch !important;
  }

  /* Левая зона под иконку */
  .page-id-1336 .ss-ratings.advantages .item-img{
    width: 160px !important;
    height: 90px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; /* важно: иконка и тень центрируются */
    position: relative !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  /* Рисуем “нормальную” тень (чтобы была под иконкой и по центру) */
  .page-id-1336 .ss-ratings.advantages .item-img:after{
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -10px !important;           /* выше/ниже тень — меняйте это значение */
    transform: translateX(-50%) !important;

    width: 40% !important;
    max-width: 120px !important;
    height: 0px !important;

    background: rgba(0,0,0,.10) !important;
    filter: blur(4px) !important;
    border-radius: 50% !important;

    pointer-events: none !important;
    z-index: 0 !important;
  }

  /* Сама иконка — поверх тени, одинакового “размера” */
  .page-id-1336 .ss-ratings.advantages .item-img img{
    position: relative !important;
    z-index: 1 !important;

    width: auto !important;
    height: auto !important;

    max-width: 130px !important;
    max-height: 65px !important;

    object-fit: contain !important;
    object-position: 50% 50% !important;

    margin: 0 !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
  }

  /* Правая зона: текст + “Показать” по вертикали строго по центру */
  .page-id-1336 .ss-ratings.advantages .item-body{
    min-height: 90px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    /* вариант 1 (по умолчанию): по центру правой половины */
    align-items: center !important;
    text-align: center !important;

    padding-right: 12px !important;
  }

  /* убрать лишние отступы у <p>, чтобы ничего не “прыгало” */
  .page-id-1336 .ss-ratings.advantages .item-body p{
    margin: 0 !important;
  }

  .page-id-1336 .ss-ratings.advantages .item-more{
    margin-top: 0px !important;
  }

  /* вариант 2: если захотите выравнивание по правому краю — раскомментируйте:
  .page-id-1336 .ss-ratings.advantages .item-body{
    align-items: flex-end !important;
    text-align: right !important;
  }
  */
}

/* === FIX: "младшие" рейтинги (s-recommend in-content) — центрируем логотип по вертикали === */
.s-recommend.in-content .item-col.first .item-img{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.s-recommend.in-content .item-col.first .item-img img{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;

  display: block !important;
  margin: 0 auto !important;

  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

/* === FIX: сдвинуть вправо текст "название / бонус / подпись / рейтинг" в рейтинге букмекеров (мобилка) === */
@media (max-width: 767px){

  /* одно место, где меняете силу сдвига */
  .ss-table.bookmakers{ --bmShift: 60px; }

  .ss-table.bookmakers a.item-bonus.cell .item-bonus-title,
  .ss-table.bookmakers a.item-bonus.cell .item-bonus-number,
  .ss-table.bookmakers a.item-bonus.cell .item-bonus-subtitle,
  .ss-table.bookmakers a.item-bonus.cell .item-rating{
    transform: translateX(var(--bmShift)) !important;
  }
}

/* === FIX: ss-table ov-rating — убрать переносы в заголовках и выровнять правую часть (мобилка) === */
@media (max-width: 767px){

  /* каждая "ячейка-строка" становится flex: заголовок слева, значение справа */
  .ss-table.ov-rating .item > .cell{
    width: 100% !important;
    float: none !important;
    clear: both !important;

    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  /* левый текст (Контора / Кол-во бонусов / Крупные акции и т.п.) */
  .ss-table.ov-rating .item > .cell .cell-title{
    flex: 1 1 auto;
    min-width: 0;              /* важно для flex */
    white-space: nowrap;       /* НЕ переносить "Кол-во бонусов", "Крупные акции" */
  }

  /* правая часть (значение) — прижимаем вправо */
  .ss-table.ov-rating .item > .cell .cell-value{
    flex: 0 0 auto;
    margin-left: auto;
    text-align: right !important;
  }
}

/* === FIX: МОБИЛА — заглавная картинка записи (single) без обрезки === */
/*@media (max-width: 800px) {

  /* Ваш шаблон single (по скрину: .s-page-meta -> .item-bg.img-wrap -> img) */
/*  body.single .s-page-meta .item-bg.img-wrap{
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }

  body.single .s-page-meta .item-bg.img-wrap img{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    /* убираем “кадрирование” */
/*    object-fit: contain !important;
    object-position: 50% 50% !important;

    /* на случай, если картинку кто-то центрирует через absolute/transform */
/*    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;

    display: block !important;
    margin: 0 auto !important;
  }
}*/

/* === FIX: шапка ОБЗОРОВ БК — логотип (уменьшить и показать целиком) === */
/* Важно: правило ограничено .s-descr-office, чтобы не поломать другие img-wrap/scale */
.s-descr-office .item-logo.img-wrap{
  /* если где-то скрывают/кропают — оставляем безопасно */
  overflow: hidden;
}

.s-descr-office .item-logo.img-wrap img{
  /* запрещаем растягивание/кроп/скейл */
  width: auto !important;
  height: auto !important;

  /* чтобы всегда помещался целиком */
  max-width: 100% !important;
  max-height: 70px !important;   /* размер на ПК (можно менять) */

  object-fit: contain !important;
  object-position: 50% 50% !important;

  /* убираем возможные absolute/translate/scale от класса scale */
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  transform: none !important;

  display: block !important;
  margin: 0 auto !important;
}

/* На мобильных — чуть ниже высота логотипа */
@media (max-width: 768px){
  .s-descr-office .item-logo.img-wrap img{
    max-height: 56px !important; /* размер на мобиле (можно менять) */
  }
}

/* === ПК: логотип в шапке обзора БК прижать влево (мобилы не трогаем) === */
@media (min-width: 769px){
  /* если родитель .item-body — flex и центрирует элементы */
  .s-descr-office .item-body .item-logo.img-wrap{
    align-self: flex-start !important;
  }

  /* убираем центровку и прижимаем к левому краю */
  .s-descr-office .item-logo.img-wrap{
    text-align: left !important;
  }

  .s-descr-office .item-logo.img-wrap img{
    margin-left: 0 !important;
    margin-right: auto !important; /* на всякий случай */
  }
}

/* === ПК: видео нормального размера и по центру (не на всю ширину, но и не маленькое) === */
@media (min-width: 769px){
  .section-content iframe,
  .section-content embed,
  .section-content object{
    display: block !important;
    margin: 16px 0 !important; /* слева */
    width: 720px !important;     /* <-- можно менять: 640 / 720 / 800 */
    max-width: 100% !important;  /* чтобы не вылезало за контент */
  }

  /* если ваш плагин/браузер поддерживает aspect-ratio — высота станет корректной */
  @supports (aspect-ratio: 16 / 9) {
    .section-content iframe{
      aspect-ratio: 16 / 9;
      height: auto !important;
    }
  }
}

/* FIX: "Выбор редакции" — показываем все пункты, даже если Avada пометила часть как hidden */
#sidebar-r-area .s-express.with-separator.widget .item-wrap.hidden {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

