/*
Theme Name:   SandžakHaber Child
Theme URI:    https://www.sandzakhaber.net
Description:  SandžakHaber Child Theme za Newspaper 12.7.5
Author:       SandžakHaber Redakcija
Author URI:   https://www.sandzakhaber.net
Template:     Newspaper
Version:      1.0.0
Text Domain:  sandzakhaber-child
*/

/* ============================================================
   SANDZAKHABER CHILD THEME — Newspaper 12.7.5
   Header 19 - City News · Zeleno-zlatni branding
   ============================================================ */

/* ── GOOGLE FONTS ── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;1,8..60,300&family=JetBrains+Mono:wght@400;600&display=swap');

/* ── CSS VARIJABLE ── */
:root {
  --sh-green:        #1a6b3c;
  --sh-green-dark:   #0f4526;
  --sh-green-light:  #2d8f56;
  --sh-gold:         #c8963e;
  --sh-gold-light:   #e8b96a;
  --sh-cream:        #f7f3ed;
  --sh-ink:          #1a1a16;
  --sh-ink-soft:     #3d3d35;
  --sh-muted:        #7a7a6e;
  --sh-border:       #ddd8cf;
  --sh-red:          #c0392b;
  --sh-breaking:     #e74c3c;
  --sh-white:        #ffffff;
}

/* ============================================================
   1. GLOBALNI STILOVI
   ============================================================ */

body {
  background-color: var(--sh-cream) !important;
  font-family: 'Source Serif 4', Georgia, serif !important;
  color: var(--sh-ink) !important;
}

a {
  color: var(--sh-green);
  transition: color 0.2s ease;
}

a:hover {
  color: var(--sh-gold);
  text-decoration: none;
}

/* Naslovi — Playfair Display */
h1, h2, h3, h4, h5, h6,
.td-module-title,
.entry-title,
.td-post-title h1 {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: var(--sh-ink) !important;
  line-height: 1.2 !important;
}

/* ============================================================
   2. TOP BAR (gornja traka iznad headera)
   ============================================================ */

.td-top-bar-wrapper,
.td-top-bar,
#td-top-bar {
  background-color: var(--sh-green-dark) !important;
  border-bottom: 2px solid var(--sh-gold) !important;
  padding: 6px 0 !important;
}

.td-top-bar-wrapper .td-top-bar-text,
.td-top-bar a,
.td-top-bar span,
.top-bar-area .td-element-style {
  color: rgba(255, 255, 255, 0.85) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.5px !important;
}

/* Social ikone u top baru */
.td-top-bar .td-social-icon-wrap a,
.td-top-bar .td-social-icon-wrap i {
  color: var(--sh-gold-light) !important;
  transition: color 0.2s, transform 0.2s !important;
}

.td-top-bar .td-social-icon-wrap a:hover {
  color: var(--sh-white) !important;
  transform: scale(1.15) !important;
}

/* Datum u top baru */
.td-top-bar .td-date-wrap,
.td-top-bar .cur-date {
  color: rgba(255, 255, 255, 0.6) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* ============================================================
   3. HEADER — Header 19 City News
   ============================================================ */

.td-header-wrap,
#td-header-menu,
.td-header-menu-wrap,
.td-header-style-19 .td-header-menu-wrap {
  background-color: var(--sh-white) !important;
  border-bottom: 3px solid var(--sh-green) !important;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07) !important;
}

/* Logo area */
.td-header-style-19 .td-header-logo-wrap {
  text-align: center !important;
  padding: 14px 0 !important;
}

.td-header-style-19 .td-header-logo-wrap .logo img,
.td-header-style-19 .td-header-logo-wrap img {
  max-height: 70px !important;
  width: auto !important;
}

/* Logo tekst ako nema slike */
.td-header-style-19 .td-header-logo-wrap .logo,
.header-logo-image a {
  font-family: 'Playfair Display', serif !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  color: var(--sh-green-dark) !important;
  letter-spacing: -1px !important;
}

/* ============================================================
   4. NAVIGACIJA
   ============================================================ */

/* Glavni nav wrapper */
.td-header-style-19 .td-main-menu-logo,
.sf-menu,
.td-header-menu-wrap .sf-menu {
  background: transparent !important;
}

/* Nav linkovi */
.sf-menu > li > a,
.sf-menu li a,
.td-header-menu-wrap .sf-menu > li > a {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--sh-ink-soft) !important;
  padding: 16px 16px !important;
  border-bottom: 3px solid transparent !important;
  transition: color 0.2s, border-color 0.2s !important;
}

