/*
 Theme Name:   Eduma Child
 Template:     eduma
 Description:  Child tema za Eduma
 Author:       (tvoje ime)
 Version:      1.0.0
 Text Domain:  eduma-child
*/

/* Ovde ide tvoj CSS… */


.recx-btn.recx-open,
.recx-btn.recx-locked{
  border:1px solid transparent;
  transition:background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.recx-btn.recx-open:hover,
.recx-btn.recx-locked:hover{
  background:#fff !important;
  color:#1373d3 !important;
  border-color:#1373d3 !important;
}



/* ================== REC – Global "Grey UI" ================== */
:root{
  --rec-gray-50:#f6f6f6;
  --rec-gray-100:#efefef;
  --rec-gray-200:#dddddd;
  --rec-gray-300:#cfcfcf;
  --rec-gray-400:#b5b5b5;
  --rec-gray-500:#8a8a8a;
  --rec-gray-600:#6b6b6b;   /* aktivna/primarna siva */
  --rec-gray-700:#555555;   /* hover aktivna */
  --rec-text:#222222;
}

/* ---------- Lijevi meni (oba widgeta + modeli akata) ---------- */
#qa-filters .qa-link,
#qa-filters .rubrika-toggle,
#qa-filters2 .qa-link,
#qa-filters2 .rubrika-toggle,
.rubrike-tree a.qa-link,
.rubrike-tree a.ma-link,
.rubrike-tree .rubrika-toggle{
  background:#fff !important;
  color:var(--rec-text) !important;
  border:1px solid var(--rec-gray-200) !important;
  box-shadow:none !important;
}

#qa-filters .qa-link:hover,
#qa-filters .rubrika-toggle:hover,
#qa-filters2 .qa-link:hover,
#qa-filters2 .rubrika-toggle:hover,
.rubrike-tree a.qa-link:hover,
.rubrike-tree a.ma-link:hover,
.rubrike-tree .rubrika-toggle:hover{
  background:var(--rec-gray-50) !important;
  color:#000 !important;
  border-color:var(--rec-gray-300) !important;
}

/* ACTIVE stanje (pregazi plavu) */
#qa-filters .qa-link.is-active,
#qa-filters .rubrika-toggle.active,
#qa-filters2 .qa-link.is-active,
#qa-filters2 .rubrika-toggle.active,
.rubrike-tree a.qa-link.is-active,
.rubrike-tree a.ma-link.is-active,
.rubrike-tree .rubrika-toggle.active{
  background:var(--rec-gray-600) !important;
  color:#fff !important;
  border-color:var(--rec-gray-600) !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Search polja */
#qa-filters .qa-search,
#qa-filters2 .qa-search,
#ma-filters .qa-search,
#ma2-filters .qa-search{
  border:1px solid var(--rec-gray-200) !important;
  background:#fff !important;
  color:var(--rec-text) !important;
}
#qa-filters .qa-search::placeholder,
#qa-filters2 .qa-search::placeholder,
#ma-filters .qa-search::placeholder,
#ma2-filters .qa-search::placeholder{ color:var(--rec-gray-500) !important; }

/* ---------- Paginacija (Elementor + naša) ---------- */
.qa-pagination .page-numbers,
.elementor .elementor-pagination a.page-numbers,
#qa-results .page-numbers a,
#qa-results2 .page-numbers a,
#ma-results .page-numbers a,
#ma2-results .page-numbers a,
a.page-numbers{
  background:#fff !important;
  color:var(--rec-text) !important;
  border:1px solid var(--rec-gray-200) !important;
  padding:8px 12px !important;
  border-radius:8px !important;
}
.qa-pagination .page-numbers:hover,
.elementor .elementor-pagination a.page-numbers:hover,
#qa-results .page-numbers a:hover,
#qa-results2 .page-numbers a:hover,
#ma-results .page-numbers a:hover,
#ma2-results .page-numbers a:hover,
a.page-numbers:hover{
  background:var(--rec-gray-50) !important;
  color:#000 !important;
  border-color:var(--rec-gray-300) !important;
}
.qa-pagination .page-numbers.current,
.elementor .elementor-pagination .page-number




/* Samo glavna pozadina sajta */
body {
  background-color: #f0f0f0 !important;
}

/* Sve Elementor sekcije ostaju bijele (da ne izgube kartica look) */
.elementor-section {
  background-color: #fff;
}

/* Dark mode – svijetlosivi tekst i linije GLOBALNO */
html.thim-ekit-dark-mode body,
html.thim-ekit-dark-mode body * {
  color: #e0e0e0 !important;
  border-color: #e0e0e0 !important;
}

/* Dark mode navigacija – GLOBALNO */
html.thim-ekit-dark-mode #qa-filters .qa-link {
  background: #1f242a !important;   /* osnovna tamna pozadina */
  color: #d0d0d0 !important;        /* svijetlosivi tekst */
  border: 1px solid #3a3a3a !important;
}

