/*
 Theme Name: Jisty-najem
 Theme URI: dev.beenet.cz
 Description: Child Theme For Divi
 Author: BeeNet TEAM
 Author URI: https://beenet.cz
 Version: 0.00001116693
 Template: Divi
 */


@media screen and (max-width:1499px) {
  html, body{
    font-size: 16px;
  }

}
@media screen and (min-width:1500px) {
  html, body{
    font-size: 1.1vw !important;
  }

}

#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
list-style-type: disc;
line-height: 1.625rem;
}

.mymaxwidth {
  max-width: 90rem;
  width:90%;
}


.mymaxwidth.short {
  max-width: 69rem;
  width:90%;
}





#main-content{
min-height: calc(100vh - 18rem);
}


/*uvodni strana boxy*/


.card.card-hover {
  background-color: transparent;
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
  overflow: hidden;
  border: none;
  height:100%;
  min-height: 15rem;
  display: flex;
}
.card.card-hover {
  border-radius: 2rem;
  padding: .5rem;
  text-align:center;
}
.card-hover img {
  transition: transform 0.4s ease;
  width:90%;
  margin:0 auto !important;

}

.card-hover:hover {
  background-color: white;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.card-hover:hover img {
  transform: scale(1.05);
}

.card-hover h3{
  font-size:.9rem;
}

.card-title {
  text-align: center;
}
/*konec boxu*/
/*produkty - topení*/

.prodpopis{
  min-width:15rem;

}
.prodpopis h3{
  font-size:1rem
}

.prodpopis p{font-size: .9rem;}
.topeni {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .9rem;
  gap: 0.5rem; /* mezera mezi ikonou a textem */
}

.topeni::before {
  content: "";
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  background-image: url('kotlicek.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.topeni {
  align-items: center;
}

.staveni {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .9rem;
  gap: 0.5rem; /* mezera mezi ikonou a textem */
}

.staveni::before {
  content: "";
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  background-image: url('lopata.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.staveni {
  align-items: center;
}


.price-wrapper {
  gap: 1rem; /* mezera mezi cenou a textem */
  justify-content: center; /* centrování při zalomení */
  text-align: center; /* centrování textu při zalomení */
}

.price-box {
  background-color: #ffdd00;
  color: #000;
  font-weight: bold;
  padding: 0.5rem 1rem;
  border-radius: .375rem;
  text-align: center;
  min-width: 5rem;
  font-size:1.2rem;
}

.price-description, .price-description p  {
  flex: 1;
  text-align: left;
  font-size:.75rem;
}
.price-description p {margin:0px;padding:0px;}

/*konec produktů - topení*/

#dpprispevek, #dpprispevek p, #dpprispevek ul, #dpprispevek ol {
font-size:.81rem;
}



/*header*/
/* Celý modul má třídu zindex100 */
.mymaxwidthheader{
  width:90%;
  max-width:75rem;
}



#headlogo img{
  max-width:6rem;
}
li.nav-item {
    list-style: none;
    margin-top: .21rem;
    margin-bottom: -1rem;
  margin-left:.5rem;margin-right:.5rem;
}



button.navbar-toggler.menu-button {
    border: none;
    padding: 0rem 0.2rem 0rem 0.2rem;
   outline: none !important;
    box-shadow: none;
    background-color: inherit; 
}
@media (max-width:991px){
  header{min-height:0rem !important;}
    .navbar-nav{margin-top:1rem !important;
    text-align: center;}
li.nav-item{
  margin-bottom: 1.5rem;
}



}
.zindex100{z-index:100 !important;}


/*z sablony*/


:root {
  --barva10: #000000;
}


  .navbar-toggler {
    /* margin-top:17px; */
    margin-top:0.6rem;
    border: none;
    outline: none;
    background-color: transparent;
    padding-top: 0px; padding-left:0.3125rem; padding-right:0.3125rem;padding-bottom: 0.3125rem;
    width:3.125rem; height:55px;
  }
  
  .navbar-toggler .menu-line {
    width: 42px;
    height: 0.375rem; /*7px*/
    transition: transform 0.5s;
    margin-top:  0.5625rem;
    margin-bottom:  0.5625rem;
    border-radius:1.5625rem;
    /* border-radius:1.5625rem; */

  }
  .dark .navbar-toggler .black-line {
    background-color: #ffffff;
  }
  .navbar-toggler .black-line {
    background-color: var(--barva10);
  }
  .in-grey-line{
    position: absolute !important;
    top:-4px;
    font-size:0.9375rem;
    /* background-color: pink !important; */
  }
  
  .dark .navbar-toggler .grey-line {
    color: rgb(255, 255, 255);

  
  }

  .navbar-toggler .grey-line {
    /* color: #ccc; */
    color: var(--barva10);
    background-color: transparent;
    position: relative;

  }
  
  .navbar-toggler.opened .menu-line:nth-child(1) {
    transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
    width:56.57px;
    -webkit-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
    -moz-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
    -ms-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
    -o-transform: translateY(0.875rem) translateX(-0.5rem) rotate(45deg);
}
  
  .navbar-toggler.opened .menu-line:nth-child(2) {
    opacity: 0;
  }
  
  .navbar-toggler.opened .menu-line:nth-child(3) {
    transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
    width:56.57px;
    -webkit-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
    -moz-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
    -ms-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
    -o-transform: translateY(-1.0625rem) translateX(-0.5rem) rotate(-45deg);
}
  
  .navbar-toggler.opened .gray-line {
    margin-top:5.625rem; padding-bottom:3.75rem;background-color: #9BA7B9;
  }
  




  @media (min-width: 993px) {

  

  .headerbutton{

    /* bottom:0.9375rem !important; */
     width:100%;
    position: relative !important;
     height:3.75rem;
    display: flex;
    justify-content: center;
    margin-top:3rem;
  }
}

.container-fluid.menucontainer{justify-content: center;}

@media (max-width: 991.98px) {
  #navtop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .navbar-toggler {
    position: relative;
    z-index: 100;
  }

  .navbar-collapse {
    width: 100%;
    margin-top: 1rem;
  }

  #navmenuwrap {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .navbar-nav {
    width: 100%;
  }

  li.nav-item {
    margin-bottom: 1.5rem;
  }
}

  
  li.nav-item a{
background-color:white;border-radius:3rem; padding-left:1.2rem !important;padding-right:1.2rem !important; }