/* Nav hover i aktivan */
.sf-menu > li > a:hover,
.sf-menu > li.current-menu-item > a,
.sf-menu > li.current-category-ancestor > a,
.sf-menu > li:hover > a {
  color: var(--sh-green) !important;
  border-bottom-color: var(--sh-green) !important;
  background: transparent !important;
}

/* HRONIKA — crvena */
.sf-menu > li > a[href*="crna-hronika"],
.sf-menu > li > a[href*="hronika"] {
  color: var(--sh-red) !important;
}

.sf-menu > li > a[href*="crna-hronika"]:hover,
.sf-menu > li > a[href*="hronika"]:hover {
  color: var(--sh-red) !important;
  border-bottom-color: var(--sh-red) !important;
}

/* SANDŽAK — zelena, naglašena */
.sf-menu > li > a[href*="sandzak"],
.sf-menu > li > a[href*="vjesti-iz-sandzaka"] {
  color: var(--sh-green) !important;
  font-weight: 700 !important;
}

/* Dropdown meni */
.sf-menu ul,
.sub-menu {
  background: var(--sh-white) !important;
  border-top: 3px solid var(--sh-green) !important;
  border-radius: 0 0 4px 4px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  min-width: 200px !important;
}

.sf-menu ul li a,
.sub-menu li a {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: var(--sh-ink-soft) !important;
  padding: 11px 18px !important;
  border-bottom: 1px solid var(--sh-border) !important;
  border-left: 3px solid transparent !important;
  transition: all 0.18s !important;
}

.sf-menu ul li a:hover,
.sub-menu li a:hover {
  color: var(--sh-green) !important;
  border-left-color: var(--sh-green) !important;
  background: var(--sh-cream) !important;
  padding-left: 22px !important;
}

/* Search ikona */
.td-header-search-wrap .td-icon-search,
.header-search-wrap .td-icon-search {
  color: var(--sh-ink-soft) !important;
  font-size: 16px !important;
  transition: color 0.2s !important;
}

.td-header-search-wrap .td-icon-search:hover {
  color: var(--sh-green) !important;
}

/* Search form */
.td-search-form-wrap,
.td-search-background {
  background: var(--sh-green-dark) !important;
}

.td-search-input {
  font-family: 'Source Serif 4', serif !important;
  background: var(--sh-white) !important;
  border-radius: 3px !important;
  color: var(--sh-ink) !important;
}

/* ============================================================
   5. STICKY HEADER
   ============================================================ */

.td-fix-position .td-header-wrap,
.td-header-style-19.td-fix-position {
  background: var(--sh-white) !important;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1) !important;
  border-bottom: 3px solid var(--sh-green) !important;
}

/* ============================================================
   6. BREAKING NEWS TICKER
   ============================================================ */

.td-breaking-news-wrap,
.breaking-news-wrap,
#td-breaking-news {
  background: var(--sh-white) !important;
  border-top: 1px solid var(--sh-border) !important;
  border-bottom: 2px solid var(--sh-border) !important;
}

.td-breaking-news-label,
.breaking-news-label {
  background: var(--sh-breaking) !important;
  color: var(--sh-white) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 6px 16px !important;
}

.td-breaking-news-title a,
.breaking-news-title a {
  font-family: 'Source Serif 4', serif !important;
  font-size: 13.5px !important;
  color: var(--sh-ink) !important;
  font-style: italic !important;
}

.td-breaking-news-title a:hover {
  color: var(--sh-green) !important;
}

/* ============================================================
   7. KATEGORIJSKI LABELI (boje po kategoriji)
   ============================================================ */

.td-post-category,
.td-category,
.td-tags .entry-crumb a {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 3px 10px !important;
  border-radius: 2px !important;
  display: inline-block !important;
}

/* Sandžak — zelena */
a.td-post-category[href*="sandzak"],
a.td-post-category[href*="vjesti-iz-sandzaka"] {
  background: var(--sh-green) !important;
  color: var(--sh-white) !important;
}

/* Hronika — crvena */
a.td-post-category[href*="hronika"],
a.td-post-category[href*="crna-hronika"] {
  background: var(--sh-red) !important;
  color: var(--sh-white) !important;
}

/* Sport — tamno zelena */
a.td-post-category[href*="sport"] {
  background: var(--sh-green-dark) !important;
  color: var(--sh-white) !important;
}

/* Featured — zlatna */
a.td-post-category[href*="featured"] {
  background: var(--sh-gold) !important;
  color: var(--sh-ink) !important;
}

