/*
  ╔══════════════════════════════════════════════════════════════════╗
  ║  MIDAROVO – Shoptet Custom CSS                                   ║
  ║  Verze: 1.0                                                      ║
  ║                                                                  ║
  ║  Jak použít:                                                     ║
  ║  Shoptet Admin → Vzhled → Šablony → (vaše šablona) → Upravit    ║
  ║  → záložka "Vlastní CSS" → vložte celý obsah → Uložit           ║
  ╚══════════════════════════════════════════════════════════════════╝
*/

/* ================================================================
   1. FONTY
   Načteme Jost (nadpisy) – Source Sans 3 Shoptet již načítá sám.
   ================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&display=swap');


/* ================================================================
   2. BRAND BAREVNÉ PROMĚNNÉ
   Přepíšeme výchozí Shoptet barvy na MIDAROVO brand.
   ================================================================ */
:root {
  /* Hvozd – hlavní zelená (tlačítka, odkazy, aktivní stav) */
  --color-primary:         #2C4636;
  --color-primary-h:       143;
  --color-primary-s:       23%;
  --color-primary-l:       22%;

  --color-primary-hover:   #1e3027;
  --color-primary-hover-h: 143;
  --color-primary-hover-s: 23%;
  --color-primary-hover-l: 15%;

  /* Crema – zlatá (sekundární akce, ceny) */
  --color-secondary:         #C68A34;
  --color-secondary-h:       35;
  --color-secondary-s:       58%;
  --color-secondary-l:       49%;

  --color-secondary-hover:   #a57228;
  --color-secondary-hover-h: 35;
  --color-secondary-hover-s: 60%;
  --color-secondary-hover-l: 40%;

  /* Šípek – červená (upozornění, slevy, výprodej) */
  --color-tertiary:         #9A3B2C;
  --color-tertiary-h:       8;
  --color-tertiary-s:       56%;
  --color-tertiary-l:       39%;

  --color-tertiary-hover:   #7a2e22;
  --color-tertiary-hover-h: 8;
  --color-tertiary-hover-s: 56%;
  --color-tertiary-hover-l: 31%;

  /* Pozadí hlavičky */
  --color-header-background: #2C4636;

  /* Fonty */
  --template-font:          "Source Sans 3";
  --template-headings-font: "Jost";
}


/* ================================================================
   3. HLAVIČKA
   ================================================================ */
.header-background-light,
.header-background-dark,
.header-top {
  background-color: #2C4636 !important;
  color: #EFE6D1 !important;
  border-bottom: none !important;
}

/* Kontakty / top bar texty */
.header-top a,
.header-top span,
.top-navigation-contacts a,
.top-navigation-contacts span {
  color: #EFE6D1 !important;
}

.header-top a:hover,
.top-navigation-contacts a:hover {
  color: #C68A34 !important;
}


/* ================================================================
   4. NAVIGACE
   ================================================================ */
.top-navigation-bar,
.navigation-wrapper,
.navigation-in.menu {
  background-color: #2C4636 !important;
}