/* Hover efekt */
html.thim-ekit-dark-mode #qa-filters .qa-link:hover {
  background: #3a3a3a !important;
  color: #ffffff !important;
}

/* Aktivni tab */
html.thim-ekit-dark-mode #qa-filters .qa-link.is-active,
html.thim-ekit-dark-mode #qa-filters .qa-link.active {
  background: #a0a0a0 !important;
  color: #ffffff !important;
  border: 1px solid #a0a0a0 !important;
}

/* Search polje */
html.thim-ekit-dark-mode #qa-filters .qa-search {
  background: #1f242a !important;
  color: #e6e6e6 !important;
  border: 1px solid #323841 !important;
  border-radius: 12px !important;
}

html.thim-ekit-dark-mode #qa-filters .qa-search::placeholder {
  color: #9aa3ad !important;
}

/* ===== DARK MODE za "Modeli akata" navigacije (MA + MA2) ===== */

/* Scope: cijeli MA/MA2 widget u dark modu */
html.thim-ekit-dark-mode #ma-filters.rubrike-tree,
html.thim-ekit-dark-mode #ma2-filters.rubrike-tree {
  background: transparent !important;
}

/* Stavke menija (sve varijante linkova) */
html.thim-ekit-dark-mode #ma-filters .rubrika-toggle,
html.thim-ekit-dark-mode #ma-filters .ma-link,
html.thim-ekit-dark-mode #ma-filters .qa-link,
html.thim-ekit-dark-mode #ma2-filters .rubrika-toggle,
html.thim-ekit-dark-mode #ma2-filters .qa-link {
  background: #1f242a !important;     /* tamna ploha */
  color: #d0d0d0 !important;           /* svijetlosivi tekst */
  border: 1px solid #3a3a3a !important;
  box-shadow: none !important;
}

/* Hover */
html.thim-ekit-dark-mode #ma-filters .rubrika-toggle:hover,
html.thim-ekit-dark-mode #ma-filters .ma-link:hover,
html.thim-ekit-dark-mode #ma-filters .qa-link:hover,
html.thim-ekit-dark-mode #ma2-filters .rubrika-toggle:hover,
html.thim-ekit-dark-mode #ma2-filters .qa-link:hover {
  background: #3a3a3a !important;
  color: #ffffff !important;
  border-color: #3a3a3a !important;
}

/* Aktivno/odabrano */
html.thim-ekit-dark-mode #ma-filters .rubrika-toggle.active,
html.thim-ekit-dark-mode #ma-filters .ma-link.is-active,
html.thim-ekit-dark-mode #ma-filters .qa-link.is-active,
html.thim-ekit-dark-mode #ma2-filters .rubrika-toggle.active,
html.thim-ekit-dark-mode #ma2-filters .qa-link.is-active {
  background: #a0a0a0 !important;
  color: #ffffff !important;
  border: 1px solid #a0a0a0 !important;
}

/* Search polje */
html.thim-ekit-dark-mode #ma-filters .qa-search,
html.thim-ekit-dark-mode #ma2-filters .qa-search {
  background: #1f242a !important;
  color: #e6e6e6 !important;
  border: 1px solid #323841 !important;
  border-radius: 12px !important;
}

html.thim-ekit-dark-mode #ma-filters .qa-search::placeholder,
html.thim-ekit-dark-mode #ma2-filters .qa-search::placeholder {
  color: #9aa3ad !important;
}

/* Tree struktura (linije/listovi) */
html.thim-ekit-dark-mode .rubrike-tree ul { 
  list-style: none;
}
html.thim-ekit-dark-mode .rubrike-tree li {
  border-color: #3a3a3a !important;
}