/* Vijesti — siva */
a.td-post-category[href*="vijesti"] {
  background: var(--sh-ink-soft) !important;
  color: var(--sh-white) !important;
}

/* Tech — plava */
a.td-post-category[href*="tehnologija"],
a.td-post-category[href*="tech"] {
  background: #1a3a8f !important;
  color: var(--sh-white) !important;
}

/* ============================================================
   8. CARD / MODULE STILOVI (blokovi vijesti)
   ============================================================ */

/* Kartice vijesti */
.td_module_mx1,
.td_module_mx2,
.td_module_mx3,
.td_module_mx4,
.td_module_mx5,
.td_module_mx6,
.td_module_mx8,
.td_module_mx10,
.td_module_1,
.td_module_2,
.td_module_3,
.td_module_4,
.td_module_5,
.td_module_6,
.td_module_7,
.td_module_8,
.td_module_9,
.td_module_10,
.td_module_11,
.td_module_16,
.td-block-span12 {
  border-radius: 3px !important;
  overflow: hidden !important;
  transition: box-shadow 0.25s, transform 0.25s !important;
  background: var(--sh-white) !important;
}

.td_module_mx1:hover,
.td_module_1:hover,
.td_module_3:hover,
.td_module_16:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-3px) !important;
}

/* Naslovi modula */
.td-module-title a,
.entry-title a {
  font-family: 'Playfair Display', serif !important;
  font-weight: 700 !important;
  color: var(--sh-ink) !important;
  line-height: 1.25 !important;
  transition: color 0.2s !important;
}

.td-module-title a:hover,
.entry-title a:hover {
  color: var(--sh-green) !important;
}

/* Meta info (datum, autor) */
.td-post-date .entry-date,
.td-module-meta-info .td-post-date,
.td-author-date .td-post-date {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  color: var(--sh-muted) !important;
  letter-spacing: 0.5px !important;
}

