/*
 * Knjižare Školske knjige (CPT knjizara).
 *
 * Nastavlja se na css/skola.css — zajednički kostur (mreža, kartice,
 * kontakt, odjeljci) dolazi odande, ovdje je samo ono što je knjižarama
 * svojstveno: stanje "otvoreno sada", radno vrijeme i popis po županijama.
 */

/*
 * Na profilu škole crvena crta ispod adrese razdvaja zaglavlje od sadržaja.
 * Ovdje prvi odjeljak počinje odmah ispod nje, pa bi se dvije crvene crte
 * našle jedna nad drugom — zato je ovdje nema.
 */
.knjizara .skola-lokacija {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 36px;
}

.knjizara-zaglavlje {
  margin-bottom: 34px;
}
.knjizara-zaglavlje__podnaslov {
  max-width: 640px;
  margin: 0 0 22px;
  font-size: 17px;
  line-height: 27px;
  color: #666666;
}

/* stanje u ovom trenutku */
.knjizara-oznake {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}
.knjizara-stanje {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 600;
  background: #F1F1F1;
  color: #555555;
}
.knjizara-stanje__tocka {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  flex: none;
}
.knjizara-stanje--otvoreno {
  background: #E8F5E9;
  color: #1B7F3B;
}
.knjizara-stanje--zatvoreno {
  background: #F1F1F1;
  color: #6C6C6C;
}
.knjizara-stanje--zatvorena {
  background: #FDE9EA;
  color: #D22D36;
}

/* obavijest o zatvaranju */
.knjizara-obavijest {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 22px;
  margin: 0 0 30px;
  background: #FDF6F6;
  border-left: 3px solid #D22D36;
  border-radius: 0 6px 6px 0;
}
.knjizara-obavijest svg { flex: none; margin-top: 2px; }
.knjizara-obavijest__naslov {
  font-weight: 700;
  font-size: 15px;
  color: #212121;
  margin-bottom: 3px;
}
.knjizara-obavijest__tekst {
  font-size: 15px;
  line-height: 24px;
  color: #555555;
}
.knjizara-obavijest--sazeta {
  align-items: center;
  padding: 14px 20px;
  font-size: 15px;
  color: #555555;
}

/* radno vrijeme */
.knjizara-vrijeme {
  border-top: 1px solid #EEEEEE;
}
.knjizara-vrijeme__red {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 2px;
  border-bottom: 1px solid #EEEEEE;
}
.knjizara-vrijeme__dan {
  font-size: 15px;
  font-weight: 600;
  color: #212121;
}
.knjizara-vrijeme__sati {
  font-size: 16px;
  color: #444444;
  text-align: right;
}
.knjizara-vrijeme__red--tih .knjizara-vrijeme__dan,
.knjizara-vrijeme__red--tih .knjizara-vrijeme__sati {
  color: #929eaa;
  font-weight: 400;
}
.knjizara-vrijeme__prazno { color: #BDBDBD; }

/* dok nemamo koordinate */
.knjizara-bez-karte {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 24px;
  background: #FAFAFA;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
}
.knjizara-bez-karte__adresa {
  font-size: 17px;
  color: #212121;
}

.knjizara-tekst {
  font-size: 17px;
  line-height: 28px;
  color: #444444;
}
.knjizara-tekst p { margin: 0 0 16px; }

/* ----------------------------------------------------------------------
 * Popis svih knjižara
 * ------------------------------------------------------------------- */

.knjizara-skok {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 40px;
  padding: 0 0 26px;
  border-bottom: 1px solid #EEEEEE;
}
.knjizara-skok a {
  display: inline-block;
  padding: 6px 14px;
  border: 1px solid #E0E0E0;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  color: #555555;
  text-decoration: none;
}
.knjizara-skok a:hover {
  border-color: #D22D36;
  color: #D22D36;
}

.knjizara-skupina {
  margin-bottom: 44px;
  /* da naslov županije ne završi pod fiksnim zaglavljem pri skoku */
  scroll-margin-top: 90px;
}

/*
 * Obrub nosi kartica, a ne mreža: većina županija ima samo jednu knjižaru,
 * pa bi uokvirena mreža oko nje ostavila veliko prazno polje.
 */
.knjizara-mreza {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(264px, 1fr));
  gap: 16px;
}
.knjizara-kartica {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 20px 22px 22px;
  background: #ffffff;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
}
.knjizara-kartica--zatvorena {
  background: #FCFAFA;
  border-color: #F3E3E4;
}
.knjizara-kartica__naslov {
  font-family: 'PT Serif', Georgia, serif;
  font-size: 19px;
  line-height: 26px;
  font-weight: 700;
  color: #212121;
  text-decoration: none;
}
.knjizara-kartica__naslov:hover { color: #D22D36; }
.knjizara-kartica__adresa {
  font-size: 14px;
  line-height: 21px;
  color: #777777;
}
.knjizara-kartica__vrijeme,
.knjizara-kartica__telefon {
  font-size: 14px;
  color: #555555;
}
.knjizara-kartica__telefon a { color: #555555; }
.knjizara-kartica__telefon a:hover { color: #D22D36; }
.knjizara-kartica .knjizara-stanje {
  align-self: flex-start;
  font-size: 12px;
  padding: 4px 11px;
}

.knjizara-izvor {
  margin-top: 36px;
  padding-top: 22px;
  border-top: 1px solid #EEEEEE;
  font-size: 14px;
  line-height: 22px;
  color: #929eaa;
  max-width: 640px;
}
.knjizara-prazno {
  padding: 40px 0;
  color: #929eaa;
}

/* bočni popis na stranici knjižare */
.knjizara-popis-bok {
  display: flex;
  flex-direction: column;
}
.knjizara-popis-bok__stavka {
  padding: 12px 0;
  border-bottom: 1px solid #EEEEEE;
  text-decoration: none;
}
.knjizara-popis-bok__stavka:last-child { border-bottom: 0; }
.knjizara-popis-bok__naziv {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #212121;
}
.knjizara-popis-bok__stavka:hover .knjizara-popis-bok__naziv { color: #D22D36; }
.knjizara-popis-bok__adresa {
  display: block;
  font-size: 13px;
  color: #929eaa;
  margin-top: 2px;
}

@media (max-width: 900px) {
  .knjizara-mreza { grid-template-columns: 1fr; }
  .knjizara-bez-karte { flex-direction: column; align-items: flex-start; }
}