/* Paginacija (ako je unutar rezultata) */
html.thim-ekit-dark-mode .qa-pagination a,
html.thim-ekit-dark-mode .elementor .elementor-pagination a,
html.thim-ekit-dark-mode #ma-results .page-numbers a,
html.thim-ekit-dark-mode #ma2-results .page-numbers a {
  background: #1f242a !important;
  color: #d0d0d0 !important;
  border: 1px solid #3a3a3a !important;
}
html.thim-ekit-dark-mode .qa-pagination a:hover,
html.thim-ekit-dark-mode .elementor .elementor-pagination a:hover,
html.thim-ekit-dark-mode #ma-results .page-numbers a:hover,
html.thim-ekit-dark-mode #ma2-results .page-numbers a:hover,
html.thim-ekit-dark-mode .qa-pagination .current,
html.thim-ekit-dark-mode .elementor .elementor-pagination .current {
  background: #a0a0a0 !important;
  color: #fff !important;
  border-color: #a0a0a0 !important;
}





/* === SAMO custom QA paginacija (nav.qa-pagination) === */
/* Bazno stanje (brojevi + "…") */
nav.qa-pagination .page-numbers,
nav.qa-pagination a.page-numbers:link,
nav.qa-pagination a.page-numbers:visited {
  color: #999 !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none !important;
}

/* Ukloni hover/focus promjene SAMO ovdje */
nav.qa-pagination a.page-numbers:hover,
nav.qa-pagination a.page-numbers:focus {
  color: #999 !important;
  background: transparent !important;
  border: none !important;
  outline: 0 !important;
}

/* Aktivna (current) – obuhvati obje varijante */
nav.qa-pagination .page-numbers.current,
nav.qa-pagination .page-numbers .current,
nav.qa-pagination span.page-numbers.current {
  background: #555 !important;
  color: #fff !important;
  border: none !important;
}

/* Dots "…" */
nav.qa-pagination .page-numbers.dots {
  color: #999 !important;
  background: transparent !important;
  border: none !important;
}


/* Isključen hover SAMO na custom QA paginaciji */
nav.qa-pagination a.page-numbers:hover,
nav.qa-pagination a.page-numbers:focus,
nav.qa-pagination .page-numbers:hover,
nav.qa-pagination .page-numbers:focus {
  background: transparent !important;  /* nema promjene pozadine */
  color: #999 !important;              /* ostaje sivo */
  border: none !important;             /* nema bordera */
  box-shadow: none !important;         /* ako tema dodaje sjenu */
  outline: none !important;
}


/* ===== ZIDZJN (qa-filters2) — DARK MODE: identično #qa-filters ===== */

/* Linkovi */
html.thim-ekit-dark-mode #qa-filters2 .qa-link {
  background: #1f242a !important;  /* osnovna tamna pozadina */
  color: #d0d0d0 !important;       /* svijetlosivi tekst */
  border: 1px solid #3a3a3a !important;
}

/* Hover */
html.thim-ekit-dark-mode #qa-filters2 .qa-link:hover {
  background: #3a3a3a !important;
  color: #ffffff !important;
}

/* Aktivni tab */
html.thim-ekit-dark-mode #qa-filters2 .qa-link.is-active,
html.thim-ekit-dark-mode #qa-filters2 .qa-link.active {
  background: #a0a0a0 !important;
  color: #ffffff !important;
  border: 1px solid #a0a0a0 !important;
}

/* Rubrika toggle (roditelj) — isti tretman kao linkovi */
html.thim-ekit-dark-mode #qa-filters2 .rubrika-toggle {
  background: #1f242a !important;
  color: #d0d0d0 !important;
  border: 1px solid #3a3a3a !important;
}
html.thim-ekit-dark-mode #qa-filters2 .rubrika-toggle:hover {
  background: #3a3a3a !important;
  color: #ffffff !important;
}
html.thim-ekit-dark-mode #qa-filters2 .rubrika-toggle.active {
  background: #a0a0a0 !important;
  color: #ffffff !important;
  border: 1px solid #a0a0a0 !important;
}

/* Search polje */
html.thim-ekit-dark-mode #qa-filters2 .qa-search {
  background: #1f242a !important;
  color: #e6e6e6 !important;
  border: 1px solid #323841 !important;
  border-radius: 12px !important;
}
html.thim-ekit-dark-mode #qa-filters2 .qa-search::placeholder {
  color: #9aa3ad !important;
}

/* Linije u tree-u */
html.thim-ekit-dark-mode #qa-filters2 li { border-color: #3a3a3a !important; }