/* Excerpt */
.td-excerpt {
  font-family: 'Source Serif 4', serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: var(--sh-ink-soft) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* ============================================================
   9. BLOK NASLOVI (Section headers)
   ============================================================ */

.td-block-title-wrap .td-block-title,
.td-block-title > span,
.td-block-title > a > span {
  font-family: 'Playfair Display', serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  color: var(--sh-ink) !important;
  letter-spacing: -0.5px !important;
}

.td-block-title-wrap {
  border-bottom: 2px solid var(--sh-ink) !important;
  margin-bottom: 18px !important;
  padding-bottom: 10px !important;
}

/* Crta pored blok naslova */
.td-block-title-wrap .td-block-title:before {
  background: var(--sh-green) !important;
}

/* "Više vijesti" link */
.td-block-title-wrap .td-more-under,
.td-block-title-wrap a.td-all-url {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  color: var(--sh-green) !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.td-block-title-wrap a.td-all-url:hover {
  color: var(--sh-gold) !important;
}

/* ============================================================
   10. SIDEBAR
   ============================================================ */

.td-is-sticky .td-sidebar,
.td-sidebar {
  background: transparent !important;
}

/* Sidebar widgeti */
.td-sidebar .td-block-title-wrap {
  background: var(--sh-green-dark) !important;
  padding: 10px 16px !important;
  border-radius: 3px 3px 0 0 !important;
  border-bottom: 2px solid var(--sh-gold) !important;
}

.td-sidebar .td-block-title-wrap .td-block-title > * {
  color: var(--sh-gold-light) !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  font-family: 'JetBrains Mono', monospace !important;
  text-transform: uppercase !important;
}

/* Widget body */
.td-sidebar .td-block-inner {
  background: var(--sh-white) !important;
  border: 1px solid var(--sh-border) !important;
  border-top: none !important;
  padding: 14px !important;
  border-radius: 0 0 3px 3px !important;
}

/* Trending / popular lista */
.td-sidebar .td-smart-list-pod .td-module-title a,
.td-sidebar .td_module_wrap .td-module-title a {
  font-family: 'Playfair Display', serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--sh-ink) !important;
  line-height: 1.35 !important;
}

.td-sidebar .td_module_wrap .td-module-title a:hover {
  color: var(--sh-green) !important;
}

/* Numeracija */
.td-sidebar .td-count {
  font-family: 'Playfair Display', serif !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  color: var(--sh-border) !important;
  line-height: 1 !important;
}

/* ============================================================
   11. THUMBNAIL / SLIKA
   ============================================================ */

.td-image-wrap {
  overflow: hidden !important;
  border-radius: 3px !important;
}

.td-image-wrap img,
.td-module-thumb img {
  transition: transform 0.4s ease !important;
}

.td_module_wrap:hover .td-image-wrap img,
.td_module_mx1:hover .td-image-wrap img {
  transform: scale(1.05) !important;
}

/* Play dugme na video vijestima */
.td-video-play-ico {
  background: var(--sh-green) !important;
  border-radius: 50% !important;
}

/* ============================================================
   12. SINGLE POST (stranica vijesti)
   ============================================================ */

.td-post-title .entry-title {
  font-family: 'Playfair Display', serif !important;
  font-size: 36px !important;
  font-weight: 900 !important;
  color: var(--sh-ink) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.5px !important;
}

.td-post-title .td-post-date {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  color: var(--sh-muted) !important;
}

.td-post-title .td-post-author-name a {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  color: var(--sh-green) !important;
  letter-spacing: 0.5px !important;
}

/* Tekst članka */
.td-post-content,
.td-pb-span8 .td-post-content {
  font-family: 'Source Serif 4', serif !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: var(--sh-ink-soft) !important;
}

.td-post-content p {
  margin-bottom: 1.4em !important;
}

.td-post-content h2,
.td-post-content h3 {
  font-family: 'Playfair Display', serif !important;
  color: var(--sh-ink) !important;
  margin-top: 1.8em !important;
  margin-bottom: 0.6em !important;
}

/* Quote blok */
.td-post-content blockquote {
  border-left: 4px solid var(--sh-green) !important;
  background: var(--sh-cream) !important;
  padding: 16px 24px !important;
  margin: 24px 0 !important;
  border-radius: 0 4px 4px 0 !important;
}

.td-post-content blockquote p {
  font-style: italic !important;
  color: var(--sh-ink) !important;
  font-size: 18px !important;
}

/* ============================================================
   13. SHARE DUGMAD
   ============================================================ */

.td-post-sharing a {
  transition: transform 0.2s, opacity 0.2s !important;
}

.td-post-sharing a:hover {
  transform: scale(1.08) !important;
  opacity: 0.9 !important;
}

/* Facebook */
.td-post-sharing .td-btn-sharing.td-sharing-twitter {
  background: var(--sh-green) !important;
}

/* ============================================================
   14. PAGINACIJA
   ============================================================ */

.page-nav .td-pb-pagination .current,
.td-pb-pagination .current {
  background: var(--sh-green) !important;
  border-color: var(--sh-green) !important;
  color: var(--sh-white) !important;
}

.page-nav .td-pb-pagination a:hover,
.td-pb-pagination a:hover {
  background: var(--sh-green-light) !important;
  border-color: var(--sh-green-light) !important;
  color: var(--sh-white) !important;
}

.page-nav .td-pb-pagination a,
.td-pb-pagination a {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 12px !important;
  color: var(--sh-ink) !important;
  border: 1px solid var(--sh-border) !important;
  border-radius: 3px !important;
  transition: all 0.2s !important;
}

/* ============================================================
   15. FOOTER
   ============================================================ */

.td-footer-wrapper {
  background: var(--sh-ink) !important;
  border-top: 3px solid var(--sh-green) !important;
}

.td-footer-wrapper .td-block-title-wrap .td-block-title > * {
  color: var(--sh-gold-light) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.td-footer-wrapper .widget_text p,
.td-footer-wrapper .widget_text,
.td-footer-wrapper .textwidget {
  color: rgba(255, 255, 255, 0.65) !important;
  font-family: 'Source Serif 4', serif !important;
  font-size: 13.5px !important;
  line-height: 1.7 !important;
}

.td-footer-wrapper .td-module-title a {
  color: rgba(255, 255, 255, 0.8) !important;
  font-family: 'Source Serif 4', serif !important;
  font-size: 14px !important;
}

.td-footer-wrapper .td-module-title a:hover {
  color: var(--sh-gold-light) !important;
}

.td-footer-wrapper .widget_nav_menu a {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 13.5px !important;
  border-left: 2px solid transparent !important;
  padding-left: 8px !important;
  transition: all 0.2s !important;
  display: block !important;
  margin-bottom: 6px !important;
}

.td-footer-wrapper .widget_nav_menu a:hover {
  color: var(--sh-gold-light) !important;
  border-left-color: var(--sh-gold) !important;
  padding-left: 12px !important;
}

/* Sub-footer */
.td-sub-footer-container {
  background: var(--sh-green-dark) !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}

.td-sub-footer-container .td-sub-footer-copy,
.td-sub-footer-container a {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  color: rgba(255, 255, 255, 0.35) !important;
  letter-spacing: 0.5px !important;
}

.td-sub-footer-container a:hover {
  color: var(--sh-gold-light) !important;
}

/* ============================================================
   16. MOBILNI PRIKAZ
   ============================================================ */

@media (max-width: 767px) {

  /* Mobilni header */
  .td-header-style-19 .td-header-logo-wrap img {
    max-height: 50px !important;
  }

  /* Hamburger boja */
  .td-menu-btn .td-icon-menu,
  .td-mobile-btn .td-icon-menu {
    color: var(--sh-green) !important;
    font-size: 22px !important;
  }

  /* Mobilni meni panel */
  #td-mobile-nav {
    background: var(--sh-ink) !important;
  }

  #td-mobile-nav .sf-menu a {
    color: rgba(255, 255, 255, 0.85) !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    padding: 14px 18px !important;
  }

  #td-mobile-nav .sf-menu a:hover {
    color: var(--sh-gold-light) !important;
    background: rgba(255,255,255,0.04) !important;
  }

  #td-mobile-nav .sf-menu .current-menu-item > a {
    color: var(--sh-gold) !important;
    border-left: 3px solid var(--sh-green) !important;
  }

  /* Top bar sakrij na mobilnom */
  .td-top-bar-wrapper {
    display: none !important;
  }

  /* Post naslov na mobilnom */
  .td-post-title .entry-title {
    font-size: 26px !important;
  }

  /* Tekst članka na mobilnom */
  .td-post-content {
    font-size: 16px !important;
    line-height: 1.75 !important;
  }

  /* Sidebar na mobilnom — puna širina */
  .td-pb-span4.td-main-sidebar {
    width: 100% !important;
    padding-left: 0 !important;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  .sf-menu > li > a {
    padding: 16px 10px !important;
    font-size: 10.5px !important;
    letter-spacing: 1px !important;
  }
}

