/*
Theme Name: Deník letušky
Theme URI: 
Description: Lítám. Píšu. Občas fotím. Dělám si, co chci
Author: Martin Ritt
Author URI: https://ritt.cz
Template: Divi
Version: 4.7.7
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Sun, 20 Dec 2020 01:20:39 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

#root{
    background: #fcf8f3!important;
}

#SimpleShop\.zKpa\.1635435187561{
    height: 50vh!important;
}



.ebook-btn {
  display: inline-block;
  background-color: #ef6f49;
  color: #fff;
  padding: 14px 26px;
  font-size: 19px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    width: 100%;
    text-align: center;
}
.ebook-btn:hover {
  background-color: #51596f;
  color: #fff;
  box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}

#ebookModal {
  position: fixed !important;
  z-index: 999999 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
}

.et_pb_section,
.et_pb_row,
.et_builder_inner_content,
.et_pb_column {
  overflow: visible !important;
}

/* RESPONZIVNI MENU */
#main-header .logo_container {
    flex-shrink: 0;
}

/* navigace */
#et-top-navigation {
    display: flex;
    align-items: center;
    padding-left: 20px !important; /* zmenší odsazení */
    flex-wrap: nowrap;
}

/* menu UL */
#top-menu {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
/* jazykový switcher – držet v řadě */
#top-menu .lang-item,
#top-menu .pll-parent-menu-item {
    display: flex;
    align-items: center;
}

/* zabrání rozpadnutí vlajka + text */
#top-menu img {
    display: inline-block;
    vertical-align: middle;
}

/* mobile breakpoint – případně uprav */
@media (max-width: 980px) {
    #top-menu {
        display: none; /* standard Divi */
    }
}

@media (max-width: 1190px) and (min-width: 980px) {
    #main-header .logo_container {
        display: none;
    }
}
@media (max-width: 480px) {
    #main-header .logo_container {
        display: block;
    }
}