/* obory vzorce a definice */

.definice {
padding:10px;
border:1px solid;
border-color:#328693;
color:#328693;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.equation {
    display: block;
    margin: 0.5em 0;
    font-size: 25px;
    text-align: center;
      color: var(--math-color);
  
}

 .image {
  flex: 0 0 auto; /* Obr�zek m� pevnou velikost a nesm� se zmen�ovat ani zv�t�ovat */
  margin-right: 20px; /* Odstup mezi obr�zkem a textem */
}
        
.text {
  flex: 1; /* Text zabere zbytek dostupn�ho prostoru */
}

 .container {
            display: flex;
        }
        

/*toto pou��v�m pro or�me�kovan� vzorec kter� je pod textem */

.equation-border {
    display: flex; /* Zajist�, �e se vzorec centruje v bloku */
    justify-content: center; /* Centrovan� zarovn�n� obsahu */
}

.equation-with-border {
    display: inline-block; /* R�me�ek se p�izp�sob� velikosti vzorce */
    padding: 5px; /* Voliteln�: p�id�n� prostoru uvnit� r�me�ku */
    border: 2px solid #000; /* Nastaven� r�me�ku kolem vzorce */
    font-size: 25px;
    text-align: center;
}

/* konec tohoto stylu */


.content-container-vyuka {
    margin-left: 40px;
    margin-right: 40px;
    padding: 60px;
    background-color: var(--jina-cerna);
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


.content-container-schem {
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px;
    background-color: var(--jina-cerna);
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.link-container {
    margin-left: 60px;
    margin-right: 60px;
    background-color: var(--jina-cerna);
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom:10px;
    display: flex;

}

.link-container-nobg {
    margin-left: 0;
    margin-right: 0;
    margin-bottom:10px;


}

  .small-text {
    font-size: 0.8em; /* Zmen�en� velikosti p�sma */
    color: #666; /* Sv�tlej�� barva p�sma pro m�n� n�padn� text */
  }
  
  .info {
  padding:5px;
  }




/* ======= Uvodn� str�nka bez hero panelu ten je jinde v��e=============== */

.container {
    display: flex;
    gap: 20px;
    width: 100%; /* P�id�no pro celou ���ku */
    margin: 0 auto; /* Zarovn�n� do st�edu */
}

.section {
    flex: 1; /* Umo��uje sekc�m rozprost��t se rovnom�rn� */
    border: 1px solid #ccc;    
    padding: 15px;
    box-sizing: border-box;
    background-color: var(--jina-cerna);
    border-color: var(--color-border);
    border-radius: 6px;
    margin-top:20px;
}


.section h2 {
    font-size: 18px;
    margin-bottom: 15px;
    color: var(--nadpisy-h2);
}

.news-item {
    display: flex;
    gap: 10px;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
}

.news-item img {
    width: 160px;
    height: 160px;
    object-fit: cover;
}

.news-content {
    font-size: 18px;
    line-height: 1.5;
}



.news-content h3 {
    font-size: 16px;
    margin: 5px 0;
    color: #333;
}

.news-content p {
    margin: 5px 0;
}

.news-content a {
    color: #0073e6;
    text-decoration: none;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

.news-content a:hover {
    text-decoration: underline;
}

/* U�ivatel� online */
.users-section .online-users {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.teacher-image {
    width: 45px;
    height: 45px;
    background-color: #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left:25%;
}

.teacher-image img {
width:100%;
}

.teacher-name {
margin-top:10px;
line-height:1.3;
font-size:15px;
}

.mentor-name {
margin-top:10px;
line-height:1.3;
font-size:15px;
margin-bottom:10px;
}

.jeden-teacher {
width:80px;
float:left;
text-align:center;
margin-left:5px;
}

.online-teacher {
width:100%;
float:left;
}

.section-teacher-obor {
width:100%;
min-height:510px;
float:left;
border:1px solid; 
   border-radius: 6px;
       background-color: var(--jina-cerna);
    border-color: var(--color-border);
 padding:20px;  
}

.section-teacher-obor h2 {
font-size:18px;
 color: var(--nadpisy-h2);
}

.users-section .top-teachers {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.teacher {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 1px solid #ddd;
}

.teacher .title {
    font-weight: bold;
}

.teacher .rating {
    color: #0073e6;
    font-weight: bold;
}

.top-teachers {
width:100%;
float:left;
}


.sekce-stats-obor {
width:68%;
float:left;
}

.sekce-mentor-obor {
width:29%;
float:left;
margin-left:2%;
padding:20px;
}

.statistiky-obor {
width:100%;
float:left;
}



.top-skoly-obor {
width:40%;
padding:10px;
float:left;
border:1px solid;
   border-radius: 6px;
    background-color: var(--jina-cerna);
    border-color: var(--color-border);
   margin-top:20px;
}

.top-skoly-obor h2 {
font-size:18px;
 color: var(--nadpisy-h2);
}



.top-skola-link {
padding:3px;
width:100%;
float:left;
border:1px solid;
margin-bottom:6px;
}

.pozice-top-skola {
width:40px;
float:left;
margin-left:10px;
}

.nazev-skoly {
width:230px;
float:left;

}

.pocet-studentu {
width:50px;
float:left;

}





.prehled-pokroku-obor {
width:58%;
float: right;
border:1px solid;
   border-radius: 6px;
          background-color: var(--jina-cerna);
    border-color: var(--color-border);
   margin-top:20px;
   padding:10px;
}

.prehled-pokroku-obor h2 {
font-size:18px;
 color: var(--nadpisy-h2);
}


.tipy-studium {
width:96%;
float:left;
border:1px solid;
padding:10px;
margin-left:2%;
}

.news-link  {
width:90%;
float:left;
margin-top:5px;
}

.info-icon {
width:35px;
height:35px;
float:left;
}

.info-icon img {
width:100%;
height:35px;
}

.info-text {
width:85%;
float:left;
margin-left:20px;
}

.modry-nadpis {
color: #1781a4;
margin-top:0;
margin-bottom:0;
border-bottom: 1px solid;
border-color: #1781a4;
font-size:16px;
}

.odkaz-obor {
width:auto;
float:right;
margin-right:10px;
font-weight:bold;
font-size:14px;
margin-top:10px;
color:#0073e6;
}


.neprehled {
width:99%;
float:left;
margin-top:20px;
border:1px solid;
   border-radius: 6px;
   background-color: var(--jina-cerna);
    border-color: var(--color-border);
   margin-top:20px;
   padding:10px;
}


.neprehled-prvky {
width:95%;
float:left;
margin-left:1%;
}

.doporuceni {
width:22%;
height:200px;
float:left;
border:1px solid;
padding:10px;
}

.pripravuji {
width:22%;
height:200px;
float:left;
margin-left:10px;
border:1px solid;
padding:10px;
}

.st-studium {
width:52%;
height:200px;
margin-left:10px;
float:left;
border:1px solid;
padding:10px;
}

.mentor-online-obor {
width:100%;
min-height:510px;
float:left;
border:1px solid; 
   border-radius: 6px;
       background-color: var(--jina-cerna);
    border-color: var(--color-border);
 padding:20px;  
 margin-top:20px;
}

.mentor-online-obor h2 {
font-size:18px;

}

.sponsors-obor {
margin-top:20px;
width:100%;
float:left;
   border:1px solid;
   padding:20px;
   border-radius: 6px;
   background-color: var(--jina-cerna);
    border-color: var(--color-border);
}

.sekce-obor-sponzors {
width:100%;
border:1px solid;
padding:10px;
}

.obsah-obor-uvod {
width:100%;
float:left;
background: var(--grey-color);
}

.mini-shop-obor {
width:100%;
height:200px;
float:left;
margin-top:20px;
   border:1px solid;
   padding:20px;
   border-radius: 6px;
    border-color: var(--color-border);
}

.mini-shop-obor-nadpis {
width:100%;
float:left;
  padding-bottom:10px;
  border-bottom: 2px solid  #ffffff22; 
}


.mini-shop-obor h4 {
margin:0;
}

.obor-dash-nabidka {
width:100%;
float:left;
}