/* ============================================================
   17. LOAD MORE DUGME
   ============================================================ */

.td-load-more-wrap .td-load-more-button,
.td-next-prev-wrap a.page-nav-btn {
  background: var(--sh-green) !important;
  color: var(--sh-white) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 3px !important;
  padding: 12px 28px !important;
  transition: background 0.2s !important;
}

.td-load-more-wrap .td-load-more-button:hover,
.td-next-prev-wrap a.page-nav-btn:hover {
  background: var(--sh-green-light) !important;
}

/* ============================================================
   18. SCROLL-TO-TOP DUGME
   ============================================================ */

#td-scroll-top {
  background: var(--sh-green) !important;
  border-radius: 3px !important;
}

#td-scroll-top:hover {
  background: var(--sh-gold) !important;
}

/* ============================================================
   19. PRELOADER
   ============================================================ */

.td-page-loading #td-outer-wrap:before {
  border-top-color: var(--sh-green) !important;
}

/* ============================================================
   20. FORMA ZA KOMENTARE
   ============================================================ */

#commentform .submit,
.td-post-comments .submit {
  background: var(--sh-green) !important;
  color: var(--sh-white) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 3px !important;
  padding: 12px 28px !important;
  transition: background 0.2s !important;
  cursor: pointer !important;
}

#commentform .submit:hover {
  background: var(--sh-green-light) !important;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea {
  border: 1.5px solid var(--sh-border) !important;
  border-radius: 3px !important;
  font-family: 'Source Serif 4', serif !important;
  font-size: 15px !important;
  color: var(--sh-ink) !important;
  padding: 10px 14px !important;
  transition: border-color 0.2s !important;
}

#commentform input[type="text"]:focus,
#commentform input[type="email"]:focus,
#commentform textarea:focus {
  border-color: var(--sh-green) !important;
  outline: none !important;
}

/* ============================================================
   PATCH v1.1 — Naslovna, Kategorije, Sidebar,
   Mobilni, Breaking ticker, Fontovi
   ============================================================ */

/* ============================================================
   A. FONTOVI — body, meta, excerpts
   ============================================================ */

/* Body font globalno */
body,
p,
li,
td,
th,
input,
textarea,
select,
button {
  font-family: 'Source Serif 4', Georgia, serif !important;
}

/* Svi naslovi */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', Georgia, serif !important;
  letter-spacing: -0.3px !important;
}

/* Naslovi modula na naslovnoj */
.td-module-title,
.td-module-title a,
.td-block-span12 .td-module-title,
.td_module_mx1 .td-module-title,
.td_module_mx4 .td-module-title,
.td_module_mx6 .td-module-title,
.td_module_mx10 .td-module-title,
.td_module_16 .td-module-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

