/*
 * Kosmetika4U – globální úpravy šablony Shoptet
 * Version: 1.0.0
 * Cache key: v=100
 *
 * Soubor nahrazuje původní inline <style> bloky ze Záhlaví.
 * Komponenty k4u-* zůstávají ve vlastních CSS souborech.
 */

/* ================================================================
   1. Základní vzhled stránky
   ================================================================ */

body {
  background: linear-gradient(
    180deg,
    rgba(211, 231, 240, 1) 0%,
    rgba(255, 255, 255, 1) 88%
  );
  background-repeat: no-repeat;
}

.navigation-wrapper {
  background-color: rgba(211, 231, 240, 0.8);
}

#header {
  z-index: 99001 !important;
  background-color: transparent !important;
}

.top-navigation-bar {
  border-top-color: #3f3f3f;
  border-bottom-color: #3f3f3f;
  background-color: #3f3f3f;
  color: #fff;
}

.top-navigation-contacts {
  background-color: transparent !important;
  color: #fff;
}

.top-navigation-menu {
  display: none !important;
}

.sidebar-inner {
  background: #f8f9f9;
}

.sidebar {
  background: #fff;
}

.homepage-box {
  border: 0 !important;
  background-color: transparent !important;
}

.latest-contribution-wrapper {
  display: none !important;
}

/* ================================================================
   2. Nadpisy a běžná typografie
   ================================================================ */

h1 {
  margin: 10px 5px;
  color: #127c72;
  font-size: 22pt;
  font-weight: 700;
}

h2 {
  margin: 8px 0;
  color: #008383;
  font-size: 150%;
}

h3 {
  margin: 5px 0;
  color: #273746;
}

p,
li,
ul,
ol {
  font-size: 11pt;
  font-weight: 400;
}

.p-detail-inner-header h1,
h1.category-title,
.welcome h1,
.homepage-group-title {
  color: #127c72;
  font-weight: 500;
}

.p-detail-inner-header h1 {
  margin-top: 30px;
}

.welcome h1,
.welcome div {
  max-width: 100%;
}

.content-inner {
  max-width: 1080px;
}

.content-inner h2,
.content-inner h3 {
  color: #127c72;
}

/* ================================================================
   3. Kategorie a navigace
   ================================================================ */

.type-category #content {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.type-category #content h1 {
  order: -2;
}

.type-category #content .category-perex {
  order: -1;
}

.subcategories li a {
  color: #3a3a3c;
}

#categories {
  font-weight: 600;
}

.category-name > a,
.menu-item-1662 a b,
.menu-item-29 a b {
  text-transform: uppercase;
}

.categories .active > a {
  color: #249fc3;
  font-weight: 700;
}

.menu-element-link,
.panel-element {
  font-weight: 700;
}

.panel-element-submenu {
  font-weight: 400;
}

/* ================================================================
   4. Produktové karty a detail produktu
   ================================================================ */

.product .p-bottom {
  margin-top: 10px;
}

.products-block .p-bottom .p-desc {
  color: #b2b2b2;
  font-weight: 300;
}

.products-block .ratings-wrapper,
.stars-placeholder {
  height: 0 !important;
  min-height: 1px;
}

.products-block > div {
  border: 1px solid transparent !important;
}

.products-block > div:hover {
  z-index: 90000;
  border-color: #efeff1 !important;
  box-shadow: 0 0 23px rgba(58, 58, 60, 0.3);
  transform: scale(1.01);
}

.products-block.products .p .name {
  font-size: 16px;
}

.product-appendix {
  color: #3a3a3c;
  font-weight: 100 !important;
}

.flag.flag-discount {
  background-color: #007291;
}

.product:hover .pr-list-hover-info::after {
  background-color: #565757;
}

.pr-list-det-main-price {
  color: #127c72;
  font-size: 120%;
}

/* ================================================================
   5. Formuláře a tlačítka
   ================================================================ */

#formSearchForm .search-input {
  border-radius: 10px;
}

#formSearchForm .btn-default {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.button.button-success,
.button.button-success-inverse {
  border-color: #2ca3bb;
  box-shadow: inset 0 0 0 2px #2ca3bb;
  color: #2ca3bb;
}

/* ================================================================
   6. Zápatí a pomocné prvky
   ================================================================ */

#footer h4 {
  color: #20c3b4;
}

#footer .footer-rows .site-name {
  display: none;
}

#footer .custom-footer {
  padding-left: 0 !important;
}

#more {
  display: none;
}