/* Položky menu */
.top-navigation-menu .menu-item > a,
.navigation-in .menu-item > a,
.navigation-in .menu-item > span {
  color: #EFE6D1 !important;
  font-family: "Jost", sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.top-navigation-menu .menu-item > a:hover,
.navigation-in .menu-item > a:hover {
  color: #C68A34 !important;
  background-color: transparent !important;
}

/* Aktivní/otevřená položka */
.top-navigation-menu .menu-item.active > a,
.navigation-in .menu-item.active > a,
.top-navigation-menu .menu-item.opened > a {
  color: #C68A34 !important;
  border-bottom: 2px solid #C68A34 !important;
}

/* Dropdown submenu */
.navigation-in .menu-level-2,
.navigation-in .submenu {
  background-color: #1e3027 !important;
  border: none !important;
}

.navigation-in .menu-level-2 .menu-item a,
.navigation-in .submenu .menu-item a {
  color: #EFE6D1 !important;
}

.navigation-in .menu-level-2 .menu-item a:hover,
.navigation-in .submenu .menu-item a:hover {
  color: #C68A34 !important;
  background-color: #2C4636 !important;
}

/* Mobilní hamburger a nástroje */
.top-navigation-tools .top-nav-button,
.navigation-tools .top-nav-button,
.cart-widget-button {
  color: #EFE6D1 !important;
}

.top-navigation-tools .top-nav-button:hover,
.navigation-tools .top-nav-button:hover,
.cart-widget-button:hover {
  color: #C68A34 !important;
}

/* Počet položek v košíku */
.cart-count .badge,
.cart-count-badge {
  background-color: #C68A34 !important;
  color: #EFE6D1 !important;
}

/* Logo přihlášení – text */
.btn-login,
.top-nav-button-login {
  color: #EFE6D1 !important;
}


/* ================================================================
   5. TĚLO STRÁNKY
   ================================================================ */
body {
  background-color: #EFE6D1 !important;
  color: #221A13 !important;
  font-family: "Source Sans 3", sans-serif !important;
}

a {
  color: #2C4636 !important;
}

a:hover {
  color: #C68A34 !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Jost", sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.03em !important;
  color: #2C4636 !important;
}

/* Kategorické nadpisy na HP */
.homepage-group-title {
  font-family: "Jost", sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #2C4636 !important;
  border-bottom: 1px solid rgba(44, 70, 54, 0.2) !important;
  padding-bottom: 0.5rem !important;
}


/* ================================================================
   6. TLAČÍTKA
   ================================================================ */
.btn-conversion {
  background-color: #2C4636 !important;
  border-color: #2C4636 !important;
  color: #EFE6D1 !important;
  border-radius: 2px !important;
  font-family: "Source Sans 3", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
}

.btn-conversion:hover,
.btn-conversion:focus {
  background-color: #1e3027 !important;
  border-color: #1e3027 !important;
  color: #EFE6D1 !important;
}

.btn-default {
  background-color: transparent !important;
  border: 1px solid #2C4636 !important;
  color: #2C4636 !important;
  border-radius: 2px !important;
  font-family: "Source Sans 3", sans-serif !important;
}

.btn-default:hover {
  background-color: #2C4636 !important;
  color: #EFE6D1 !important;
}

.btn-secondary {
  background-color: #C68A34 !important;
  border-color: #C68A34 !important;
  color: #EFE6D1 !important;
  border-radius: 2px !important;
}

.btn-secondary:hover {
  background-color: #a57228 !important;
  border-color: #a57228 !important;
}


/* ================================================================
   7. PRODUKTOVÉ KARTY
   ================================================================ */
.product-box {
  background-color: #faf5ec !important;
  border: 1px solid rgba(44, 70, 54, 0.12) !important;
  border-radius: 2px !important;
  transition: border-color 0.2s ease !important;
}

.product-box:hover {
  border-color: #2C4636 !important;
}

.product-box .product-name a,
.product-name a {
  color: #221A13 !important;
  font-family: "Jost", sans-serif !important;
  font-weight: 400 !important;
}

.product-box .product-name a:hover,
.product-name a:hover {
  color: #2C4636 !important;
}

/* Ceny */
.product-price-final,
.price-final,
.product-box .price .final {
  color: #2C4636 !important;
  font-family: "Jost", sans-serif !important;
  font-weight: 500 !important;
}

/* Stará/škrtnutá cena */
.product-price-before,
.price-before,
.price .before {
  color: #999 !important;
  text-decoration: line-through !important;
}

/* Ušetříte / sleva badge */
.product-label-sale,
.product-sticker-sale,
.label-sale {
  background-color: #9A3B2C !important;
  color: #EFE6D1 !important;
  border-radius: 2px !important;
}

/* Novinka badge */
.product-label-new,
.product-sticker-new,
.label-new {
  background-color: #C68A34 !important;
  color: #EFE6D1 !important;
  border-radius: 2px !important;
}


/* ================================================================
   8. BENEFIT BANNER (pruh nad hlavičkou)
   ================================================================ */
.benefitBanner,
.benefit-banner {
  background-color: #C68A34 !important;
  color: #EFE6D1 !important;
  font-family: "Source Sans 3", sans-serif !important;
}

.benefitBanner a,
.benefit-banner a {
  color: #EFE6D1 !important;
  text-decoration: underline !important;
}


/* ================================================================
   9. PATIČKA
   ================================================================ */
.footer {
  background-color: #2C4636 !important;
  color: #EFE6D1 !important;
}

.footer a {
  color: #EFE6D1 !important;
}

.footer a:hover {
  color: #C68A34 !important;
}

.footer h3,
.footer h4,
.footer h5,
.footer .footer-heading,
.footer .footer-col-title {
  color: #C68A34 !important;
  font-family: "Jost", sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Dolní pruh patičky */
.footer-bottom {
  background-color: #1e3027 !important;
  color: rgba(239, 230, 209, 0.6) !important;
  border-top: 1px solid rgba(239, 230, 209, 0.1) !important;
}

.footer-bottom a {
  color: rgba(239, 230, 209, 0.6) !important;
}

.footer-bottom a:hover {
  color: #EFE6D1 !important;
}


/* ================================================================
   10. FORMULÁŘE
   ================================================================ */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
select,
textarea {
  border-radius: 2px !important;
  border: 1px solid rgba(44, 70, 54, 0.3) !important;
  background-color: #fff !important;
  color: #221A13 !important;
  font-family: "Source Sans 3", sans-serif !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #2C4636 !important;
  box-shadow: 0 0 0 2px rgba(44, 70, 54, 0.12) !important;
  outline: none !important;
}

label {
  color: #221A13 !important;
  font-family: "Source Sans 3", sans-serif !important;
}


/* ================================================================
   11. BREADCRUMBS (drobečková navigace)
   ================================================================ */
.breadcrumbs,
.breadcrumb {
  font-family: "Source Sans 3", sans-serif !important;
  font-size: 0.85rem !important;
}

.breadcrumbs a,
.breadcrumb a,
.breadcrumb-item a {
  color: #2C4636 !important;
}

.breadcrumbs a:hover,
.breadcrumb a:hover {
  color: #C68A34 !important;
}

.breadcrumbs .separator,
.breadcrumb-separator {
  color: rgba(44, 70, 54, 0.4) !important;
}


/* ================================================================
   12. STRÁNKOVÁNÍ
   ================================================================ */
.paging .btn,
.pagination .page-link {
  color: #2C4636 !important;
  border-color: rgba(44, 70, 54, 0.2) !important;
  background-color: transparent !important;
  border-radius: 2px !important;
}

.paging .btn.active,
.pagination .page-item.active .page-link,
.paging .btn:hover,
.pagination .page-link:hover {
  background-color: #2C4636 !important;
  color: #EFE6D1 !important;
  border-color: #2C4636 !important;
}


/* ================================================================
   13. HODNOCENÍ (hvězdičky)
   ================================================================ */
.rating .star-full,
.product-rating .filled,
.rating-star.filled {
  color: #C68A34 !important;
}


/* ================================================================
   14. DETAIL PRODUKTU
   ================================================================ */
.product-detail h1 {
  font-family: "Jost", sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.03em !important;
  color: #2C4636 !important;
}

.product-detail .product-price .price-final {
  font-family: "Jost", sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.8rem !important;
  color: #2C4636 !important;
}

.product-detail .buy-section .btn-conversion {
  min-width: 200px !important;
}


/* ================================================================
   15. ZPRÁVY A UPOZORNĚNÍ
   ================================================================ */
.alert-success,
.flash-success {
  background-color: rgba(44, 70, 54, 0.12) !important;
  border-color: #2C4636 !important;
  color: #2C4636 !important;
}

.alert-danger,
.flash-error {
  background-color: rgba(154, 59, 44, 0.1) !important;
  border-color: #9A3B2C !important;
  color: #9A3B2C !important;
}

.alert-warning,
.flash-warning {
  background-color: rgba(198, 138, 52, 0.12) !important;
  border-color: #C68A34 !important;
  color: #7a5520 !important;
}


/* ================================================================
   16. BLOG sekce na homepage
   ================================================================ */
.homepage-blog-wrapper .blog-item-title a,
.blog-wrapper .blog-item-title a {
  color: #2C4636 !important;
  font-family: "Jost", sans-serif !important;
  font-weight: 300 !important;
}

.homepage-blog-wrapper .blog-item-title a:hover,
.blog-wrapper .blog-item-title a:hover {
  color: #C68A34 !important;
}


/* ================================================================
   17. MOBILNÍ MENU
   ================================================================ */
@media (max-width: 991px) {
  .navigation-mobile,
  .mobile-menu,
  .offcanvas-menu {
    background-color: #2C4636 !important;
  }

  .navigation-mobile .menu-item a,
  .mobile-menu .menu-item a {
    color: #EFE6D1 !important;
    border-bottom: 1px solid rgba(239, 230, 209, 0.1) !important;
    font-family: "Jost", sans-serif !important;
    font-weight: 300 !important;
    letter-spacing: 0.04em !important;
  }

  .navigation-mobile .menu-item a:hover,
  .mobile-menu .menu-item a:hover {
    color: #C68A34 !important;
    background-color: rgba(239, 230, 209, 0.05) !important;
  }

  /* Hamburger ikona */
  .navigation-close,
  .menu-helper {
    color: #EFE6D1 !important;
  }
}