/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 6. 8. 2025, 13:09:19
    Author     : AntonínŽáček
*/

		.my-color-gray a {
			color: #A9A9A9;
		}
		.my-color-dark {
			color: #7B7B7B;
		}
		.my-color-ec {
			background-color: #ECECEC;
                        border-radius: 10px;
		}
		.my-bold {
			font-weight: bold;
		}
		.my-burger {
			font-size: 36px;
		}
.search-icon {
position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    color: #fff;
    background-color: #7B7B7B;
    padding: 8px;
    padding-right: 15px;
    border-radius: 0 10px 10px 0;
}
.oble {
	border-radius: 10px;
}
.bi-caret-down-fill {
	color: #B82F2E;
}
nav a span {
color: #393939;

}
nav .border {
width: 2px;
border-color: #B82F2E;
}
body {
	background-color: #fff;
  font-family: "Prompt", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}
.telefon {
	font-size: 13px;
}
#expand2 + div {
	display: block;
}
#expand2:checked + div {
	display: none;
}
#expand3 + nav {
	display: none;
}
#expand3:checked + nav {
	display: block;
}
#mySearch {
	border-radius: 10px;
	border-width: 1.5px;
	border-color: #A9A9A9;
        z-index: 91;
}

	header form {
		order: 1;
		width: 100%;
	}
	#burger {
		display: none;
	}
	form {
		max-width: 1100px;	
	}
#logo {
	height: 100px;
}
.podkategorie {
    grid-gap: calc(10px * 2);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    margin-bottom: calc(10px * 2);
    width: 100%;
}
@media only screen and (max-width: 767px) {
	#logo {
		height: 70px;
	}
	#stack2 {
		flex-wrap: wrap;
	}
	#burger {
		order: 1;
		display: block;
	}
	header form {
		order: 2;
	}
        .podkategorie {
            display: none;
        }
}
@media only screen and (min-width: 768px) {
	footer h2 button {
		display: none !important;
	}
	.collapse:not(.show) {
		display: block;
	}
	footer .accordion {
		display: flex;
	}
	footer .accordion-item {
		width: 33%;
	}
	footer a {
		text-decoration: none;
	}
	footer span {
		padding: 0rem 1.25rem;
	}
}
.bx-wrapper {
	box-shadow: none;
	border: none;
}
  .slider img {
    max-height: 300px; /* Set your desired max height */
    width: 100%;       /* Ensure images are responsive */
    object-fit: cover; /* Crop images to fit the container */
  }
    .list-group-item {
		width: 25%;
		text-align: center;
	}
	.nabidka-wraper {
		background-color: #ECECEC;
	}
	.nabidka {
		list-style-type: none;
		padding: 0;
		margin: 0;
		justify-content: center;
		

	}
	.nabidka li {
		width: 27%;
		text-align: center;
		    border-radius: 10px;
    background-color: #fff;
    margin: 20px;
	padding: 20px 0;
	}

	.nabidka img {
		display: inline-block;
		max-width: 150px;
	} 
 .kategorie .list-group-item {
		width: 100%;
		text-align: unset;
	}

  @media (max-width: 575px) {
.znacky-wraper .item img {
	width: 150px;
}
  #logo {
	height: 50px;
  }
  .list-group-item {
		width: 100%;
	}
	.nabidka li {
		max-width: 150px;
		width: 40%;
		text-align: center;
	}
	.nabidka img {
		display: inline-block;
		max-width: 100px;
	}
	}
	.nabidka {
		display: flex;
		flex-wrap: wrap;
	}
	.slickslider div {
		text-align: center;
	}
	.slickslider img {
		max-width: 250px;
	}
	.slickslider-blog .item {
		padding: 20px;
	}
	.gradient-text {
  background: linear-gradient(0deg, #fff, #000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent; /* For additional browser support */
}
footer {
	background-color: #393939;
}
footer * {
	background-color: transparent !important;
	color: #ececec !important;
}

#footer .accordion-button::after {
	background-image: url(images/sipka.svg);
}
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 40px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #B82F2E; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
footer {
	a {
		font-size: 14px;
	}
}
footer .kontakt a {
	background-color: #D9D9D9 !important;
	border-radius: 5px;
	color: #000 !important;
	padding: 3px;
	margin-bottom: 3px;
	display: block;
	font-size: 12px;
}
footer .kontakt .bi  {
	color: #000 !important;
}
.navbar-dark .navbar-nav .nav-link {
	color: #fff;
}

@media screen and (min-width: 992px) {

  .dropdown .dropdown-menu {
    display: none;
  }
  .dropdown:hover .dropdown-toggle::after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
}

@media screen and (max-width: 991px) {
  .dropdown-toggle.show::after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
}

li.dropdown {
	position: unset;
}
div.dropdown-menu {
	left: 0;
	right: 0;
}
#megamenu > li {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

#megamenu > li > ul {
    margin-left: 66px;    
}

#megamenu .dropdown-item {
    width: auto;
}

.pozadi {
    background-color: #ececec;
    border-radius: 10px;
}

.product a.img {
   text-align: center;    
}

.product img {
    object-fit: contain;
    aspect-ratio: 1 / 1;
    max-height: 300px;
    width: auto;
    margin-bottom: 15px;
}

