/*
 Theme Name: Eshop-sablona
 Text Domain: eshop-sablona
 Author: Markéta Trnková
 Version: 1.0
 Description: E-commerce bloková šablona
*/

/* --- Styly pro vlastní hlavičku --- */
.custom-header-container{
  position: fixed;
  top: 0;
  left: 0;
  right: 0; 
  z-index: 9999; /* Zajistí, že hlavička bude nad ostatním obsahem */
  background-color: white;
  border: none;
}
.wp-block-navigation-item__label:hover {
  color: red !important;
  text-decoration: underline;
}
/* Kontejner pro horní lištu */
.custom-top-bar {
  padding: 15px 0px 0px 15px; 
  border-bottom: 1px solid #e0e0e0;
  font-size: 0.9em;
  max-width: 1400px;
  margin: 0 auto; /* Centrovat lištu na stránce */
  border: none;
  font-size: 13px;
}
.container-max-width{
  max-width: 1400px;
  margin: 0 auto;
}
.padding-bellow-header{
  padding-top: 24px;
}
.wp-site-blocks{
  margin-top: 115px ; /* Přizpůsobte hodnotu podle výšky vaší hlavičky */
}
/* Pokud je admin bar, tak se posune hlavicka */
body.admin-bar .custom-header-container {
  top: 32px; /* desktop admin bar */
}


.mobile-menu-nav {
  display: none !important;
}

/* --- Výchozí stav – panel skrytý, ale animovatelný --- */
.wp-block-navigation__responsive-container {
  position: fixed !important;
  top: 0 !important;;
  right: 0 !important;
  left: auto !important;
  width: 50%;
  height: 100%;
  background: white;
  transform: translateX(100%) !important;
  opacity: 0;
  pointer-events: none;
  transition: transform 1s ease-in-out, opacity 0.3s ease-in-out;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 9998;
}

.wp-block-navigation__responsive-container[hidden] {
  display: flex !important;
  visibility: visible !important;
}

/* --- WP dává `hidden` → ignoruj --- */
.wp-block-navigation__responsive-container.hidden-by-default {
  display: flex !important;
  opacity: 0;
  pointer-events: none;
  transform: translateX(100%) !important;
  transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out !important;
}

/* --- Po otevření --- */
.wp-block-navigation__responsive-container.hidden-by-default.is-menu-open {
  transform: translateX(0) !important;
  opacity: 1;
  pointer-events: all;
  transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out !important;
}

/* Křížek vpravo nahoře */
.wp-block-navigation__responsive-container-close {
  align-self: flex-end;
  margin: 20px 15px 0 0;
}

/* Obsah menu vlevo */
.wp-block-navigation__responsive-container-content {
  align-items: flex-start !important;
  padding: 50px 0 0 20px !important;
}
.wp-block-navigation__responsive-container-content ul li{
 padding: 10px; 
}

/* Zarovnání odkazů vlevo */
ul.wp-block-navigation__container.items-justified-right {
  justify-content: flex-start !important;
  text-align: left;
}

ul.wp-block-navigation__submenu-container{
  padding-top: 5px !important;
}

.main-navigation-row-2{
  padding: 0px 0px 20px 0px !important;
  max-width: 1000px;
  margin: 0 auto;
  height: 50px;

}
.main-navigation-row-2 img{
  margin-top: -25px;
  z-index: 1000;
}

.wp-social-link-facebook, 
.wp-social-link-github {
  background-color: #d8d8d8 !important; 
}

.wp-social-link-facebook:hover, 
.wp-social-link-github:hover {
  background-color: #444444 !important;
}

.wp-block-social-links .wp-block-social-link.wp-social-link{
  font-size: 14px !important;
}

/* Hlavní navigační lišta */
.main-navigation-bar {
  padding: 1rem 2rem;
}

/* Stylování bloku s logem pro větší výšku */
.main-navigation-bar .main-nav-logo img {
  /* Nastavte výšku, jakou potřebujete. 
     Šířka se díky "auto" přizpůsobí poměru stran. */
  max-height: 90px;
  width: auto;
}

/* Můžete si upravit i vzhled samotných odkazů */
.main-navigation-bar .wp-block-navigation-item a {
  padding: 0.5em 1em;
  font-weight: 400; /* Polotučné písmo */
  text-decoration: none; /* Odstranění podtržení */
  color: #333;
}

/* Zvýraznění aktivní stránky */
.wp-block-navigation a[aria-current="page"], .current-menu-ancestor {
  color: red !important;
  font-weight: 700;
}

/* Zvýraznit rodičovský odkaz pokud některý potomek je aktuální (moderní prohlížeče) */
.wp-block-navigation li:has(a[aria-current="page"]) > a {
  color: #c00;
}


.nahledovy-obrazek-prispevku{
  max-height: 300px;
  object-fit: cover;
}

/* Banner s produkty - stylování vzoru jak pro frontedn, tak pro backend */
.products_banner-wrapper {
  display: flex;
  width: 100%;
  height: auto;
  background-color: #d8d6d6;
  padding: 17px;
  margin: 0px auto;
}

.products_banner {
  display: block;
  width: 85%;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #e5e5e5;
  text-align: center;
  padding-bottom: 17px;
  padding: 0px 24px 24px 24px;
}
.products_banner ul{
   display: flex;
  justify-content: center;
  align-items: stretch;
  overflow-y: hidden;
}
.products_banner ul li{
  display: flex;
}

.products_banner .products_banner-card{
  display: flex;
  background-color: white;
  padding:15px;
  flex: 1;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}

.product-price-row{
 width: 100%;
}
.products_banner .pagination-row{
  margin-top: 17px;
}
.products_banner-card-header{
  width: 100%;
  padding: 0px 17px 10px 17px;
}
.product-card-top{
  display: flex;
  flex-direction: column;
    flex: 1;
}
.product-card-top .wc-block-components-product-image img {
  width: 100%;
  height: 300px;     /* výšku můžeš upravit */
  object-fit: cover;
}
.products_banner h2{
  margin: 0px !important;
}

.product-price-row .add_to_cart_button {
  background-color: black !important;
  color: white !important;
  padding: 12px 18px;
  text-align: center;
  display: block;
  width: 100%;
  text-decoration: none;
  border-radius: 0px !important;
}

.category-info-wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px;
}
.category-products-container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 24px 24px 24px;
}
.all-categories-wrapper ul{
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px;
  justify-content: center;
  gap: 15px;
}
.all-categories-wrapper ul li{
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.all-categories-wrapper ul li a{
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image{
  width: auto;
  margin: 0px auto;
  max-width: none;
}


/* --- Mobilní přepínače --- */
@media (max-width: 500px) {
  .banner-wrapper {
    display: none;
  }
  .mobile-menu-nav {
    display: flex !important;
  }
  .custom-header-container .main-navigation-row-2 {
    display: none;
  }
  .mobile-menu-column-wrapper-right,
  .mobile-menu-column-wrapper-left {
    display: flex;
    justify-content: right;
    padding: 0 15px;
    width: 100%;
  }
  .mobile-menu-column-wrapper-left {
    justify-content: left;
  }
}


@media (max-width: 782px) {
  body.admin-bar .custom-header-container {
    top: 46px; /* mobilní admin bar je vyšší */
  }

}