/* Адаптив поверх темы strefa_1 (оригинал не адаптивный). Подключается ПОСЛЕ style.css. */
/* ВНИМАНИЕ: тема свёрстана под content-box; глобальный box-sizing НЕ задаём, иначе ломается
   фиксированная сетка (#content 645 + #sidebar 320 в .wrap). border-box — только на мобильных. */
img{max-width:100%;height:auto;}
.nav-toggle,.nav-toggle-cb{display:none;}
/* ВОССТАНОВЛЕННЫЙ clearfix: в архиве потерян CSS для .cf, на котором держится вся сетка
   (#main, #header, .bo-widget-clear и т.д.) -> без него float'ы не очищаются и блоки «едут». */
.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}
.bo-widget-clear,#bo-widget-clear-3{clear:both;}
/* Фон навигации: фоновая картинка темы (images/bg2.jpg) в архиве отсутствует -> сплошной цвет,
   иначе белый текст меню невидим на прозрачном фоне (на десктопе и мобиле). */
#nav{background-color:#336680 !important;}
#nav li ul{background-color:#306078 !important;}

/* Планшет и уже: контейнер становится резиновым */
@media (max-width:1010px){
  body{padding:10px 0;}
  .wrap{width:auto;max-width:1000px;margin:0 10px;}
  #header,#nav{width:auto;}
  #logo img{width:100%;max-width:945px;}
}

/* Мобильные: одна колонка + мобильное меню */
@media (max-width:768px){
  html,body{overflow-x:hidden;max-width:100%;}
  .wrap,#main,#header,#content,#sidebar,.widget,.full-width{box-sizing:border-box;max-width:100% !important;}
  .wrap{width:auto;margin:0;padding:8px;}
  #header{width:auto;}
  /* всё в одну колонку, никаких фиксированных ширин/float */
  #content,#content.full-width,#content .full-width,#sidebar,.widget,.one-half,.full-width,
  #content .post-body .one-half,#content .post-body .one-third,#content .post-body .one-fourth,
  #content .post-body .two-thirds,#content .post-body .three-fourths{
    width:auto !important;float:none !important;margin-left:0 !important;}
  #sidebar{margin-top:24px;}
  .widget{margin:0 0 24px 0 !important;}

  /* заголовки виджетов: убрать фикс. высоту и фон-иконку -> текст не наезжает */
  .widget-title{height:auto !important;background:none !important;margin-bottom:12px;
    padding-bottom:6px;border-bottom:2px solid #f2ce18;overflow:hidden;}
  .widget-title h3{font-size:15px;line-height:1.3;}

  /* списки постов: вертикальный стек, миниатюра слева */
  .post-list,.post-list>li{width:auto !important;float:none !important;}
  .post-list>li{overflow:hidden;margin-bottom:14px;}
  .post-list .post-thumb{float:left;margin:0 10px 6px 0;}
  .post-list .post-thumb img{width:80px !important;height:auto !important;}
  .post-body{overflow:hidden;}

  /* медиа фиксированной ширины -> резина */
  img,video,iframe,embed,object{max-width:100% !important;height:auto;}
  #content iframe,#sidebar iframe{width:100% !important;aspect-ratio:16/9;}
  table{display:block;overflow-x:auto;max-width:100%;}

  /* слайдер: адаптивный (резиновый), работает как на десктопе.
     Картинки в nivoSlider position:absolute -> height:auto схлопывает контейнер,
     поэтому задаём aspect-ratio (кадры 600x340) — высота считается от ширины. */
  .widget.full-width.pattern{background:none !important;padding:0 !important;border:0 !important;}
  #slider,.nivoSlider{width:100% !important;height:auto !important;aspect-ratio:600/340;}
  #slider img,.nivoSlider img,.nivoSlider .nivo-main-image{width:100% !important;height:auto !important;}
  .nivo-caption{width:auto !important;left:0;right:0;bottom:0;opacity:1 !important;padding:8px 10px;font-size:13px;}
  .nivo-caption h1,.nivo-caption h1 a{font-size:16px !important;line-height:1.25;}
  .nivo-caption p{display:none;}
  .nivo-directionNav{display:none !important;}
  .nivo-controlNav{position:absolute;bottom:6px;right:8px;text-align:right;}

  /* мобильное меню (гамбургер) — СПЛОШНОЙ фон */
  .nav-toggle{display:block;background:#336680;color:#fff;padding:12px 16px;cursor:pointer;
    font-weight:bold;font-family:Helvetica,Geneva,sans-serif;text-transform:uppercase;
    border-radius:4px;margin-bottom:12px;box-shadow:2px 2px 0 #ccc;}
  #nav{display:none;width:auto !important;height:auto !important;margin-bottom:20px;
    background:#336680 !important;box-shadow:none;}
  .nav-toggle-cb:checked + #nav{display:block;}
  #nav li{float:none !important;display:block;background:#336680 !important;}
  #nav ul,#nav li ul,#nav > li > ul{background:#2b566b !important;}
  #nav > li > a{background-image:none !important;}
  #nav li a{margin:0 !important;padding:13px 16px !important;display:block;
    border-bottom:1px solid rgba(255,255,255,.15);}
  #nav li ul,#nav > li > ul{position:static !important;display:block;width:auto;
    box-shadow:none;left:auto;top:auto;}
  #nav li ul li a{margin:0 !important;padding:11px 16px 11px 32px !important;}
}