.splide__slide {
   text-align: center;    
  max-height: 600px;
}

.splide__slide img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}

#thumbnail-slider {
    max-width: 100px; /* Adjust width as needed */
}

#thumbnail-slider .splide__list {
    flex-direction: column; /* Stack thumbnails vertically */
}


* {
  box-sizing: border-box;
}

.gallery {
  display: flex;
  flex-direction: row;
  max-width: 1000px;
  margin: 0px auto;
  height: 550px;
}

.thumbnails {
    text-align: center;
}

.thumbnails #inner {
  display: flex;
  flex-direction: column;
  width: 105px;
  overflow-y: hidden;
  background: #f9f9f9;
  padding: 10px 10px 0px 10px;
  height: 487px;
  position: relative;
}

.thumbnails img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  margin-bottom: 10px;
  cursor: pointer;
  opacity: 0.6;
  border: 2px solid transparent;
  transition: opacity 0.3s, border-color 0.3s;
}

.thumbnails img:hover,
.thumbnails img.active {
  opacity: 1;
  border-color: #007BFF;
}

.main-image {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  padding: 20px;
  position: relative;
}

.main-image img {
  max-width: 100%;
  height: 500px;
  transition: opacity 0.5s ease;
  opacity: 1;
  object-fit: contain;
}

#prev2 {
    position: absolute;
    left: 0;
}

#next2 {
    position: absolute;
    right: 0;
}

/* Responsivita */
@media (max-width: 768px) {
  .gallery {
    flex-direction: column;
  }

  .thumbnails {
      display: none;
  }

  .thumbnails img {
    width: auto;
    height: 80px;
    margin-right: 10px;
  }
}

.text-right {
    text-align: right;
}


.products {
    grid-gap: 40px 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    margin-bottom: calc(10px * 2);
    width: 100%;
}

@media screen and (max-width: 980px) {
    .products {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 600px) {
    .products {
        grid-template-columns: 1fr;
    }
}

.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nazev {
    flex-grow: 2;
}
/*
.product-image {
    width: 100%;
    
}
*/

.search-result {
    left: 0;
    right: 0;
    z-index: 99;
    background-color: #fff;
    position: absolute;
    border-radius: 10px;
    border-width: 1.5px;
    border-color: #A9A9A9;
    top: 50px;
    padding: 15px;
}

#overlay {
    background-color: rgba(100,100,100,.5);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 90;
}

a#output i {
    z-index: 92;
}

.megamenu, .search-result > div {
    grid-gap: calc(10px * 2);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    margin-bottom: calc(10px * 2);
    width: 100%;
}

.megamenu a {
    text-decoration: none;
}

.megamenu .level1 {
    font-weight: bold;
    color: black;
    font-size: 17px;
}

.megamenu .odkaz {
    font-size: 16px;
    color: #999;
}


.megamenu .dalsi {
    color: #B82F2E;
    font-size: 14px;
}


a {
    text-decoration: none;
}

.product a {
    color: #555;
}

.cena {
    font-size: 18px;
    color: #B82F2E;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 999;
}

#titulka {
    margin: 10px 0;
}

#titulka li {
    font-size: 20px;
}

#titulka .list-group-item {
    border: none;
}

#titulka .list-group-item a {
    border-right: 1px solid rgba(0, 0, 0, .125);
    display: inline-block;
    width: 100%;
    color: #393939;
    padding-top: 10px;
    padding-bottom: 10px;
}

#titulka .list-group-item:last-child a {
    border-right: none;
}

.bx-wrapper {
    margin-bottom: 0;
}

.ramecek {
    display: flex;
    border-color: #959595;
    border-width: 2px;
    border-style: solid;
    padding: 5px;
    border-radius: 10px;
}

.ramecek2 {
    border-color: #959595;
    border-width: 2px;
    border-style: solid;
    padding: 5px;
    border-radius: 10px;
    padding: 30px;
}

.ramecek a {
    color: #393939;
}

.kategorie {
    border-radius: 10px;
}

.kategorie .list-group-item {
    border: none;
    border-bottom: 1px solid #7B7B7B;
    background-color: #ECECEC;
}

.kategorie .list-group-item:last-child {
    border-bottom: none;
}

.kategorie .list-group-item a {
    color: #393939;
}

.gallery button:not(:disabled) {
    background-color: unset;
    border: none;
}

.produkt-detail .cena {
    color: #B82F2E;
    font-size: 24px;
}

td {
    font-size: 16px;
    width: 50%;
}

.search-result a {
    color: #393939;
    font-size: 12px;
}

.dropdown-menu {
    padding: 30px;
}

.podkategorie .oble {
    margin-right: 30px;
}

.product .cena {
    display: inline;
}

.breadcrumb-item a {
    color: #6c757d;
}

.ramecek2 table, #flush-collapseTwox table {
    width: 100%;
}

.ramecek2 table td, #flush-collapseTwox table td {
    width: 50%;
}

#rozcestnik a {
    color: #393939;
}

.bold {
    font-weight: bold;
}

.nabidka a {
    color: #393939;
    font-weight: 500;
    font-size: 30px;
}

.nadpis {
    align-content: center;
}

.nadpis h2 {
    font-weight: 800px;
    font-size: 62px;
}