/**
* Theme Name: Blocksy Child
* Description: Blocksy Child theme
* Author: Creative Themes
* Template: blocksy
* Text Domain: blocksy
*/

/* ===== Kategorija: dodatni opis ispod listinga ===== */
.df-category-bottom {
  margin-top: 24px;           /* odvoji od paginacije */

}

/* Naslovi */
.df-category-bottom h2 {
  margin-top: 30px;           /* veći razmak iznad H2 */
  margin-bottom: 12px;
  line-height: 1.25;
}
.df-category-bottom h3 {
  margin-top: 22px;
  margin-bottom: 10px;
  line-height: 1.3;
}

/* Paragrafi i liste */
.df-category-bottom p {
  margin: 0 0 15px 0;         /* razmak između paragrafa */
}
.df-category-bottom ul,
.df-category-bottom ol {
  margin: 0 0 16px 22px;      /* malo uvučeno i sa donjim razmakom */
}
.df-category-bottom li { 
  margin: 6px 0; 
}

/* Ne dozvoli ružne praznine na početku/kraju bloka */
.df-category-bottom > *:first-child { margin-top: 0 !important; }
.df-category-bottom > *:last-child { margin-bottom: 0 !important; }

/* (Opc.) Blagi responsive tweak */
@media (max-width: 600px) {
  .df-category-bottom { font-size: 15px; }
}

/* ===== Modern & Compact FAQ (jača specifičnost) ===== */
.df-category-bottom .df-faq,
.df-faq {
  margin-top: 2px !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
}

/* Nulta margina na details/summary ako ih tema stilizuje */
.df-faq details,
.df-faq summary { margin: 0 !important; padding: 0 !important; }

/* Svako pitanje/odgovor */
.df-category-bottom .df-faq .df-qa-item,
.df-faq .df-qa-item {
  padding: 10px 14px !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
  background: #fff !important;
}
.df-category-bottom .df-faq .df-qa-item:last-of-type,
.df-faq .df-qa-item:last-of-type {
  border-bottom: none !important;
}

/* Pitanje (summary) */
.df-category-bottom .df-faq summary.df-qa-q,
.df-faq summary.df-qa-q {
  cursor: pointer !important;
  font-weight: 600 !important;
  list-style: none !important;
  display: block !important;
  position: relative !important;
  padding: 4px 10px 4px 0 !important; /* kompaktno */
  margin: 0 !important;
  outline: none !important;
}

/* Ukloni default marker */
.df-category-bottom .df-faq summary.df-qa-q::-webkit-details-marker,
.df-faq summary.df-qa-q::-webkit-details-marker { display: none !important; }

/* Strelica desno */
.df-category-bottom .df-faq summary.df-qa-q::after,
.df-faq summary.df-qa-q::after {
  content: "▸";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 150ms ease;
}
.df-category-bottom .df-faq details[open] > summary.df-qa-q::after,
.df-faq details[open] > summary.df-qa-q::after {
  content: "▾";
}

/* Hover/focus */
.df-category-bottom .df-faq .df-qa-item:hover summary.df-qa-q,
.df-faq .df-qa-item:hover summary.df-qa-q {
  opacity: 0.95;
}
.df-category-bottom .df-faq summary.df-qa-q:focus-visible,
.df-faq summary.df-qa-q:focus-visible {
  outline: 2px solid rgba(0,0,0,.2) !important;
  border-radius: 6px !important;
}

/* Odgovor */
.df-category-bottom .df-faq .df-qa-a,
.df-faq .df-qa-a {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  line-height: 1.6 !important;
  color: #333 !important;
}

/* Tipografija u odgovoru */
.df-category-bottom .df-faq p, .df-faq p { margin: 0 0 10px 0 !important; }
.df-category-bottom .df-faq ul, .df-category-bottom .df-faq ol,
.df-faq ul, .df-faq ol { margin: 0 0 10px 18px !important; }
.df-category-bottom .df-faq li, .df-faq li { margin: 4px 0 !important; }

/* Responsive */
@media (max-width: 600px) {
  .df-category-bottom .df-faq .df-qa-item,
  .df-faq .df-qa-item { padding: 8px 12px !important; }
  .df-category-bottom .df-faq summary.df-qa-q,
  .df-faq summary.df-qa-q { padding-right: 22px !important; font-size: 15px !important; }
  .df-category-bottom .df-faq .df-qa-a,
  .df-faq .df-qa-a { font-size: 14.5px !important; }
}