li.nav-item a {
  font-size:1rem; font-weight:400;
}

li.extra a{
  background-color:rgba(20,20,20,0.93) !important;
}

li.extra a:hover {
  background-color:rgba(20,20,20,0.96) !important;
}

li.extra a{  color:white !important;
 }

 /* Submenu link styling */
.dropdown-menu  {
  /* font-size: 0.95rem; Smaller font */
  border-radius: 1.2rem; /* More rounded corners */
  padding: 0.5rem 1rem;
  transition: background-color 0.3s ease;
}

/* Hover effect for submenu items */
.dropdown-menu .nav-link:hover {
  /* background-color: white; */
}

/* Active submenu item */
.dropdown-menu .nav-link.active, .dropdown-menu .nav-link:hover {
  background-color: #ffdd00 !important;
  color: #000 !important;
  font-weight: 500;
  border-radius: 1rem;
}

.dropdown-menu{
  padding-left:0px !important;
  
}


.dropdown-menu .nav-link{
  margin-bottom:1.11rem;
  margin-top:1.11rem;
    font-size: 0.76rem; /* Smaller font */
    text-align: center !important;

}


/* První položka v submenu */
.dropdown-menu .nav-item:first-child .nav-link {
  margin-top: .6rem;
}

/* Poslední položka v submenu */
.dropdown-menu .nav-item:last-child .nav-link {
  margin-bottom: .6rem;
}


.navbar-nav .nav-link{
    box-shadow:  0 0 0.45rem rgba(0, 0, 0, 0.15);
    color:black;

}

.dropdown-menu .nav-link{
  box-shadow: none;
}

/* Hover efekt pro hlavní položky (ne submenu) */
.nav-link:hover {
  box-shadow: inset 0 0 0.45rem rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease;
}

/* Aktivní stav pro hlavní položky */
.nav-link.active {
  box-shadow: inset 0 0 0.45rem rgba(0, 0, 0, 0.15);
}

.dropdown-menu li.nav-item a{
  padding-left:.6rem !important; padding-right:.6rem !important;
}

@media (max-width:991px){
  li.nav-item a{
    margin-left: auto;margin-right: auto;
    max-width: 15rem;
  }
  .dropdown-menu.text-uppercase.show {
  margin-top: 1.5rem;
}
#navbarNav {
  background-color: rgba(255, 221, 59, .8); /* bílé průhledné pozadí */
  backdrop-filter: blur(10px); /* rozmazání pozadí */
  -webkit-backdrop-filter: blur(10px); /* podpora pro Safari */
  border-radius: 2rem;
  box-shadow: 0px 0px .9rem rgba(0, 0, 0, 0.15);
}

.nav-item.dropdown.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children a {
  box-shadow: 0px 0px .9rem rgba(0, 0, 0, 0.15);

}

.navbar-nav.ms-auto.animated.fadeInDown {
  padding-bottom: 0px;
}
.navbar-toggler.menu-button.animated.fadeInDown {
  margin-top: -1rem;
}
}


@media (min-width:992px){
.dropdown-menu.text-uppercase.show {
  top: 3.4rem;
  left: -1rem;
  border-radius:1.2rem;
}

}


li.nav-item a {
  text-transform: uppercase;
  font-weight: 600;
}


.dropdown-menu .nav-item a {
  text-transform: normal;
    font-weight: 400;

}


:root {
  --maincolor: #ffdd00;
}