/* Excerpt tekst */
.td-excerpt,
.td-post-text,
.td_module_mx1 .td-excerpt,
.td_module_16 .td-excerpt {
  font-family: 'Source Serif 4', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: var(--sh-ink-soft) !important;
}

/* Meta info — datum, autor */
.td-post-date,
.td-post-author-name,
.td-module-meta-info,
.td-editor-date,
.entry-date,
.td-author {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.5px !important;
  color: var(--sh-muted) !important;
  text-transform: uppercase !important;
}

/* Autor link */
.td-post-author-name a,
.td-module-meta-info .td-post-author-name a {
  color: var(--sh-green) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
}

/* Pretraga input */
.td-search-input,
input[type="search"],
input[type="text"],
input[type="email"] {
  font-family: 'Source Serif 4', Georgia, serif !important;
}

/* ============================================================
   B. BREAKING NEWS TICKER — kompletan redesign
   ============================================================ */

/* Wrapper */
.td-breaking-news-wrap {
  background: var(--sh-white) !important;
  border-top: none !important;
  border-bottom: 2px solid var(--sh-border) !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  min-height: 38px !important;
}

/* Label "UŽIVO" */
.td-breaking-news-label {
  background: var(--sh-breaking) !important;
  color: var(--sh-white) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  position: relative !important;
}

/* Animirana tačka pored "UŽIVO" */
.td-breaking-news-label::before {
  content: '●' !important;
  color: var(--sh-white) !important;
  font-size: 8px !important;
  margin-right: 7px !important;
  animation: sh-blink 1.2s ease-in-out infinite !important;
}

@keyframes sh-blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.2; }
}

/* Ticker tekst */
.td-breaking-news-title {
  display: flex !important;
  align-items: center !important;
  padding: 0 16px !important;
  flex: 1 !important;
  overflow: hidden !important;
}

.td-breaking-news-title a,
.td-breaking-news-title span {
  font-family: 'Source Serif 4', Georgia, serif !important;
  font-size: 13px !important;
  font-style: italic !important;
  color: var(--sh-ink) !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  transition: color 0.2s !important;
}

.td-breaking-news-title a:hover {
  color: var(--sh-green) !important;
}

/* Strelice na tickeru */
.td-breaking-news-button {
  background: var(--sh-green-dark) !important;
  color: var(--sh-white) !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
  flex-shrink: 0 !important;
}

.td-breaking-news-button:hover {
  background: var(--sh-green) !important;
}

.td-breaking-news-button .td-icon-font {
  color: var(--sh-white) !important;
  font-size: 12px !important;
}

/* ============================================================
   C. NASLOVNA STRANA — layout blokova
   ============================================================ */

/* Osnova stranice */
.td-main-content-wrap,
.td-container-wrap {
  background: var(--sh-cream) !important;
}

/* Razmak između redova blokova */
.td-pb-row {
  margin-bottom: 32px !important;
}

/* Svaki blok (td_block_*) */
.td-block-row .td-block-span4,
.td-block-row .td-block-span8,
.td-block-row .td-block-span12 {
  padding: 0 12px !important;
}

/* Kartice vijesti — bijela pozadina, sjena na hover */
.td_module_wrap {
  background: var(--sh-white) !important;
  border-radius: 4px !important;
  margin-bottom: 18px !important;
  overflow: hidden !important;
  transition: box-shadow 0.25s ease, transform 0.25s ease !important;
  border: 1px solid var(--sh-border) !important;
}

.td_module_wrap:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.09) !important;
  transform: translateY(-3px) !important;
  border-color: transparent !important;
}