/* ZIDZJN paginacija unutar #qa-results2 (isti stil kao globalno) */
html.thim-ekit-dark-mode #qa-results2 .qa-pagination a,
html.thim-ekit-dark-mode #qa-results2 .elementor .elementor-pagination a,
html.thim-ekit-dark-mode #qa-results2 .page-numbers a {
  background: #1f242a !important;
  color: #d0d0d0 !important;
  border: 1px solid #3a3a3a !important;
}
html.thim-ekit-dark-mode #qa-results2 .qa-pagination a:hover,
html.thim-ekit-dark-mode #qa-results2 .elementor .elementor-pagination a:hover,
html.thim-ekit-dark-mode #qa-results2 .qa-pagination .current,
html.thim-ekit-dark-mode #qa-results2 .elementor .elementor-pagination .current {
  background: #a0a0a0 !important;
  color: #fff !important;
  border-color: #a0a0a0 !important;
}


/* ===== Custom QA paginacija samo na stranici ID:112702 ===== */
body.page-id-112702 nav.qa-pagination .page-numbers,
body.page-id-112702 nav.qa-pagination a.page-numbers:link,
body.page-id-112702 nav.qa-pagination a.page-numbers:visited {
  color: #999 !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none !important;
}

body.page-id-112702 nav.qa-pagination a.page-numbers:hover,
body.page-id-112702 nav.qa-pagination a.page-numbers:focus,
body.page-id-112702 nav.qa-pagination .page-numbers:hover,
body.page-id-112702 nav.qa-pagination .page-numbers:focus {
  background: transparent !important;
  color: #999 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

body.page-id-112702 nav.qa-pagination .page-numbers.current,
body.page-id-112702 nav.qa-pagination .page-numbers .current,
body.page-id-112702 nav.qa-pagination span.page-numbers.current {
  background: #555 !important;
  color: #fff !important;
  border: none !important;
}

body.page-id-112702 nav.qa-pagination .page-numbers.dots {
  color: #999 !important;
  background: transparent !important;
  border: none !important;
}

/* Layout akordeona */
.e-n-accordion {
  display: grid;
  gap: 16px;
  margin-top: 20px;
}

/* Svaka kartica */
.e-n-accordion .e-n-accordion-item {
  border: 1px solid #e6e8ef;
  border-radius: 12px;
  background: #f9fafc;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  overflow: hidden;
  transition: all .25s ease;
}

.e-n-accordion .e-n-accordion-item:hover {
  border-color: #dcdfe5;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

/* Header */
.e-n-accordion .e-n-accordion-item-title {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 22px;
  font-weight: 600;
  font-size: 18px;
  color: #1f2330;
}

/* Slika/ikona lijevo */
.e-n-accordion .acc-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  border-radius: 6px;
  flex-shrink: 0;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
}

/* Naslov */
.e-n-accordion .acc-title {
  line-height: 1.3;
}

/* Ikonica desno (chevron) */
.e-n-accordion .e-n-accordion-item-title-icon {
  margin-left: auto;
  font-size: 16px;
  color: #777;
  transition: transform .3s ease, color .3s ease;
}
.e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon {
  transform: rotate(180deg);
  color: #c60202;
}

/* Responsive */
@media (max-width:600px){
  .e-n-accordion .acc-icon { width: 26px; height: 26px; }
  .e-n-accordion .e-n-accordion-item-title { font-size: 16px; padding: 14px 18px; }
}



/***********************
 DARK MODE FIX — ACCORDION
 Samo za template ID 114429
***********************/

.elementor-template-114429 .e-n-accordion .e-n-accordion-item {
  background: #14171a !important;
  border: 1px solid #2b2f36 !important;
  box-shadow: none !important;
}

.elementor-template-114429 .e-n-accordion .e-n-accordion-item summary.e-n-accordion-item-title {
  background: #1c2026 !important;
  color: #e6e6e6 !important;
  border: 0 !important;
}

.elementor-template-114429 .e-n-accordion .e-n-accordion-item[open] summary.e-n-accordion-item-title,
.elementor-template-114429 .e-n-accordion .e-n-accordion-item summary.e-n-accordion-item-title:hover {
  background: #232831 !important;
  color: #ffffff !important;
}

.elementor-template-114429 .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title-text,
.elementor-template-114429 .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon,
.elementor-template-114429 .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon i,
.elementor-template-114429 .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon svg {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.elementor-template-114429 .e-n-accordion .e-n-accordion-item > div[role="region"] {
  background: #0f1114 !important;
  color: #d6d6d6 !important;
  border: 1px solid #2b2f36 !important;
  border-radius: 12px !important;
  margin: 0 16px 16px 16px !important;
  padding: 16px !important;
}

/* Ukloni eventualne pozadine iz wrappera */
.elementor-template-114429 .elementor-section,
.elementor-template-114429 .e-n-accordion,
.elementor-template-114429 .e-n-accordion * {
  background-color: transparent !important;
  background-image: none !important;
}



//* ISPOD search