/* ============================================================
   bazaroveregaly.cz — FAQ accordion (homepage blok + detail produktu)
   Používá nativní <details>/<summary> — funguje i bez JS.
   Třídy .br-faq sdílí nativní HP blok (dist/hp-faq-blok.html)
   a JS accordion na detailu produktu (faq.js).
   Nasazení: /user/documents/yanabel/faq.css?v=2
   ============================================================ */

.br-faq {
  max-width: 860px;
  margin: 0 auto 32px;
}

.br-faq__heading {
  font-size: 24px;
  font-weight: 700;
  color: #1f1f1f;
  margin: 0 0 16px;
  text-align: center;
}

.br-faq__item {
  border-radius: 10px;
  margin-bottom: 10px;
  background: #fff;
  overflow: hidden;
  /* vzor webu: bila karta + jemny stin */
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.09);
}

.br-faq__item[open] {
  box-shadow: 0 0 8px rgba(35, 156, 235, 0.35);
}

.br-faq__question {
  display: block;
  position: relative;
  padding: 14px 44px 14px 16px;
  font-size: 16px;
  font-weight: 700;
  color: #1f1f1f;
  cursor: pointer;
  list-style: none;
}

/* skrýt výchozí trojúhelník markeru */
.br-faq__question::-webkit-details-marker { display: none; }
.br-faq__question::marker { content: ''; }

/* plus/minus indikátor */
.br-faq__question::after {
  content: '+';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-weight: 400;
  color: #1577c2;
  line-height: 1;
}

.br-faq__item[open] .br-faq__question::after {
  content: '\2212'; /* minus */
}

.br-faq__question:hover {
  color: #1577c2;
}

.br-faq__answer {
  padding: 0 16px 14px;
}

.br-faq__answer p {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #444;
}

/* Na detailu produktu decentnější nadpis zarovnaný vlevo */
.type-product .br-faq {
  margin: 40px 0 8px;
}

.type-product .br-faq__heading {
  text-align: left;
  font-size: 20px;
}

@media (max-width: 767px) {
  .br-faq__heading { font-size: 20px; }
  .br-faq__question { font-size: 15px; padding: 12px 40px 12px 12px; }
  .br-faq__answer { padding: 0 12px 12px; }
}