/*
Theme Name: Divi Child od WPlama.cz
Theme URI: http://www.wplama.cz/divi-child-sablona/
Description: Divi child šablona od WPlama. Obsahuje vylepšení překladu, přepřipravené styly a další rozšíření výchozích funkcí.
Author: <a href="http://www.wplama.cz/">WPlama.cz</a>
Author URI: http://www.wplama.cz/divi-child-sablona/
Template: Divi
Version: 1.21
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/



/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

#obchodni-podminky ol { counter-reset: item }
#obchodni-podminky li{ display: block }
#obchodni-podminky li:before { content: counters(item, ".") " "; counter-increment: item }


/*------------------------------------*\
	WOOCOMMERCE
\*------------------------------------*/

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 52px;
}

.select2-container .select2-selection--single {
    height: 52px;   
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px;
}

#order_review_heading {
    margin-top: 35px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

 
}

@media only screen and (max-width:980px) {

 
}

@media only screen and (max-width:767px) {

}

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

 
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

/* === HERO SECTION === */

#hero-headline h1 {
  font-size: clamp(2.5rem, 7vw, 6.5rem);
  margin: 0;
  text-transform: uppercase;
}

.hero-text-column {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}

.hero-visual-column {
  position: relative !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.hero-bubble {
  position: relative;
  z-index: 2;
  opacity: 0.60;
}

.hero-smiley {
  position: absolute !important;
  z-index: 1;
  top: 15%;
  right: 5%;
  width: 38% !important;
  animation: smileyFloat 6s ease-in-out infinite;
}

@keyframes smileyFloat {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-12px) rotate(-2deg); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-smiley { animation: none; }
}

/* === CAROUSEL === */

.et_pb_group_carousel_slide .et_pb_text p {
  --et_global_body_font_height: 1.4em;
  margin-bottom: 0.3em !important;
  padding-bottom: 0 !important;
}

/* === BIO FOLDER === */

.bio-folder {
  position: relative;
  width: 100%;
  height: auto !important;
  transform: rotate(-1.5deg);
}

.bio-folder-bg {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.bio-heading {
  color: #fe6f42 !important;
  font-family: 'Nadpis _Nimbus', sans-serif !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  margin-bottom: 16px !important;
}

.bio-folder-inner {
  position: relative !important;
  padding: 8% 10% 10% 5% !important;
}

.bio-folder-inner p {
  color: #000000;
  font-size: clamp(0.875rem, 1.1vw, 1rem);
  line-height: 1.6;
}

.bio-highlight {
  background-color: #fe6f42;
  color: #000000;
  padding: 0 3px;
}

/* === MENU BUTTON === */

.menu-button > a {
  background: #fe6f42 !important;
  color: #000000 !important;
  padding: 10px 20px !important;
  border-radius: 2px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.menu-button > a:hover {
  background: #fe6f42 !important;
  color: #000000 !important;
  border: none !important;
}

/* === ABOUT ROW GRADIENT LINE === */

.about-row::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    #fe6f42 0%,
    #db5186 25%,
    #a001ff 50%,
    #84dcff 75%,
    #8df5a0 100%
  );
}

/* === READ MORE === */

.more { display: none; }

.read-more-btn {
  background: transparent;
  border: 2px solid #fe6f42;
  color: #fe6f42;
  font-family: 'Manrope', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 10px 24px;
  cursor: pointer;
  margin-top: 16px;
  display: block;
}

.read-more-btn:hover {
  background: #fe6f42;
  color: #000000;
}

/* === ET_PB_ROW_43 GRADIENT LINE === */

.et_pb_row_43 {
  position: relative !important;
}

.et_pb_row_43::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    #fe6f42 0%,
    #db5186 25%,
    #a001ff 50%,
    #84dcff 75%,
    #8df5a0 100%
  );
}

/* === MEDIA QUERIES === */

/* Desktop a větší */
@media (min-width: 768px) {
  .dots { display: none !important; }
  .more { display: inline !important; }
  .read-more-btn { display: none !important; }
}

/* Tablet a mobil (max 980px) */
@media (max-width: 980px) {
  .hero-smiley {
    width: 35% !important;
    top: 20%;
    right: 5%;
  }

  #main-header,
  #main-header .container,
  #et-top-navigation {
    background-color: #000000 !important;
  }

  .select_page {
    display: none !important;
  }

  .mobile_menu_bar:before {
    color: #ffffff !important;
  }

  .et_mobile_menu,
  .et_mobile_menu li {
    background-color: #000000 !important;
    border-color: rgba(255,255,255,0.1) !important;
  }

  .et_mobile_menu li a {
    color: #ffffff !important;
  }

  .logo_container {
    text-align: left !important;
  }

  .bio-folder-bg {
    display: none !important;
  }

  .bio-folder {
    background: transparent !important;
    transform: none !important;
    padding: 0 !important;
  }

 .bio-folder-inner {
  position: relative !important;
  padding: 8% 8% 10% 12% !important;
}

  .bio-heading {
    color: #fe6f42 !important;
  }

  .bio-folder-inner p {
  color: #ffffff;
  font-size: clamp(0.7rem, 0.85vw, 1rem) !important;
  line-height: 1.4 !important;
}

  .dj-value h2,
  .dj-value h3 {
    font-size: 20px !important;
  }
}

/* Mobil (max 768px) */
@media (max-width: 768px) {
  .hero-visual-column {
    margin-top: 40px;
  }

  .hero-smiley {
    width: 40% !important;
  }
}

/* Mobil (max 767px) */
@media (max-width: 767px) {
  .more { display: none; }

  .about-row::before {
    display: none !important;
    content: none !important;
  }

  .et_pb_row_43::before {
    display: none !important;
    content: none !important;
  }
}
@media (min-width: 1440px) {
  .bio-folder-inner {
    padding: 8% 15% 10% 15% !important;
  }
}
.dj-label {
  border-bottom: none !important;
  position: relative !important;
}

.dj-label::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fe6f42;
}

.et_pb_row:has(.dj-label) {
  align-items: baseline;
}