/* merriweather-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/merriweather/merriweather-v31-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



@font-face {
  font-family: 'WaldorfCzech';
  src: url('../fonts/WALDORFCZECH.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}






/* Základní nastavení fontů */
:root {

    --font-headings: 'WaldorfCzech', sans-serif;
    --font-body: 'Merriweather', serif  !important;
    --font-color-gold: #d8b24d;
    /* --body-color: #3e2967; 
     --body-color:#180e33; */
     --body-color:#120a29;
      --body-color-dark:#19103a;
     /* --body-color-dark:#1c1440; */
    --text-color: #e3e3e4; 
    
}   


@media (min-width: 768px) 
{


.moje-tvorba-template-default .size-large img,
.wp-block-gallery.has-nested-images figure.wp-block-image img
{
	max-width: 50% !important;
}
}


.card
{
--bs-card-bg:var(--body-color-dark);
}

.text-muted {
    color: rgb(103 110 118 / 75%) !important;
}

.card-body {
    --bs-card-color:var(--text-color);  
}





/* Základní text */
body {
    font-family: var(--font-body);
    line-height: 1.5;
    font-size: 1.125rem;
  background: var(--body-color);
  color: var(--text-color);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
	  font-family: 'WaldorfCzech';
    letter-spacing: 0.4px;

}

.text-white-lite
{
    color: var(--text-color);
}

.navbar
{
    background-color:  var(--body-color) !important;
}


.navbar-nav .active > .nav-link,
.navbar-nav .nav-item.active > a,
.navbar-nav .current-menu-item > a {
    position: relative;
}

.logo-text
{
	font-size:2.7rem  !important;
}

#menu-hlavni-menu a,
#menu-hlavni-menu-english a
{
    color: var(--font-color-gold);
    font-size: 19px;
}

#menu-hlavni-menu a:hover,
#menu-hlavni-menu-english a:hover 
{
    color: var(--text-color) !important; /* použije bílou barvu při najetí myší */
}

.lang-item a
{
  color: var(--text-color);
  text-decoration: none;
font-size: 1rem;
margin-left: 1rem;
}

.current-lang a
{
color: #828282;
font-size: 14px;
}

.menu-item 
{
  margin-right: 1.5rem;

}


.lang-item
{
      display: inline-block;


}

/* Nadpisy */
h1, h2, h3, h4, h5, h6,
.nav-link
{
    font-family: var(--font-headings);
  color: var(--text-color);

}

.border-bottom
{
 border-color: var(--font-color-gold) !important;
}

h1, h2,
.h1, .h2

{
color: var(--font-color-gold);
}

a
{
    color: var(--font-color-gold);
}


h1 {
    line-height: 1.2;
    font-size: 2.5rem;
    margin-bottom:1rem;

}

h2 {
    line-height: 1.2;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

/* Kontejner carouselu – 100% šířka, vycentrován, s odděleným pozadím */
#headerCarousel {
  width: 100%;
  margin: 0 auto;
  padding: 60px 20px;
  background-color: var(--body-color-dark);
}

#headerCarousel .carousel-item {
  transition: opacity 1s ease-in-out;
}
#headerCarousel .carousel-item .row {
  display: flex;
  justify-content: center;
   align-items: center;     
  margin-left: -7.5px;
  margin-right: -7.5px;
}
#headerCarousel .carousel-item .col-md-4 {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
#headerCarousel .carousel-item img {
  display: block;
  margin: 0 auto;
  height: auto;      
  object-fit: contain;  
  max-height: 300px; 

}



#headerCarousel .carousel-control-prev,
#headerCarousel .carousel-control-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  opacity: 0.8;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s, opacity 0.3s;
  z-index: 10;
}

#headerCarousel .carousel-control-prev:hover,
#headerCarousel .carousel-control-next:hover {
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}

#headerCarousel .carousel-control-prev {
  left: 20px;
}

#headerCarousel .carousel-control-next {
  right: 20px;
}

/* Volitelně: ikony uvnitř ovládacích tlačítek */
#headerCarousel .carousel-control-prev-icon,
#headerCarousel .carousel-control-next-icon {
  width: 24px;
  height: 24px;
  background-size: 100%;
}

#headerCarousel .carousel-inner {
  padding: 0 70px;
}


html, body {
  height: 100%;
  min-height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#wrapper-footer-full {
  margin-top: auto;
}

#wrapper-footer-full
{
background: var(--body-color-dark);
}

 .footer-bottom,
 .footer-top {
  display: flex;
  align-items: center;
  min-height: 60px; /* nastavte dle potřeby */
}

 .footer-bottom {
  min-height: 20px;
}



  .footer-bottom .container {
  width: 100%;
}

.footer-bottom .row {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.smaller
{
  font-size: 0.8rem;
} 

.footer-bottom a
{
  color: var(--text-color);
}

.bg-tvorba
{
  background: var(--body-color-dark);
}

.card-title
{
  color: var(--text-color);

}

.gallery-masonry img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0.5rem;
    background-color: #1e1136;
    object-fit: contain;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
}

.gallery-masonry a:hover img {
    transform: scale(1.02);
}

.btn-primary {
    background-color: var(--font-color-gold);
    border-color: var(--font-color-gold);
}

.btn-primary:hover {
    background-color: #5e2e75;
    border-color: #5e2e75;
}


@media (min-width: 768px) 
{
.navbar-nav .active > .nav-link::after,
.navbar-nav .nav-item.active > a::after,
.navbar-nav .current-menu-item > a::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--font-color-gold);
    transition: transform 0.3s ease;
}

}







@media (max-width: 767.98px) {


  .logo-text
{
	font-size:2rem  !important;
}

#headerCarousel .carousel-inner
{
  padding: 0 20px;
}

.navbar-nav .active a,
.navbar-nav .nav-item.active a
{
    
  color: var(--text-color) !important;
}


#headerCarousel .carousel-control-prev
{
  left: 5px;
}

#headerCarousel .carousel-control-prev, #headerCarousel .carousel-control-next
{
  width: 35px;
  height: 35px;
}

#headerCarousel .carousel-control-next
{
  right: 5px;
}

#headerCarousel .carousel-control-prev, #headerCarousel .carousel-control-next
{
  top:170px
}

#menu-hlavni-menu a, #menu-hlavni-menu-english a
{
  font-size: 1.25rem;
  margin-left: 1rem;
}

#menu-hlavni-menu a, #menu-hlavni-menu-english a
{
  font-size: 1.25rem;
  margin-left: 1rem;
}


.navbar-toggler
{
  color: var(--text-color);
  background-color: var(--font-color-gold);
}
}