/* Padding unutar kartice */
.td_module_wrap .td-module-meta-info,
.td_module_wrap .td-module-title,
.td_module_wrap .td-excerpt {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.td_module_wrap .td-module-meta-info {
  padding-bottom: 14px !important;
  padding-top: 4px !important;
}

/* Velika featured kartica (hero blok) */
.td_block_big_grid_fl_1 .td_module_mx1 .td-module-title,
.td-block-span12 .td-big-grid-post .td-module-title {
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

/* Srednje kartice */
.td_module_mx4 .td-module-title,
.td_module_mx6 .td-module-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

/* Male kartice u listi */
.td_module_mx10 .td-module-title,
.td_module_16 .td-module-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

/* Separator između blokova */
.td-pb-row + .td-pb-row {
  border-top: 1px solid var(--sh-border) !important;
  padding-top: 28px !important;
}

/* Thumbnail aspect ratio */
.td-image-wrap {
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  display: block !important;
  background: var(--sh-border) !important;
}

.td-image-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.td_module_wrap:hover .td-image-wrap img {
  transform: scale(1.06) !important;
}

/* Brojač komentara */
.td-module-comments {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  color: var(--sh-muted) !important;
}

.td-module-comments a {
  color: var(--sh-muted) !important;
}

.td-module-comments a:hover {
  color: var(--sh-green) !important;
}

/* ============================================================
   D. BOJE KATEGORIJA — kompletni set
   ============================================================ */

/* Reset — sve kategorije */
.td-post-category,
a.td-post-category {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 2px !important;
  display: inline-block !important;
  margin-bottom: 8px !important;
  line-height: 1 !important;
  transition: opacity 0.2s !important;
}

.td-post-category:hover,
a.td-post-category:hover {
  opacity: 0.85 !important;
  color: inherit !important;
}

/* SANDŽAK — zelena */
a.td-post-category[href*="sandzak"],
a.td-post-category[href*="vjesti-iz-sandzaka"],
a.td-post-category[href*="sandžak"] {
  background-color: var(--sh-green) !important;
  color: #ffffff !important;
}

/* HRONIKA — crvena */
a.td-post-category[href*="hronika"],
a.td-post-category[href*="crna-hronika"] {
  background-color: var(--sh-red) !important;
  color: #ffffff !important;
}

/* SPORT — tamno zelena */
a.td-post-category[href*="/sport"] {
  background-color: var(--sh-green-dark) !important;
  color: #ffffff !important;
}

/* VIJESTI — siva */
a.td-post-category[href*="/vijesti"] {
  background-color: var(--sh-ink-soft) !important;
  color: #ffffff !important;
}

/* SVET — plavo-siva */
a.td-post-category[href*="/svet"] {
  background-color: #2c5282 !important;
  color: #ffffff !important;
}

/* FEATURED — zlatna */
a.td-post-category[href*="featured"] {
  background-color: var(--sh-gold) !important;
  color: var(--sh-ink) !important;
}

/* ZABAVA — ljubičasta */
a.td-post-category[href*="zabava"] {
  background-color: #6b46c1 !important;
  color: #ffffff !important;
}

/* TECH / MOBILE — tamno plava */
a.td-post-category[href*="tehnologija"],
a.td-post-category[href*="mobile"],
a.td-post-category[href*="tech"] {
  background-color: #1a365d !important;
  color: #ffffff !important;
}

/* ============================================================
   E. SIDEBAR — kompletni redesign
   ============================================================ */

/* Sidebar wrapper */
.td-is-sticky .td-sticky-col,
.td-pb-span4.td-main-sidebar {
  background: transparent !important;
}

/* Svaki widget */
.td-main-sidebar .td_block_wrap {
  background: var(--sh-white) !important;
  border: 1px solid var(--sh-border) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  margin-bottom: 28px !important;
}

/* Widget header */
.td-main-sidebar .td-block-title-wrap {
  background: var(--sh-green-dark) !important;
  border-bottom: 2px solid var(--sh-gold) !important;
  border-radius: 0 !important;
  padding: 11px 16px !important;
  margin-bottom: 0 !important;
}

.td-main-sidebar .td-block-title-wrap .td-block-title,
.td-main-sidebar .td-block-title-wrap .td-block-title > *,
.td-main-sidebar .td-block-title-wrap .td-block-title a,
.td-main-sidebar .td-block-title-wrap .td-block-title span {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: var(--sh-gold-light) !important;
}

/* Widget tijelo */
.td-main-sidebar .td-block-inner {
  padding: 16px !important;
}

/* Sidebar kartice */
.td-main-sidebar .td_module_wrap {
  border: none !important;
  border-bottom: 1px solid var(--sh-border) !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  padding: 12px 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
}

.td-main-sidebar .td_module_wrap:hover {
  box-shadow: none !important;
  transform: none !important;
  background: transparent !important;
}

.td-main-sidebar .td_module_wrap:last-child {
  border-bottom: none !important;
}

/* Sidebar thumbnail */
.td-main-sidebar .td-image-wrap {
  width: 80px !important;
  min-width: 80px !important;
  height: 60px !important;
  aspect-ratio: unset !important;
  border-radius: 3px !important;
  flex-shrink: 0 !important;
}

/* Sidebar naslovi */
.td-main-sidebar .td-module-title {
  padding: 0 !important;
  margin-bottom: 4px !important;
}

.td-main-sidebar .td-module-title a {
  font-family: 'Playfair Display', serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--sh-ink) !important;
  line-height: 1.3 !important;
}

.td-main-sidebar .td-module-title a:hover {
  color: var(--sh-green) !important;
}

/* Sidebar meta info */
.td-main-sidebar .td-module-meta-info {
  padding: 0 !important;
}

.td-main-sidebar .td-post-date {
  font-size: 9px !important;
}

/* Trending numeracija */
.td-main-sidebar .td-smart-list-pod,
.td-main-sidebar .td-count {
  font-family: 'Playfair Display', serif !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  color: var(--sh-border) !important;
  line-height: 1 !important;
  min-width: 36px !important;
  transition: color 0.2s !important;
}

.td-main-sidebar .td_module_wrap:hover .td-count {
  color: var(--sh-green-light) !important;
}

/* ============================================================
   F. MOBILNI PRIKAZ — kompletni
   ============================================================ */

@media (max-width: 767px) {

  /* Body */
  body {
    background: var(--sh-white) !important;
  }

  /* Sakrij top bar */
  .td-top-bar-wrapper {
    display: none !important;
  }

  /* Header na mobilnom */
  .td-header-wrap {
    border-bottom: 2px solid var(--sh-green) !important;
  }

  /* Logo na mobilnom */
  .td-header-style-19 .td-header-logo-wrap img {
    max-height: 44px !important;
    width: auto !important;
  }

  /* Hamburger */
  .td-menu-btn,
  .td-mobile-btn {
    color: var(--sh-green) !important;
  }

  /* Mobilni meni panel */
  #td-mobile-nav,
  .td-mobile-nav {
    background: var(--sh-ink) !important;
  }

  #td-mobile-nav .sf-menu > li > a,
  .td-mobile-nav .sf-menu > li > a {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.82) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 15px 20px !important;
  }

  #td-mobile-nav .sf-menu > li > a:hover {
    color: var(--sh-gold-light) !important;
    background: rgba(255, 255, 255, 0.04) !important;
  }

  #td-mobile-nav .sf-menu .current-menu-item > a,
  .td-mobile-nav .current-menu-item > a {
    color: var(--sh-gold) !important;
    border-left: 3px solid var(--sh-green) !important;
    padding-left: 17px !important;
  }

  /* Podmeni na mobilnom */
  #td-mobile-nav .sub-menu li a {
    font-size: 10px !important;
    color: rgba(255, 255, 255, 0.55) !important;
    padding: 11px 20px 11px 32px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    letter-spacing: 1px !important;
  }

  #td-mobile-nav .sub-menu li a:hover {
    color: var(--sh-gold-light) !important;
  }

  /* Breaking news na mobilnom */
  .td-breaking-news-wrap {
    min-height: 34px !important;
  }

  .td-breaking-news-label {
    font-size: 8px !important;
    padding: 0 12px !important;
    letter-spacing: 1.5px !important;
  }

  .td-breaking-news-title a {
    font-size: 12px !important;
  }

  /* Blokovi na mobilnom — full width */
  .td-pb-row .td-block-span4,
  .td-pb-row .td-block-span8,
  .td-pb-row .td-block-span6,
  .td-pb-row .td-block-span3 {
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
  }

  /* Kartice na mobilnom */
  .td_module_wrap {
    margin-bottom: 12px !important;
    border-radius: 3px !important;
  }

  .td_module_wrap .td-module-title {
    padding: 10px 12px 4px !important;
  }

  .td-module-title a {
    font-size: 16px !important;
  }

  .td-excerpt {
    display: none !important;
  }

  /* Sidebar na mobilnom — puna širina */
  .td-pb-span4.td-main-sidebar {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin-top: 24px !important;
  }

  /* Blok naslovi na mobilnom */
  .td-block-title-wrap .td-block-title > * {
    font-size: 17px !important;
  }

  /* Footer na mobilnom */
  .td-footer-wrapper .td-pb-row .td-block-span3,
  .td-footer-wrapper .td-pb-row .td-block-span4 {
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 24px !important;
  }

  /* Scroll progress bar */
  #sh-progress-bar {
    height: 2px !important;
  }

  /* Paginacija na mobilnom */
  .td-pb-pagination a,
  .td-pb-pagination .current {
    width: 34px !important;
    height: 34px !important;
    line-height: 34px !important;
    font-size: 11px !important;
  }
}

/* Tablet */
@media (max-width: 1023px) and (min-width: 768px) {

  .td-pb-row .td-block-span4 {
    width: 50% !important;
  }

  .td-pb-row .td-block-span3 {
    width: 50% !important;
  }

  .td-module-title a {
    font-size: 15px !important;
  }

  .td-pb-span4.td-main-sidebar {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin-top: 28px !important;
  }
}