/* ================= ZÁKLAD ================= */
body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 15px;
  color: #333;
  background: #f5f6f7;
  margin: 0;
  line-height: 1.6;
}

.wrapper {
  max-width: 900px;
  margin: auto;
  padding: 20px;
}

/* ================= HLAVIČKA FIRMY ================= */
.company-header {
  background: #fff;
  padding: 20px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  margin-bottom: 20px;
}

.company-header h1 {
  font-size: 26px;
  margin: 0 0 8px 0;
  color: #111;
}

.company-subtitle {
  color: #666;
  font-size: 15px;
}

/* ================= SEKCE ================= */
.section {
  background: #fff;
  padding: 18px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  margin-bottom: 20px;
}

.section h2 {
  font-size: 20px;
  margin-bottom: 12px;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
  cursor: pointer;
}

.section h2:hover {
  color: #0068e1;
}

/* ================= KONTAKT ================= */
.contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-list li {
  margin: 8px 0;
  padding-left: 28px;
  position: relative;
}

.contact-list li::before {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 16px;
}

/*.phone::before { content: "*/

/* ================= Odebrani motivu + fix pro nastavení sekce - obrázek pozadí  ================= */
/* odebrani motivu */
#motive {
  display: none;
}

/* odebrani horniho odsazeni stranky */
.article-detail #content,
.frontpage #content {
  padding: 0 0;
}

/* pridani odsazeni nad h1 */
.article-detail .h1,
.article-detail h1,
.frontpage .h1,
.frontpage h1 {
  margin: 80px 0 50px 0;
}

/* fix prazdneho parag */
p:empty {
  margin: 0;
}

/* fix breadcrumb */
.breadcrumb {
  background-color: rgba(255, 255, 255, 1);
  backdrop-filter: blur(10px);
  position: relative;
  z-index: 100;
  width: fit-content;
}
.breadcrumb:last-of-type {
  margin-bottom: -40px;
}

/* ================= Uprava barvy sablony ================= */
:root {
  --in-primary: #337ab7;
}

.goin,
.goin:hover,
.btn-primary,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover,
.nav-pills > li > a:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
#panel-news .more a:hover,
footer #panel-news .more a:hover,
.btn-primary:hover,
#top-ribbon .btn.btn-danger {
  background-color: var(--in-primary);
}

#panel-news .more a,
#panel-news .more a:hover,
a,
a:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover,
.pagination > li > a,
.pagination > li > span,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.thumbnail h2 a,
.price-current-vat,
#cart a,
input[type="checkbox"]:checked:after,
.lockcomm,
code,
#top-ribbon a,
#top-ribbon a:hover,
footer a:hover,
#second a,
#top-ribbon a,
.btn-link,
.btn-link:hover,
.navbar .navbar-text,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .disabled > a,
.navbar .navbar-nav > .disabled > a:hover,
.navbar .navbar-nav > .disabled > a:focus,
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus,
.breadcrumb a:hover,
.breadcrumb > .active {
  color: var(--in-primary);
}

#panel-news .more a:after {
  border-top: 30px solid var(--in-primary);
}

.image-slider a .img-thumbnail:hover,
#list-rubrics li .media-body:hover,
#list-downloads li .inside:hover,
.btn-primary:hover .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover,
.btn-primary,
.btn-primary:hover,
#top-ribbon .btn.btn-danger,
.nav-tabs > li.active > a {
  border-color: var(--in-primary);
}

.copy a,
.copy a:hover {
  color: var(--in-primary);
}

.section-contact a.section-cell-item i {
  color: var(--in-primary);
}

.btn-primary {
  background-color: #fff;
  color: var(--in-primary);
}

#second {
  background-color: var(--in-primary);
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
  background-color: var(--in-primary) !important;
}

/*footer*/
footer:before {
  content: "";
  height: 2px;
  width: 100%;
  display: block;
  position: absolute;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9a24a+50,82C835+50 */
  background: #f9a24a; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #f9a24a 50%,
    var(--in-primary) 50%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #f9a24a 50%,
    var(--in-primary) 50%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #f9a24a 50%,
    var(--in-primary) 50%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a24a', endColorstr='var(--in-primary)',GradientType=1 ); /* IE6-9 */
  top: 0;
}

.filter-default {
  filter: brightness(0) saturate(100%) invert(49%) sepia(23%) saturate(1396%)
    hue-rotate(166deg) brightness(84%) contrast(90%);
}

/*Teplotní barometr pod headerem titulní strany*/

.pneu-barometr {
  background-color: #f9f9f9;
  border-bottom: 2px solid #eeeeee;
  padding: 15px;
  text-align: center;
  font-family: Arial, sans-serif;
  margin-bottom: 20px;
  display: block;
}
.pneu-status {
  font-weight: bold;
  margin-right: 10px;
}
.status-zima { color: #007AFF; }
.status-prechod { color: #FF9500; }
.status-leto { color: #28CD41; }

.pneu-barometr a {
  color: #333;
  font-weight: bold;
  margin-left: 10px;
  text-decoration: underline;
}

/* Univerzální zmenšení boxů článků pro inPage šablony */
.vypis-clanku .polozka, 
.article-list .item, 
div[class*="article-"] .item {
    width: 30% !important; /* Zmenšení na cca třetinu */
    float: left !important;
    margin: 1.5% !important;
    min-height: 350px; /* Aby byly boxy stejně vysoké */
    box-sizing: border-box !important;
    display: block !important;
}

/* Zmenšení obrázků uvnitř boxů */
.vypis-clanku .polozka img, 
.article-list .item img,
.p-item-image img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
}

/* Vyčištění toku (aby další obsah nezačínal vedle článků) */
.vypis-clanku::after, 
.article-list::after {
    content: "";
    display: table;
    clear: both;
}

/* Oprava pro mobily - aby to tam nebylo moc mrňavé */
@media (max-width: 768px) {
    .vypis-clanku .polozka, .article-list .item {
        width: 97% !important;
        float: none !important;
        margin: 10px auto !important;
    }
}