﻿/*
Theme Name: Reboot Child
Theme URI: https://wpshop.ru/themes/reboot
Author: WPShop.biz
Author URI: http://wpshop.biz/
Template: reboot
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */

/* 1) Снимаем родной flex и ограничения ширины */
.post-card.post-card--horizontal{
  display: block !important;
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* На всякий случай и в медиазоне (у темы flex включается там) */
@media (min-width: 576px){
  .post-card.post-card--horizontal{
    display: block !important;
  }
}

/* 2) wrapper должен быть НЕ flex */
.post-card--horizontal .wrapper{
  display: block !important;
  overflow: hidden; /* clearfix для float */
}

/* 3) Делаем обтекание */
.post-card--horizontal .post-card__thumbnail{
  float: left;
  width: 45%;                 /* подгони 40–55% как нравится */
  margin: 0 15px 10px 0;

  /* снимаем flex-настройки темы */
  flex: none !important;
  max-width: none !important;
}

.post-card--horizontal .post-card__thumbnail img{
  display: block;
  width: 100%;
  height: auto;
}

/* тело — обычный поток */
.post-card--horizontal .post-card__body{
  display: block !important;
}

/* мобилка — в столбик */
@media (max-width: 575px){
  .post-card--horizontal .post-card__thumbnail{
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }
}