/* === PUBLIC (index.html only) === */

/* A–Z bar – původní layout */
#alphaBar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.5rem;
}
@media (min-width:480px){ #alphaBar{ grid-template-columns:repeat(5,minmax(0,1fr)) } }
@media (min-width:768px){ #alphaBar{ grid-template-columns:repeat(7,minmax(0,1fr)) } }

/* A–Z tlačítka – PŮVODNÍ VELIKOSTI (dle tvého originálu) */
.alpha-btn{
  width:100%;
  min-height:4.25rem;
  font-size:1.25rem;
  border-radius:1rem;
  font-weight:700;
}
/* Barevné varianty jako dřív */
.alpha-alt-0{ background:#d1fae5 }
.alpha-alt-1{ background:#bfdbfe }

/* A–Z (vše) má být zelené */
#alphaBar #btnAll{ background:#d1fae5 !important; }

/* Veřejné vyhledávání / layout */
.search-row{ display:flex; gap:.5rem; width:100%; align-items:stretch; flex-wrap:nowrap }
.search-row > *{ min-width:0 }
#search{ min-width:0; flex:1 1 auto }
#searchBtn{ flex:0 0 auto; background:#d1fae5; }

/* Anchor posun u sticky hlavičky */
.anchor{ height:0; margin:0; padding:0; scroll-margin-top:96px }
@media (min-width:768px){ .anchor{ scroll-margin-top:112px } }

/* Další public elementy */
#chatBtn { background:#bfdbfe; }
#diankaImg { cursor: zoom-in; }

/* Netlify honeypot */
#contactForm [name="bot-field"],
#contactForm [name="hp"] { display:none; }

/* SCD list font */
#list .card{ font-size:1.0625rem !important; line-height:1.35 !important; }
#list .card strong{ font-size:1.15rem !important; }

/* SCD A–Z All button */
#alphaBar #btnAll{
  background:#bfdbfe !important;
  border:1px solid #60a5fa !important;
  color:#111 !important;
}
#alphaBar #btnAll:hover{ filter:brightness(.90); }

/* SCD Alpha tiles match button palette */
#alphaBar .alpha-btn{ font-size:1.5rem !important; }
#alphaBar .alpha-alt-0{ background:#d1fae5 !important; border-color:#34d399 !important; }
#alphaBar .alpha-alt-1{ background:#bfdbfe !important; border-color:#60a5fa !important; }

/* SCD darker border for green info panels */
.bg-ok-50.border-ok-200{ border-color:#34d399 !important; }

/* === NOVÉ ÚPRAVY: formuláře + chat === */

/* celé tělo modální karty */
.modal-card{
  background:#F1F5F9 !important;   /* šedé pozadí */
}

/* hlavička modálního okna */
.modal-card .modal-head{
  background:#fff !important;       /* bílý header */
  border-bottom:1px solid #ccc;
  padding:.75rem 1rem;
  border-top-left-radius:.75rem;
  border-top-right-radius:.75rem;
}

/* všechna vstupní pole, textarea a select */
.modal-card input,
.modal-card textarea,
.modal-card select{
  background:#fff !important;       /* bílé vyplňovací pole */
}


/* === Úprava pozadí pro formuláře, odpovědi a chat === */
.modal-card-header {
  background: #ffffff !important; /* Header zůstane bílý */
}



.modal-card-body .input,
.modal-card-body textarea,
.modal-card-body .card {
  background: #ffffff !important; /* Vnitřní okna zůstanou bílá */
}


/* === Posílená úprava pozadí modal-card-body === */
.modal-card 


/* === Pozadí modalů – přesná selekce podle index.html === */
.modal .modal-card .modal-head {
  background: #ffffff !important; /* header bílý */
}

.modal .modal-card .modal-body {
  background: #F1F5F9 !important; /* tělo světle šedé */
}

.modal .modal-card .modal-body input,
.modal .modal-card .modal-body textarea,
.modal .modal-card .modal-body .card {
  background: #ffffff !important; /* vnitřní okna zůstanou bílá */
}


/* === Fix zaoblení spodních rohů modalu === */
.modal .modal-card{
  border-radius: 16px !important;
  overflow: hidden !important; /* zajistí, že šedé pozadí v .modal-body neusekne zaoblení */
}


/* === Chat – messages area bílé pozadí === */
#chatLog {
  background: #ffffff !important;
}


/* === Jemné barevné linky podle barvy tlačítka – opraveno === */
#chatBtn {
  border: 1px solid #60A5FA !important; /* tmavě modrá (blue-600) */
}

#searchBtn {
  border: 1px solid #34D399 !important; /* tmavě zelená (green-600) */
}

#apiBadge {
  border: 1px solid #34D399 !important; /* tmavě zelená (green-600) */
}

/* === Chat – moje zprávy přebarvené na zelenou (#dcfce7) === */
#chatModal #chatLog .bg-blue-100 {
  background: #dcfce7 !important;
  color: #000000 !important;
}


/* Override: red loading style for #apiBadge */
/* Override: red loading style for #apiBadge (loading) */
#apiBadge.badge-red {
  background-color: #FECACA !important;
  border: 1px solid #DC2626 !important;
  color: #000 !important;
}