/*
 * brand.css — TEMACON Holding
 * Paleta iz loga (PRAVILA.md, odjeljak 9). Učitava se ZADNJI.
 * style.css templatea se ne mijenja.
 *
 * Boja loga #A0CE4E = --theme-color templatea, pa se varijable ne mijenjaju.
 * Ovdje se rješava samo kontrast (WCAG) i privremeni smještaj bijelog loga.
 */

:root {
  --theme-color: #A0CE4E;       /* primarna, iz loga */
  --theme-color-text: #597821;  /* primarna za tekst na svijetloj podlozi (5.08:1 na bijeloj) */
  --title-color: #0E121D;       /* tamna */
  --smoke-color2: #F7F8FB;      /* koristi se u templateu, a nije definirana */
}

/* ------------------------------------------------------------------
   1. Gumbi: zelena podloga + tamni tekst (10.18:1)
      Bijeli tekst na #A0CE4E ima 1.84:1.
   ------------------------------------------------------------------ */
.th-btn,
.th-btn.style1 {
  color: var(--title-color);
}
.th-btn.style3:hover,
.th-btn.style4:hover,
.th-btn.style5:hover,
.th-btn.blue-border:hover {
  color: var(--title-color);
}

/* ------------------------------------------------------------------
   2. Zelena kao boja teksta na svijetloj podlozi → tamnija nijansa
   ------------------------------------------------------------------ */
a,
.sub-title,
.text-theme,
.line-btn,
.th-btn.style5,
.th-btn.blue-border,
.th-team .team-desig,
.project-item .project-subtitle,
.project-card .project-subtitle,
.history-item-date,
.testi-grid_desig,
.about-signature .desig,
.accordion-card.style2 .accordion-button:not(.collapsed),
.blog-single.blog-grid .blog-content .line-btn {
  color: var(--theme-color-text);
}

/* na tamnoj podlozi ostaje svijetla zelena iz loga */
:is(.bg-title, [data-overlay], .footer-wrapper, .th-hero-wrapper, .breadcumb-wrapper,
    .process-sec3, .choose-area, .cta-area2, .cta-area3, .counter-card-wrap)
  :is(a:not(.th-btn), .sub-title, .text-theme, .line-btn) {
  color: var(--theme-color);
}

/* ------------------------------------------------------------------
   3. Header naslovnice: izbornik na zelenoj traci
   ------------------------------------------------------------------ */
.header-layout3 .main-menu > ul > li > a,
.header-layout3 .main-menu ul li.menu-item-has-children > a:after,
.header-layout3 .header-button .simple-btn {
  color: var(--title-color);
}
.header-layout3 .main-menu > ul > li > a:hover {
  color: var(--title-color);
  text-decoration: underline;
  text-underline-offset: 6px;
}

/* ------------------------------------------------------------------
   4. Aktivna stavka izbornika (template je nema — vlastito)
   ------------------------------------------------------------------ */
.main-menu > ul > li.aktivno > a {
  color: var(--theme-color-text);
}
.header-layout3 .main-menu > ul > li.aktivno > a {
  color: var(--title-color);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}
.header-layout3 .sticky-wrapper.sticky .main-menu > ul > li.aktivno > a {
  color: var(--theme-color-text);
}
.th-mobile-menu ul li.aktivno > a {
  color: var(--theme-color-text);
}

/* ------------------------------------------------------------------
   5. PRIVREMENO: dok ne stigne logo za svijetlu podlogu,
      bijeli logo stoji na tamnoj podlozi. Ukloniti kad stigne
      logo.svg s tamnim natpisom.
   ------------------------------------------------------------------ */
.header-layout1 .menu-area:before {
  background-color: var(--title-color);
}
.th-menu-wrapper .mobile-logo {
  background-color: var(--title-color);
}
.sidemenu-wrapper .about-logo {
  display: inline-block;
  padding: 14px 20px;
  background-color: var(--title-color);
}

/* veličina PNG loga (282×55) u headeru, izborniku i footeru */
.header-logo img,
.mobile-logo img,
.about-logo img {
  max-width: 210px;
  height: auto;
}

/* ------------------------------------------------------------------
   6. Ikone Font Awesome umjesto SVG slika (vlastito, PRAVILA.md §12)
   ------------------------------------------------------------------ */
.service-box_icon i,
.process-item_icon i {
  font-size: 48px;
  line-height: 1;
  color: var(--theme-color-text);
}