@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-ExtraBold.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}



body {
  min-height: 2000px;
  font-family: 'Roboto', sans-serif;
}            

a {
    color: #000000;
    text-decoration: none;
}

a:hover 
{
     color:#000000; 
     text-decoration:none;   
}

h1 {
    font-weight:900;
    text-transform: none;
}

h2 {
    font-weight:700;
}

h3 {
    font-weight: 700;
    font-size: 1.35rem;
}

.white-text {
    color: #fff;
}

.section-header {
    padding-bottom: 25px;
    text-align: center;
}

.section-header .section-legend {
    margin-bottom: 0;
    padding-top: 0;
    color: #000;
    font-size: 16px;
}

.obrazok {
    color: #000;
    background: #fff;
    padding-top: 80px;
}

.obrazok img {
    border-radius: 0;
}

/* Hero obrázky na podstránkach – bez zaoblenia (queensoptik menej zaoblený ako optikablumental) */
.termin img.img-fluid[style*="width: 80%"] {
    border-radius: 0;
}


.sluzby {
    color: #000;
    background: #fff;
    padding-top: 70px;
    padding-bottom: 70px;
}

.znacky {
    color: #000;
    background: #000;
    padding-top: 70px;
	border-radius: 0;
}

.o_nas {
    color: #000;
    background: #fff;
    padding-top: 70px;
    padding-bottom: 70px;
}

.motto {
    font-style: italic;
	font-size: 20px;
}

.termin {
    color: #000;
    background: #fff;
    padding-top: 70px;
    padding-bottom: 70px;
}

.kontakt {
    color: #000;
    background: #fff;
    padding-top: 70px;
}

.img-80 {
  max-width: 80%;
}

/* Obrázky prevádzok – 100 % šírky stĺpca, bez zaoblenia */
.sluzby .img-prevadzka {
  width: 100%;
  max-width: 100%;
  border-radius: 0;
}

/* Medzery medzi prevádzkami: na malých viewportoch medzera medzi všetkými, na L/XL/XXL medzera medzi prvým a druhým riadkom */
.sluzby .row .col-12.col-lg-6 {
  margin-bottom: 2.5rem;
}
@media (min-width: 992px) {
  .sluzby .row .col-12.col-lg-6 {
    margin-bottom: 0;
  }
  .sluzby .row.mt-lg-4 {
    margin-top: 4rem;
  }
}

.navbar-brand {
    padding: 0px 15px;
    width: 200px;
}

.riadok {
    margin-right: 20px;
    margin-left: 20px;
}

.navbar-brand>img {
    display: block;
    width: 190px;
}

@media (max-width: 480px) {
  .navbar-brand>img {
    display: block;
    width: 180px;
  }
  
  .img-80 {
  max-width: 80%;
  margin-top: 30px;
  }
}

.popis {
    text-align: center;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
}

/* Zoznam služieb v prevádzkach – dva stĺpce, odrážky, zarovnanie vľavo */
.sluzby-prevadzky-list {
    text-align: left;
}
.sluzby-prevadzky-list .row {
    margin-left: 0;
    margin-right: 0;
}
.sluzby-prevadzky-list ul {
    list-style: disc;
    padding-left: 1.25rem;
    margin-bottom: 0;
}
.sluzby-prevadzky-list li {
    margin-bottom: 0.25rem;
}

/* .d-none je Bootstrap trieda, neprepisujeme ju */

.my-button {
    background-color: #121b44;
    border-color: #121b44;
	color: #bbb;
	border-radius: 10px!important; 
}

.my-button-active {
    border-color: #121b44;
	color: #222;
	border-radius: 10px!important; 
}

.ostatne-akcie-pozadie-textu {
    margin: 0 10px;
    border-radius: 0 !important;
    background-color: #fff;
}

.text-akcie-ostatne {
    padding: 0.7em;
    color: #000;
}

.text-akcie-ostatne.text-left {
    text-align: left !important;
}

.podnadpis-akcie-ostatne {
    /* color: #0dcaf0; - odstránené, aby sa nezmenila farba nadpisu */
}

.ostatne-akcie-pozadie-textu-kruh {
    margin: 10px 10px;
    background-color: #9ddcce;
    aspect-ratio: 1/1;
    align-content: center;
}

/* Pre viewporty menšie ako lg (sm a md) - kruh na 60% šírky */
@media (max-width: 991.98px) {
    .ostatne-akcie-pozadie-textu-kruh {
        width: 60%;
        margin: 10px auto;
    }
}

/* Video container – bez zaoblenia (queensoptik menej zaoblený) */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    margin: 10px;
    border-radius: 0;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

/* Zobrazenie kruhového obrázka na väčších obrazovkách */
@media (min-width: 992px) {
    #detske-oko-img {
        display: block !important;
    }
}

/* Pomalé zobrazenie nadpisu */
.fade-in-header {
  animation: fadeInSlideFromSide 0.9s ease-out forwards;
  opacity: 0;
}

@keyframes fadeInSlideFromSide {
  0% {
    opacity: 0;
    transform: translateX(-28px);
  }
  55% {
    opacity: 1;
    transform: translateX(4px);  /* prvý prelet doprava – miernejší */
  }
  75% {
    transform: translateX(-6px); /* druhý bounce doľava */
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}