/* 
  style-mrf.css
  Vlastní styly pro zúžení alertů a responsivitu
*/

/* Zúžení flash messages a vycentrování */
.container-fluid .alert {
    max-width: 600px; /* Nastavte si dle potřeby */
    margin: 10px auto; /* Vycentrování a trochu místa nahoře/dole */
  }
  
  /* Zúžení i pro další dynamické alerty, např. #alertsContainer */
  #alertsContainer .alert {
    max-width: 600px;
    margin: 10px auto;
  }
  
  /* Responsivní úprava pro menší obrazovky */
  @media (max-width: 768px) {
    .container-fluid .alert,
    #alertsContainer .alert {
      max-width: 90%; /* Místo 600px použijeme 90% šířky */
    }
  }

  .alert {
    text-align: center !important;
  }

  /* Zaviraci tlacitko alert okna */
  #errorAlertAuto .btn-close {
    width: 16px;
    height: 16px;
    font-size: 0.55rem; /* případně menší */
  }

/* INDICATOR NACITANI */
#loadingIndicator {
  display: none; /* Skryté jako výchozí */
  position: fixed; /* Přizpůsobí se viewportu a ne stránce */
  top: 50%; /* Umístění na střed obrazovky svisle */
  left: 50%; /* Umístění na střed obrazovky vodorovně */
  transform: translate(-50%, -50%); /* Přesunutí indikátoru zpět o polovinu jeho výšky a šířky */
  z-index: 1000; /* Zajistí, že bude nad ostatními prvky */
}   

  /* Rezerva pro navbar */
  body {
    padding-top: 56px; /* Výška navbaru */
  }

  /* Třída pro fixní navbar */
  .navbar-fixed-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999; /* aby byla nad obsahem */
    background-color: #fafafa; /* lehce šedé pozadí */
    /* Původní styly plus stín: */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }
  /* Třída, která nastaví pozadí do slabě růžové */
  .navbar-fanclub-activated {
    background-color: #f2aac7 !important; /* světle růžová, případně jiný odstín */
  }

  @media (max-width: 992px) {
    /* Barva pozadí pro rozbalené menu na mobilech */
    .navbar .navbar-collapse {
      background-color: #ffffff !important;
    }
  
    /* Dropdown samotný (bílé pozadí, tmavý text) */
    .navbar .dropdown-menu {
      background-color: #ffffff !important;
      border: 1px solid #ccc; /* lehká šedá linka */
    }
  
    /* Barva textu v odkazech a hover */
    .navbar .nav-link,
    .navbar .dropdown-item {
      color: #333 !important;
    }
    .navbar .dropdown-item:hover {
      background-color: #f2f2f2 !important;
    }
  }

.flash-message-centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050; /* zajistí, že bude nad obsahem */
    width: 100%;
    max-width: 600px;
    text-align: center;
    padding: 0 15px; /* trochu vnitřního odsazení */
  }