/* Vlastní CSS přesunuté ze Záhlaví v HTML kódech (1. 10. 2026, kvůli limitu 8192 znaků) */
.top-navigation-bar{
border-top-color: rgba(82, 144, 19, 0.1);
background-color: rgba(147, 193, 31, 0.05);
border-bottom-color: rgba(82, 144, 19, 0.1);
}
.top-navigation-contacts {
background-color: transparent;
}
.top-navigation-bar a {
color: var(--color-primary);
}
@media (min-width: 768px){
#navigation{
border-radius: 30px;
}}
input[type="search"].form-control
{
border-radius: 30px;
}
.carousel-inner, .next-to-carousel-banners img {
border-radius: 8px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s linear;
}
.carousel-inner:hover, .next-to-carousel-banners img:hover {
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.latest-contribution-box{
display: none;
}
.news-item .image img {
border-radius: 8px;
}
.homepage-box {
border-bottom-color: rgba(82, 144, 19, 0.1);
border-top-color: rgba(82, 144, 19, 0.1);
border-bottom-width: 2px;
border-top-width: 2px;
}
.custom-footer, .footer-bottom {
border-top-style: solid;
border-top-width: 2px;
border-top-color: rgba(82, 144, 19, 0.1);
}
.products > div {
border-color: rgba(82, 144, 19, 0.1);
}
@media (min-width: 480px) {
.products-block > div {
border-right-width: 2px;
}}
.homepage-box, #footer {
background-color: rgba(147, 193, 31, 0.05);
background-image: url("/user/documents/upload/bg-leaf.jpg");
background-size: cover;
}
#hodnoceniobchodu .vote-wrap:not(.admin-response .vote-wrap){
background-color: rgba(147, 193, 31, 0.05);
border: 2px solid rgba(82, 144, 19, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.id--51 #content #ratingWrapper + .votes-wrap .vote-wrap:not(.admin-response .vote-wrap){
background-color: rgba(147, 193, 31, 0.05);
border: 2px solid rgba(82, 144, 19, 0.1);
}
#footer > .container {
background-color: transparent;
}
.welcome div {
max-width: 100%;
}
.welcome h1{
max-width: 100%;
}
.onas-section {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.flex-item {
flex-basis: 48%;
margin-bottom: 1%;
box-sizing: border-box;
overflow: hidden;
border-radius: 8px;
}       
.flex-item img {
border-radius: 8px;
transition: transform 0.4s ease-in-out;
}
.flex-item img:hover {
transform: scale(1.08);
}
.btn.btn-default {
border-radius: 30px;
background: linear-gradient(to right, #529113, #94c11f);
border: none;
}     
.btn.btn-primary, .btn.btn-conversion, .btn.btn-cart.add-to-cart-button{
background: linear-gradient(to right, #529113, #94c11f);
border: none;
border-radius: 30px;
padding-left: 30px;
padding-right: 30px;
padding-top: 8px;
padding-bottom: 8px;
}
.btn.btn-primary:hover, .btn.btn-conversion:hover, .btn.btn-cart.add-to-cart-button:hover{
background: linear-gradient(to left, #529113, #94c11f);
}
.sidebar, .category-header, .shp-tabs-holder, .hodnoceni::before{
background-color: rgba(147, 193, 31, 0.05);
border: 2px solid rgba(82, 144, 19, 0.1);
margin-top: 20px;
border-radius: 8px;
} 
@media (min-width: 768px){
.navigation-in {
background: linear-gradient(to right, #529113, #94c11f);
}}
@media (min-width: 1200px){
#footer .site-name {
display: none;
}
.custom-footer{
padding-left: 0px;
}}
@media (max-width: 991px){
.flex-item {
flex-basis: 100%;
}}
.podpora-kontakty li:first-child a::before{
content: '\e92d';
font-family: shoptet;
margin-right: 1ex;
margin-left: 1ex;
font-size: 23px;
vertical-align: middle;
}
.podpora-kontakty li:nth-child(2) a::before{
content: '\e924';
font-family: shoptet;
margin-right: 1ex;
margin-left: 1ex;
font-size: 23px;
vertical-align: middle;
}
.podpora-kontakty li:nth-child(3) a::before{
content: '\e900';
font-family: shoptet;
margin-right: 1ex;
margin-left: 1ex;
font-size: 23px;
vertical-align: middle;
}
.podpora-kontakty a{
font-size: 16px;
font-weight: 600;
}
.profil-foto{
width: 112px;
border-radius: 10px;
margin-bottom: 20px;
}
.custom-footer__banner11 li{
color: #666;
}
.type-product #hodnoceniobchodu{
display: none;
}
#footer {
margin-top: 50px;
}
.subcategories.with-image li a{
background-color: rgba(147, 193, 31, 0.05);
border: 2px solid rgba(82, 144, 19, 0.1);
border-radius: 8px;
padding-left: 10px;
padding-top: 30px;
padding-bottom: 30px;
}
.subcategories.with-image li a .image img {
max-height: 45px;
border-radius: 8px;
}
.subcategories.with-image li a .text{
font-size: 16px;
color: green;
}
.flag {
border-radius: 5px;
}
.products-block.products .p .name{
font-size: 18px;
color: green;
}
.news-item a {
font-size: 22px !important;
color: green;
font-weight: 400 !important;
}
.shp-tab-link {
color: #fff !important;
background-color: #8cc63f !important;
border-color: #f6f6f6;
border-radius: 8px;
margin: 5px;
}
.form-control, select{
border-color: rgb(82, 144, 19);
border-radius: 30px;
background-color: rgba(147, 193, 31, 0.05);
}
.add-to-cart .add-to-cart-button{
margin-left: 20px;
}
.hodnoceni > a, .link-like.rating-icon{
background: linear-gradient(to right, #529113, #94c11f);
border: none;
border-radius: 30px;
padding-left: 30px;
padding-right: 30px;
padding-top: 8px;
padding-bottom: 8px;
color: #fff;
float: right;
margin-top: 20px;
}
@media (max-width: 767px){
.responsive-tools > a[data-target="navigation"]::before{
background: linear-gradient(to right, #529113, #94c11f);
}
.top-category-addon.is-menu-style-row:not(.is-slider) .menu-content{
flex-direction: column-reverse;
}
}
.menu-helper::after, .menu-trigger::after {
background: #95cb4f;
border-radius: 15px;
}
.benefitBanner__title {
color: #529113;
}
.top-category-addon .menu-content > div > div > a {
color: green;
font-size: 18px;
text-align: center;
}
.top-category-addon:not(.is-menu-style-gray-bg) .menu-content {
background: linear-gradient(to right, rgba(147, 193, 31, 0.15), rgba(147, 193, 31, 0.05));
}
.top-category-addon.is-border .menu-content {
border: 2px solid rgba(82, 144, 19, 0.2);
}
.top-category-addon.is-border .menu-content:hover {
border: 2px solid rgba(82, 144, 19, 0.5);
}
.top-category-addon.is-box-shadow .menu-content{
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.top-category-addon.is-menu-style-row:not(.is-slider) .menu-image{
flex: 0 0 120px;
}
@media (max-width: 767px){
.scrolled body:not(.search-window-visible) .top-navigation-bar{
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.onas-section .flex-item{
padding: 0px !important;
}
.icon-row img {
max-width: 49.35px;
}}
.icon-row{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding-bottom: 20px;
}
.icon-column{
flex: 0 0 18%;
text-align: center;
border: 2px solid rgba(82, 144, 19, 0.2);
border-radius: 8px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
background: linear-gradient(120deg, rgba(147, 193, 31, 0.15), rgba(147, 193, 31, 0.05));
padding: 5px;
}
.caption div:first-child{
margin-top: 8px;
font-size: 18px;
font-weight: 600;
font-family: "Exo 2";
}
.caption div:nth-child(2){
font-size: 13px;
font-family: "Exo 2";
margin-top: 4px;
margin-bottom: 6px;
}

/* ---- původní top-lista.css ---- */
/* --- VZHLED (Barvy, písmo, zaoblení) --- */
.site-msg.information {
    background-color: #8cc63f !important; /* Sytá zelená */
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 15px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important; /* Trochu silnější stín pro kontrast */
        opacity: 1 !important; 

}

/* --- TEXT (Větší a tučný) --- */
.site-msg.information .text {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
}

/* --- KŘÍŽEK (Velikost 17px) --- */
.site-msg.information .close {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
    font-size: 17px !important; /* Velikost 17px */
    
    /* Zarovnání křížku na střed */
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* --- MOBIL - PŘESUNUTÍ NAHORU (50px) --- */
@media (max-width: 768px) {
    .site-msg.information {
        bottom: auto !important; /* Odlepíme ze spodu */
        top: 50px !important;    /* Přilepíme nahoru na 50px */
        
        /* Pro jistotu zopakujeme neprůhlednost i pro mobil */
        opacity: 1 !important;
		left: 10px !important;
  max-width: calc(100% - 20px) !important;
    }
}