/* --------------------------------------------------------------------------
   Traka za pristanak na kolačiće. Kartica uz donju ivicu, u istom jeziku
   kao panel korpe: krem podloga, plum tekst, narandžasto dugme.
   -------------------------------------------------------------------------- */

.ozzy-kolacici {
  position: fixed;
  left: var(--r-4);
  right: var(--r-4);
  bottom: var(--r-4);
  z-index: 1000;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--r-4);
  width: auto;
  max-width: var(--mera-stranica);
  margin-inline: auto;
  padding: var(--r-4) var(--r-5);
  background: var(--boja-bela);
  border: var(--ivica-tanka) solid var(--boja-ivica);
  border-radius: var(--radijus-l);
  box-shadow: var(--senka-2);
  color: var(--boja-plum-900);
  font-family: var(--font-telo);
}

.ozzy-kolacici[hidden] {
  display: none;
}

.ozzy-kolacici__telo {
  flex: 1 1 320px;
  min-width: 0;
}

.ozzy-kolacici__naslov {
  margin: 0 0 4px;
  font-family: var(--font-naslov);
  font-size: var(--slova-m, 1rem);
  font-weight: var(--tezina-crna, 900);
  line-height: 1.2;
  color: var(--boja-plum-900);
}

.ozzy-kolacici__tekst {
  margin: 0 0 4px;
  font-size: var(--slova-s);
  font-weight: var(--tezina-srednja);
  line-height: var(--prored-telo);
}

.ozzy-kolacici__tekst a {
  color: var(--boja-plum-900);
  text-decoration: underline;
}

.ozzy-kolacici__tekst a:hover {
  color: var(--boja-narandzasta-cta);
}

.ozzy-kolacici__dugmad {
  display: flex;
  flex-wrap: wrap;
  gap: var(--r-3);
}

/* Dugme za ponovni izbor (na stranici Politika kolačića). */
.ozzy-kolacici-veza {
  align-self: flex-start;
}

@media (max-width: 599px) {
  .ozzy-kolacici {
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--radijus-l) var(--radijus-l) 0 0;
    border-inline: none;
    border-block-end: none;
    padding: var(--r-4);
  }

  .ozzy-kolacici__dugmad {
    width: 100%;
  }

  .ozzy-kolacici__dugmad .ozzy-dugme {
    flex: 1 1 0;
    min-width: 0;
  }
}

.ozzy-kolacici__veze {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 6px 0 0;
  font-size: var(--slova-xs, 0.75rem);
}

.ozzy-kolacici__veze a {
  color: var(--boja-plum-900);
  text-decoration: underline;
}

.ozzy-kolacici__veze a:hover {
  color: var(--boja-narandzasta-cta);
}