/* =============== STYLY PRO COOKIE LIŠTU (Kompaktní verze) =============== */
.cookie-banner {
    /* Základní pozicování a layout */
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 998;
    display: none; /* Skryto ve výchozím stavu */
    align-items: center;
    justify-content: space-between;
    gap: 15px;
  
    /* Změny pro zvýraznění */
    background-color: #2a2a2a; /* Tmavý podklad pro vysoký kontrast */
    color: #f0f0f0; /* Lehce tlumená bílá pro příjemnější čtení */
    box-shadow: 0 -2px 15px rgba(0,0,0,0.2); /* Výraznější stín pouze nahoře */
    
    /* Změny pro kompaktnost */
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 500; /* Mírně tučnější text */
    font-family: var(--default-font);
  }
  
  .cookie-banner p {
    margin: 0;
  }
  
  .cookie-banner a {
    color: #ffffff; /* Čistě bílá pro odkaz, aby vynikl */
    text-decoration: underline;
  }
  
  .cookie-banner a:hover {
    text-decoration: none;
  }
  
  .cookie-buttons {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
  }
  
  .cookie-button {
    display: inline-block;
    cursor: pointer;
    transition: 0.3s;
    font-family: var(--heading-font);
    font-weight: 600;
    
    /* Kompaktnější tlačítka */
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 4px;
  
    /* Styl hlavního tlačítka */
    background-color: var(--accent-color);
    color: var(--contrast-color);
    border: none;
  }
  
  .cookie-button:hover {
    background-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  }
  
  /* Styl sekundárního tlačítka */
  .cookie-button.secondary {
    background-color: transparent;
    color: var(--contrast-color);
    border: 1px solid #777;
  }
  
  .cookie-button.secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #aaa;
  }
  
  /* Zobrazení lišty, když je aktivní */
  .cookie-banner.active {
    display: flex;
  }
  
  /* Responzivní chování */
  @media (max-width: 768px) {
    .cookie-banner {
      flex-direction: column;
      text-align: center;
      padding: 15px;
    }
  }