/* ===== HORNÍ LIŠTA ===== */

/* výška/pozadí */
#menu,
.menu-navbar,
#mainNav,
#mainNav .container {
  min-height: 85px;
  height: 85px;
}
#menu,
.menu-navbar,
#mainNav {
  min-height: 85px;
  background-image: url('../images/lista.png');
  background-repeat: repeat-x;
  background-position: top left;
  background-size: auto 100%;
  background-color: transparent !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  z-index: 1030;
  display: flex;
  align-items: center;
  font-size: 12px;
  transition: background 0.3s;
}

/* LOGA vlevo */
.logos-left { display:flex; gap: 8px; align-items: flex-start; }

#mainNav .nav_intereg {
  height: 35px;
  width: auto;
  display: block;
  margin-top: -1em;
}
#mainNav #logo {
  height: 22px;
  width: auto;
  display: block;
  margin-top: -1.8em;
}
.logo-sep {
  width: 1px;
  height: 36px;
  background: #0065b3;
  display: -webkit-box;
  opacity: 1;
  margin-top: -1.5em;
}

/* pravá strana */
#mainNav .main-menu {
  margin-left: auto;
}
#mainNav .main-menu .nav-link {
  /* color:#fff; */
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .06em;
  padding: .25rem .75rem;
  text-decoration: none;
}
#mainNav .main-menu .nav-link:hover,
#mainNav .main-menu .nav-link:focus {

  text-decoration: none;
}

/* Pojistky zarovnání */
#mainNav .navbar-nav { align-items: center; }
#mainNav .container { display:flex; align-items:center; }
#mainNav .container > * { min-width: 0; } /* aby se menu neroztlačovalo logy */

/* ===== SLIDER – pojistka (na homepage nemá být odskok) ===== */
/* body.homepage .pt-slider { padding-top: 0 } */


/* ===== RESPONZIVITA MENU ===== */
@media (max-width: 991.98px) {

    /* ZVĚTŠENÍ VÝŠKY LIŠTY */
    #menu,
    .menu-navbar,
    #mainNav,
    #mainNav .container {
        min-height: 66px;
        /* height: 66px; */
    }

    /* === FINÁLNÍ ŘEŠENÍ: ZAROVNÁNÍ CELÉHO OBSAHU NAHORU === */
    #mainNav .container {
        align-items: flex-start !important; /* Zarovná vše (loga i burger) na horní hranu */
        padding-top: 10px;                 /* Vytvoří malý odskok od horního okraje */
    }

    /* Původní styly pro písmo, burger, atd. */
    #mainNav {
        font-size: 11px;
    }

    .navbar-toggler {
        border: 0;
        outline: none;
        box-shadow: none !important;
        margin-top: 0; /* Reset posunu */
    }
    
    .navbar-toggler-icon {
        width: 1.75rem;
        height: 1.75rem;
		margin-top:10px;
    }

    #mainNav + .navbar-collapse {
        top: 66px; /* Důležité: musí odpovídat nové výšce lišty */
        position: absolute;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, .75);
        padding: .5rem 0;
        z-index: 1050;
    }

    #mainNav + .navbar-collapse .nav-link {
        color: #fff;
        text-align: right;
        padding: 0.6rem 1rem;
        text-transform: uppercase;
        letter-spacing: .05em;
        font-weight: 500;
    }

    #mainNav + .navbar-collapse .nav-link:hover {
        background-color: rgba(255, 255, 255, 0.1);
        color: #fff;
    }
    
    /* Zarovnání a výšky samotných log a čáry */
    #mainNav .logos-left {
        align-items: center !important; 
    }

    #mainNav .nav_intereg,
    #mainNav #logo,
    .logo-sep {
        margin-top: 0 !important;
    }

    #mainNav .nav_intereg { height: 28px; }
    #mainNav #logo { height: 24px; position: relative; top: -5px;}
    .logo-sep {     height: 36px; /* Ponecháme prodlouženou výšku */
    position: relative;
    top: -5px; /* Přidáno pro posun nahoru */}

    .menu-navbar {
        z-index: 1030;
    }
}

/* ================================================================ */
/* === FINÁLNÍ OPRAVA PRO EXTRÉMNĚ ÚZKÉ OBRAZOVKY (do 360px) === */
/* ================================================================ */
/* ======================================================== */
/* === FINÁLNÍ OPRAVA PRO EXTRA ÚZKÉ OBRAZOVKY (do 380px) === */
/* ======================================================== */
@media (max-width: 360px) {

    /* 1. Zmenšíme logo Interreg */
    #mainNav .nav_intereg {
        height: 22px;
    }

    /* 2. Zmenšíme logo MATH4U */
    #mainNav #logo {
        height: 18px;
    }

    /* 3. Zmenšíme výšku oddělovací čáry */
    .logo-sep {
        height: 28px;
    }

    /* 4. Snížíme mezeru mezi prvky na minimum */
    #mainNav .logos-left {
        gap: 3px;
    }
}