/* Astmatici.cz – přírodní barvy */

/* Základní pozadí */
html, body {
  background-color: #E8F0E4 !important;
}

/* Horní menu a záhlaví */
#header,
#navbar,
.navbar {
  background-color: #F1E7CB !important;
}

/* Obsah článků */
main,
#main,
#content,
.content,
.article-detail {
  background-color: #E8F0E4 !important;
}

/* Hlavní barevná tlačítka */
.btn.btn-primary {
  background-color: #386d60 !important;
  border-color: #386d60 !important;
  color: #ffffff !important;
  font-weight: 600;
  border-radius: 7px;
}

/* Vedlejší světlá tlačítka */
.btn.btn-default {
  background-color: transparent !important;
  border: 1px solid #386d60 !important;
  color: #264d43 !important;
  border-radius: 7px;
}

/* Zvýraznění při najetí myší */
.btn.btn-primary:hover {
  background-color: #285246 !important;
  color: #ffffff !important;
}

.btn.btn-default:hover {
  background-color: #386d60 !important;
  color: #ffffff !important;
}

/* Responzivní vlastní motiv Astmatici.cz */
#box-custom-motive {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}

#box-custom-motive img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Trvale zelena hlavni tlacitka */
a.btn.btn-primary,
a.btn.btn-primary:link,
a.btn.btn-primary:visited {
  background: #386d60 !important;
  background-color: #386d60 !important;
  border-color: #386d60 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Tmavsi zelena pri najeti */
a.btn.btn-primary:hover,
a.btn.btn-primary:focus {
  background: #285246 !important;
  background-color: #285246 !important;
  border-color: #285246 !important;
  color: #ffffff !important;
}

/* Astmatici.cz – hneda kompaktni paticka */
#footer {
  background-color: #654B35 !important;
  color: #FFFFFF !important;
}

#footer .container {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

#footer p {
  margin-top: 0 !important;
  margin-bottom: 5px !important;
  line-height: 1.4 !important;
}

#footer a,
#footer a:visited {
  color: #FFFFFF !important;
  text-decoration: underline;
}

#footer a:hover,
#footer a:focus {
  color: #F1DEC8 !important;
}

#footer strong {
  color: #FFFFFF !important;
}

@media (max-width: 600px) {
  #footer .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #footer {
    overflow-wrap: anywhere;
  }
}