/*

Theme Name: Elessi Theme Child

Description: Toto je child šablona pro Vitalfoods

Author: Lukáš Müller

Author URI: https://lukajsz.cz

Template: elessi-theme

Version: 1.0

*/





/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/





.payment_method_bacs label:after {

  content: '';

  display: inline-block;

  margin-left: 5px; /* Mezera mezi textem a ikonou */

  vertical-align: middle;

  width: 50px; /* Nastavení šířky ikonky */

  height: 35px; /* Nastavení výšky ikonky */

  background-image: url('http://localhost/wordpress/wp-content/uploads/2025/01/bankovni-prevod-1.png'); /* URL obrázku */

  background-size: contain; /* Přizpůsobení velikosti obrázku */

  background-repeat: no-repeat; /* Zabrání opakování obrázku */

}



/* Odebrání DPH v košíku */

small {

  font-size: 0%;

  line-height: inherit;

}



/* Zvětšení ikon v záhlaví + fixace barvy na bílou */

.nasa-header-icons-sc svg {

    width: 35px !important;

    height: 35px !important;

    fill: white !important; /* Ujistí se, že ikonky budou vždy bílé */

    color: white !important; /* Pro jistotu */

    stroke: white !important; /* Přidání obrysu */

    stroke-width: 0.2px !important; /* Zvětšení tloušťky čar */

}



/* Zajištění bílé barvy i při najetí myší */

.nasa-header-icons-sc svg:hover {

    fill: white !important;

    color: white !important;

}



.menus-account {

    position: relative; /* Umožní absolutní umístění menu relativně k této ikoně */

}



.show-password-input {

    display: none !important;

}





.sub-menu {

    position: absolute;

    top: 100%; /* Zobrazí menu přímo pod ikonou */

    right: 0; /* Pokud je menu zarovnáno k pravé straně */

    transform: translateX(-30px); /* Posune menu doleva */

    background-color: white;

    border-radius: 10px;

    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);

    padding: 10px;

    z-index: 1000;

    min-width: 220px; /* Nastaví minimální šířku menu */

}





.nasa-cart-count {

    background-color: #EA3C3C !important;

    color: white !important;

    width: 20px; /* Změna šířky bubliny */

    height: 20px; /* Změna výšky bubliny */

    border-radius: 50%; /* Aby bublina zůstala kulatá */

    font-size: 12px; /* Zvýšení velikosti textu v bublině */

    display: flex; /* Použití flexboxu pro centrování textu */

    justify-content: center; /* Centrování textu horizontálně */

    align-items: center; /* Centrování textu vertikálně */

}



/* Úprava velikosti ikon ve WooCommerce platebních metodách */

.wc_payment_method label img {

    max-height: 20px !important;

    width: auto !important;

}



.payment_methods img {

    max-height: 25px !important;

}





/* Skrývá odkazy v košíku na produkty */

.woocommerce-cart .product-name a {

    pointer-events: none;

    text-decoration: none;

    color: inherit;

}



.nasa-flex .product-name {

    pointer-events: none;

    text-decoration: none;

    color: inherit;

}





/* mobilní záhlaví skrývá a odkrývá menu*/

#mobile-header {

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 999;

  transition: transform 0.4s ease-in-out;

  transform: translateY(0);

  will-change: transform;

}

#mobile-header.hidden {
    transform: translateY(-100%);
    transition: transform 0.3s ease;
}