/* ================================
   YOUR COLOR OVERRIDES (GLOBAL)
   ================================ */
:root{
  --dn-bg: #0D1B2A;          /* glavni tamni background */
  --dn-surface: #182B3E;     /* kartice / inner container */
  --dn-accent: #00BFFF;      /* tvoj cyan */
  --dn-text: #FFFFFF;
  --dn-border: rgba(255,255,255,.10);
}

/* Mapiranje na theme varijable koje se koriste u kodu ispod */
body{
  --theme-color-red: var(--dn-accent) !important;        /* koristi se kao accent u ovom CSS-u */
  --inner-container-bk: var(--dn-surface) !important;
  --border-bottom-color: var(--dn-border) !important;
  --white-text: var(--dn-text) !important;
}

/* ================================
   ORIGINAL CSS (with your colors)
   ================================ */

.post, .page { margin-bottom: 0; }

/* SEARCH POPUP – style 2 */
.search-popup--style-two .site-header.layout--default .search-form-wrap{
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(13,27,42,.85); /* was #252424d9 */
  z-index: 10;
}

.search-popup--style-two .site-header.layout--default .search-form-wrap .search-form{
  margin-top: 50vh;
}

.search-popup--style-two input.search-field{
  background-color: transparent;
  border: none;
  border-bottom: 2px solid var(--theme-color-red);
  width: 40%;
  font-size: 25px;
  color: var(--dn-text);
}

.search-popup--style-two input.search-field:focus{
  border: none;
  outline: none;
  border-bottom: 3px solid var(--theme-color-red);
  color: var(--dn-text);
}

.search-popup--style-two input.search-field::placeholder{ color: var(--dn-text); }
.search-popup--style-two input.search-field:focus::placeholder{
  color: var(--dn-text);
  font-size: 28px;
}

.search-popup--style-two .search_close_btn{
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 37px;
  z-index: 999;
  color: var(--theme-color-red);
}

.search-popup--style-two .search_close_btn:hover{ cursor: pointer; }

.search-popup--style-two .search-submit{
  display: block;
  text-align: center;
  margin: 10px auto 0;
}

/* close btn visibility logic */
body.search-popup--style-one .search_close_btn,
.search_close_btn{ display: none; }

.bodynoscroll .search_close_btn{
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
}

/* SEARCH POPUP – style 3 */
.search-popup--style-three .site-header.layout--default .search-form-wrap{
  position: fixed;
  left: 0;
  width: 100%;
  padding: 80px 0;
  top: 0;
  border-top: none;
  box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%);
  z-index: 1;
  background: rgba(13,27,42,.92); /* give it your dark bg */
}

.search-popup--style-three.logged-in .site-header.layout--default .search-form-wrap{ top: 32px; }

.search-popup--style-three .site-header.layout--default .search-form-wrap form{
  width: 60%;
  margin: 0 auto;
  display: flex;
}

.search-form-wrap form label{
  width: 100%;
  margin-right: 10px;
}

.search-popup--style-three .site-header.layout--default .search-form-wrap .search-field{
  width: 100%;
  height: 46px;
}

.digital_newspaper_dark_mode.search-popup--style-three .search-field{
  background: #101b2d; /* closer to your palette than #27272b */
  border-color: rgba(255,255,255,.12);
  color: var(--dn-text);
}

.search-popup--style-three .site-header.layout--default .search-submit{
  padding-bottom: 10px;
  text-transform: uppercase;
  padding: 15px 40px;
}

.search-popup--style-three input.search-field:focus::placeholder,
.search-popup--style-three input.search-field{
  font-size: 20px;
  outline: none;
  color: var(--dn-text);
}

.search-popup--style-three .site-header.layout--default .search-wrap{ position: initial; }

.search-popup--style-three .search_close_btn{
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 2;
}

body.search-popup--style-three.logged-in .site-header.layout--two .search_close_btn,
body.search-popup--style-three.logged-in .site-header.layout--three .search_close_btn{ top: 52px; }

.search-popup--style-three .search_close_btn:hover{ cursor: pointer; }

.search-popup--style-three .search_close_btn i{
  color: #fff;
  z-index: 99999;
  background-color: var(--theme-color-red);
  padding: 10px 15px 9px;
  border-radius: 2px;
  display: block;
  font-size: 0.86rem;
}

@media(max-width: 769px){
  .search-popup--style-three .site-header.layout--default .search-form-wrap{ padding: 50px 0 20px; }
  .search-popup--style-three.admin-bar .search-form-wrap{ margin-top: 46px; }

  body.search-popup--style-three .site-header.layout--two .search_close_btn,
  body.search-popup--style-three .site-header.layout--three .search_close_btn{
    right: 20px;
    top: 9px;
  }

  .search-popup--style-three .site-header.layout--default .search-submit{ padding: 10px 40px; }
}

/* Hover effect (kept) */
body.digital-newspaper-post-blocks-hover--effect-one .row .news-carousel-post-wrap > div .blaze_box_wrap:hover{
  box-shadow: -2px 6px 15px 0 rgb(53 52 52 / 7%);
  -webkit-box-shadow: -2px 6px 15px 0 rgb(53 52 52 / 7%);
  -moz-box-shadow: -2px 6px 15px 0 rgba(53,52,52,0.85);
  transform: translateY(-2px);
}

footer .widget .opinions-items-wrap.column--one .blaze_box_wrap{ background-color: transparent; }
footer .opinions-items-wrap .opinion-item{ background-color: transparent; }

/* Additional */
.dark_bk .widget.widget_block:has(div.wp-block-spacer),
.dark_bk .widget.widget_block:has(hr.wp-block-separator){
  background-color: transparent;
}

.single #theme-content, .archive #theme-content{ padding-bottom: 20px; }
.site-info.blaze_copyright_align_center{ text-align: center; }

/* Live search */
.search-form-wrap .search-posts-wrap{
  max-height: 600px;
  overflow-y: scroll;
  padding-right: 8px;
}

.search-form-wrap .search-posts-wrap::-webkit-scrollbar{ width: 4px; }
.search-form-wrap .search-posts-wrap::-webkit-scrollbar-thumb{
  background-color: var(--theme-color-red);
  border-radius: 20px;
}

.search-results-wrap{ padding: 15px 3px 0; }

.search-results-wrap .article-item{
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--border-bottom-color);
}

.search-results-wrap .article-item:last-child{
  border-bottom: none;
  padding-bottom: 0;
}

.search-results-wrap .article-item .post-thumb-wrap{
  flex: 0 1 20%;
  margin-right: 15px;
}

.search-results-wrap .article-item .post-thumb-wrap img{ display: block; }

.search-results-wrap .article-item .post-element{ flex: 0 1 80%; }

.search-results-wrap .article-item .post-element .post-title{
  margin: 0 0 6px;
  line-height: 22px;
  font-size: calc(var(--post-title-size) * 0.68);
  color: var(--dn-text);
}

.search-results-wrap .article-item .post-element .post-date a{ text-decoration: none; }

.search-results-wrap .article-item .post-element .post-date time{
  color: rgba(255,255,255,.72); /* your muted */
  font-size: calc(var(--meta-size)*0.93);
  font-family: var(--meta-family);
  font-weight: var(--meta-weight);
  text-transform: var(--meta-texttransform);
}

.search-results-wrap .view-all-search-button{
  padding: 8px 15px;
  width: 100%;
  display: block;
  background-color: var(--theme-color-red);
  color: var(--white-text);
  text-decoration: none;
  margin-top: 20px;
  border-radius: 2px;
  text-align: center;
  text-transform: capitalize;
  font-size: 0.96rem;
  letter-spacing: 0.3px;
}

.search-form.retrieving-posts label{ position: relative; }

.search-form.retrieving-posts label:before{
  content: '\f110';
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  display: inline-block;
  color: var(--dn-accent);
  background: rgba(13,27,42,.35); /* matches your palette */
  position: absolute;
  right: 5px;
  border-radius: 50%;
  top: 6px;
  font-size: 1.1rem;
  -webkit-animation: tie-spin 3s infinite linear;
  animation: tie-spin 3s infinite linear;
}

.search-popup--style-three .search-form.retrieving-posts label:before{
  top: 10px;
  right: 8px;
}

.search-popup--style-two .search-form.retrieving-posts label:before{
  background-color: transparent;
  color: var(--white-text);
  right: 35px;
}

@keyframes tie-spin{
  0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.search-popup--style-three .search-results-wrap{
  width: 57%;
  background-color: var(--inner-container-bk);
  margin: 0 auto;
  border: 1px solid var(--dn-border);
  border-radius: 12px;
}

.search-popup--style-three .search-results-wrap .post-thumb-wrap img{
  width: 85px;
  height: 70px;
  object-fit: cover;
}

.search-popup--style-three .search-results-wrap .article-item .post-thumb-wrap{ flex: 0 1 8%; }
.search-popup--style-three .search-results-wrap .article-item .post-element{ flex: 0 1 92%; }

/* live search no image */
.search-results-wrap .post-thumb-wrap.no-feat-img{ display: none; }

/* ================================
   HEADER & MENU – FINAL VERSION
   ================================ */

/* Glavni linkovi – bijeli tekst */
.top-header a,
.main-header a {
    color: #FFFFFF !important;
    background: none !important;
    text-decoration: none !important;
    animation: none !important;
}

/* Hover – cyan */
.top-header a:hover,
.main-header a:hover {
    color: #00BFFF !important;
}

/* Centriranje menija */
.top-header .menu,
.main-header .menu {
    display: flex !important;
    justify-content: center !important;
}

/* Razmak između kategorija */
.top-header .menu li,
.main-header .menu li {
    margin: 0 5px !important;
}

/* Dropdown pozadina */
.top-header .sub-menu,
.main-header .sub-menu {
    background-color: #0D1B2A !important;
}

/* Dropdown linkovi */
.top-header .sub-menu li a,
.main-header .sub-menu li a {
    color: #FFFFFF !important;
    background: none !important;
    text-decoration: none !important;
}

/* Hover dropdown linkova */
.top-header .sub-menu li a:hover,
.main-header .sub-menu li a:hover {
    color: #00BFFF !important;
    background-color: transparent !important;
}

/* ================================
   DROPDOWN STRELICA
   ================================ */

/* Default – bijela strelica */
.top-header .menu > li.menu-item-has-children > a::after,
.main-header .menu > li.menu-item-has-children > a::after {
    content: "▼";
    font-size: 0.7em;
    margin-left: 6px;
    color: #FFFFFF;
    transition: color 0.2s ease;
}

/* Hover – strelica postaje cyan */
.top-header .menu > li.menu-item-has-children:hover > a::after,
.main-header .menu > li.menu-item-has-children:hover > a::after {
    color: #00BFFF;
}

/* ================================
   UKLANJANJE NARANDŽASTIH EFEKATA
   ================================ */

/* Uklanja linije/animacije koje tema dodaje */
.top-header .menu li a::before,
.main-header .menu li a::before {
    display: none !important;
    content: none !important;
}

/* ================================
   FORCE THEME COLORS
   ================================ */

body {
    --digital-newspaper-global-preset-color-1: #0D1B2A !important;
    --digital-newspaper-global-preset-color-7: #00BFFF !important;
    --digital-newspaper-global-preset-gradient-color-1: linear-gradient(135deg, #0D1B2A 10%, #00BFFF 100%) !important;
    --digital-newspaper-global-preset-gradient-color-7: linear-gradient(135deg, #00BFFF 10%, #0D1B2A 100%) !important;
}

/* ================================
   FOOTER BORDER LINE
   ================================ */

.site-footer,
.site-footer::before,
.site-footer::after {
    border-top: 10px solid #0D1B2A !important;
    background-color: #0D1B2A !important;
}

/* ================================
   SIDEBAR WIDGETS
   ================================ */

.sidebar-widget {
    font-family: Roboto, sans-serif;
    color: #141416;
}

.sidebar-widget a:hover {
    color: #00BFFF;
}

/* ================================
   MOBILE / RESPONSIVE MENU
   ================================ */

/* Sakrij placeholder ako postoji */
.mobile-menu-placeholder {
    display: none !important;
}

/* Mobilna verzija */
@media (max-width: 768px) {
    /* Sakrij desktop meni */
    .main-header .menu,
    .top-header .menu {
        display: none !important;
    }

    /* Pokaži hamburger menu */
    .mobile-menu,
    .responsive-menu-toggle,
    .rsm-menu {
        display: block !important;
    }

    /* Logo prilagodba */
    .site-logo img {
        max-width: 150px !important; /* smanji po potrebi */
        height: auto !important;
    }
}

/* Desktop – sakrij hamburger menu */
@media (min-width: 769px) {
    .mobile-menu,
    .responsive-menu-toggle,
    .rsm-menu {
        display: none !important;
    }
}
@media (max-width: 1024px) { /* tablet */
    img {
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 768px) { /* mobitel */
    img {
        max-width: 100%;
        height: auto;
    }
}

/* ================================
   MAIN BANNER – MOBILE FONT SIZE
   ================================ */

@media (max-width: 768px) {

    /* Glavni naslov u banneru */
    .featured-title,
    .banner-title,
    .slider-title,
    .post-title,
    .entry-title {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }

    /* Podnaslov / excerpt ako postoji */
    .banner-excerpt,
    .entry-summary,
    .post-excerpt {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}
/* ================================
   GLOBAL RESPONSIVE IMAGES
   ================================ */

img {
    max-width: 100%;
    height: auto;
    display: block;
}
@media (max-width: 768px) {

    .banner img,
    .featured-image img,
    .slider img {
        max-height: 240px;
        object-fit: cover;
        width: 100%;
    }
}
@media (max-width: 768px) {

    .post-thumbnail img,
    .entry-thumbnail img,
    .news-card img {
        max-height: 180px;
        object-fit: cover;
    }
}
@media (max-width: 768px) {

    .sidebar img {
        max-height: 120px;
        object-fit: cover;
    }
}
.author_name,
.entry-date,
.posted-on,
.post-date,
.entry-meta,
.post-meta {
    display: none !important;
}

/* ====== YOUR COLORS (edit) ====== */
.bn-goal{
  --bn-bg: #0D1B2A;        /* background sekcije */
  --bn-card: #182B3E;      /* background kartice */
  --bn-text: #ffffff;      /* glavni tekst */
  --bn-muted: rgba(255,255,255,.72);
  --bn-line: rgba(255,255,255,.10);
  --bn-accent: #ff3b30;    /* accent (Full story) */

  background: var(--bn-bg);
  padding: 26px 0 26px;
	border-radius: 20px; 
}

/* container */
.bn-goal__inner{
  max-width: 2000px;
  margin: 0 auto;
  padding: 0 30px;
}

.bn-goal__title{
  color: var(--bn-text);
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .5px;
  font-size: 42px;
  margin: 0 0 18px;
}

/* ===== TOP: feature + side ===== */
.bn-goal__top{
  display:grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr);
  gap: 18px;
  align-items:start;
}

.bn-goal__side{
  display:flex;
  flex-direction:column;
  gap:18px;
}

/* ====== CARD base ====== */
.bn-card{
  background: var(--bn-card);
  border-radius: 20px;
  overflow:hidden;
}

.bn-card__link{
  display:block;
  text-decoration:none;
  color:inherit;
}

.bn-card__media img{
  width:100%;
  display:block;
  aspect-ratio: 16/9;
  object-fit: cover; /* GOAL look */
}

/* card body */
.bn-card__body{
  padding: 14px 14px 16px;
}

.bn-card__kicker{
  color: var(--bn-muted);
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 8px;
}

.bn-card__headline{
  color: var(--bn-text);
  margin: 0 0 10px;
  font-weight: 800;
  line-height: 1.15;
}

.bn-card__excerpt{
  color: var(--bn-muted);
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.45;
}

.bn-card__meta{
  display:flex;
  align-items:center;
  gap:10px;
  color: var(--bn-muted);
  font-size: 12px;
  font-weight: 700;
}

.bn-meta__sep{ opacity: .6; }
.bn-meta__cta{
  color: var(--bn-accent);
  margin-left:auto;
}

/* sizes */
.bn-card--feature .bn-card__headline{ font-size: 34px; }
.bn-card--side .bn-card__headline{ font-size: 18px; }
.bn-card--grid .bn-card__headline{ font-size: 18px; }

/* ====== GRID ====== */
.bn-goal__grid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* ====== AD block (full width in grid) ====== */
.bn-ad{
  grid-column: 1 / -1;
  margin: 6px 0;
  text-align:center;
}

.bn-ad__label{
  color: var(--bn-muted);
  font-size: 12px;
  margin: 10px 0 12px;
}

.bn-ad__box{
  height: 220px;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
}

/* --- Make type + spacing more reasonable overall --- */
.bn-card__body{ padding: 12px 12px 14px; }
.bn-card--feature .bn-card__headline{ font-size: 30px; }
.bn-goal__title{ font-size: 38px; }

/* --- Ad placeholder styling --- */
.bn-ad__box{
  height: auto;              /* umjesto fiksne visine */
  min-height: 180px;
  padding: 22px 16px;
}

.bn-ad__placeholder{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
}

.bn-ad__badge{
  color: var(--bn-muted);
  font-size: 12px;
  letter-spacing:.3px;
  text-transform: uppercase;
}

.bn-ad__logo img{
  max-width: 180px;
  width: 100%;
  height: auto;
  opacity: .95;
}

.bn-ad__site{
  color: var(--bn-text);
  font-weight: 800;
  font-size: 18px;
}

/* --- Mobile: fix "uzasan raspored" + huge fonts --- */
@media (max-width: 768px){

  .bn-goal{ padding: 18px 0 18px; }

  .bn-goal__title{
    font-size: 24px;
    margin-bottom: 14px;
  }

  .bn-goal__top{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  /* Side cards: 2 one below another (clean) */
  .bn-goal__side{
    gap: 14px;
  }

  /* Feature headline smaller + tighter */
  .bn-card--feature .bn-card__headline{ font-size: 22px; }
  .bn-card--side .bn-card__headline{ font-size: 16px; }
  .bn-card--grid .bn-card__headline{ font-size: 16px; }

  .bn-card__excerpt{
    font-size: 13px;
    line-height: 1.4;
  }

  .bn-card__meta{
    font-size: 11px;
  }

  /* Grid becomes 1 column on mobile */
  .bn-goal__grid{
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 14px;
  }

  /* Images slightly less tall on small screens */
  .bn-card__media img{
    aspect-ratio: 16/10;
  }

  /* Ad box fits nicely */
  .bn-ad__box{
    min-height: 150px;
    padding: 18px 14px;
  }
  .bn-ad__logo img{ max-width: 150px; }
}

/* Very small phones */
@media (max-width: 420px){
  .bn-card__body{ padding: 10px 10px 12px; }
  .bn-card--feature .bn-card__headline{ font-size: 20px; }
}

/* Mobile layout: hero full width, side cards 2-per-row */
@media (max-width: 768px){

  /* već je 1 kolona: feature gore, pa side wrapper ispod */
  .bn-goal__top{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* SIDE = grid 2 stupca */
  .bn-goal__side{
    display:grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  /* da kartice u side dijelu budu kompaktne */
  .bn-card--side .bn-card__body{
    padding: 10px 10px 12px;
  }
  .bn-card--side .bn-card__headline{
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 6px;
  }

  /* makni prevelike slike u side dijelu (opcionalno) */
  .bn-card--side .bn-card__media img{
    aspect-ratio: 16/10;
  }
}

/* na baš malim ekranima vrati u 1 stupac (da ne bude stisnuto) */
@media (max-width: 420px){
  .bn-goal__side{
    grid-template-columns: 1fr !important;
  }
}

/* ===== Mobile: ALL grids 2-per-row ===== */
@media (max-width: 768px){

  /* Top right side cards = 2 per row (već smo htjeli) */
  .bn-goal__side{
    display:grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  /* ALL content grids = 2 per row */
  .bn-goal__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  /* Ad block must span full width */
  .bn-ad{
    grid-column: 1 / -1 !important;
  }

  /* Make grid cards a bit more compact */
  .bn-card--grid .bn-card__body{
    padding: 10px 10px 12px;
  }
  .bn-card--grid .bn-card__headline{
    font-size: 15px;
    line-height: 1.2;
  }

  /* Slightly shorter images in grids */
  .bn-card--grid .bn-card__media img,
  .bn-card--side .bn-card__media img{
    aspect-ratio: 16/10;
  }
}

/* Very small phones: back to 1-per-row */
@media (max-width: 420px){

  .bn-goal__side{
    grid-template-columns: 1fr !important;
  }

  .bn-goal__grid{
    grid-template-columns: 1fr !important;
  }
}
/* FORCE: links in this banner must NOT look like links */
.bn-goal a,
.bn-goal a:link,
.bn-goal a:visited,
.bn-goal a:hover,
.bn-goal a:active,
.bn-goal a:focus{
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none !important;
}

/* In case theme underlines headlines specifically */
.bn-goal .bn-card__headline a,
.bn-goal .bn-card__headline a:hover{
  text-decoration: none !important;
}

/* If theme changes hover color globally */
.bn-goal a:hover{
  opacity: 1 !important;
  filter: none !important;
}

/* Optional: keep a subtle non-link hover feedback without underline */
.bn-goal .bn-card:hover{
  filter: brightness(1.03);
}
/* Kill any pseudo underline effects from theme */
.bn-goal a::after,
.bn-goal a::before{
  content: none !important;
  display: none !important;
}

/* Single post "card" look */
.dn-single-card .post-inner{
  background: #182B3E;
  border-radius: 16px;
  padding: 22px 18px;
  color: #ffffff;
}

/* Text inside */
.dn-single-card .post-inner,
.dn-single-card .post-inner p,
.dn-single-card .post-inner li,
.dn-single-card .post-inner span,
.dn-single-card .post-inner div{
  color: #ffffff;
}

/* Headings bold + white */
.dn-single-card .entry-title,
.dn-single-card .entry-content h1,
.dn-single-card .entry-content h2,
.dn-single-card .entry-content h3,
.dn-single-card .entry-content h4,
.dn-single-card .entry-content h5,
.dn-single-card .entry-content h6{
  color: #ffffff;
  font-weight: 900;
}

/* Links inside content (da ne budu plavi) */
.dn-single-card .post-inner a{
  color: #ffffff;
  text-decoration: none;
}
.dn-single-card .post-inner a:hover{
  text-decoration: underline;
}


/* Related: compact GRID */
.dn-related-tiles{
  margin-top: 18px;
  padding: 18px 18px 16px;
  border-radius: 16px;
  background: #182B3E;
  border: 1px solid rgba(255,255,255,.10);
}

.dn-related-tiles__title{
  margin: 0 0 12px;
  color: #fff;
  font-weight: 900;
  font-size: 20px;
}

/* GRID instead of horizontal row */
.dn-related-tiles__row{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* 3 u redu desktop */
  gap: 12px !important;
  overflow: visible !important;
  padding: 0 !important;
}

/* Make cards smaller + vertical */
.dn-related-tiles__item{
  width: auto !important;
  flex: none !important;
}

.dn-related-tiles__link{
  display:block;
  position:relative;
  border-radius: 14px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
}

/* Smaller, more vertical image */
.dn-related-tiles__media img,
.dn-related-tiles__fallback{
  width:100%;
  height: 190px;              /* vertikalnije i manje */
  object-fit: cover;
  display:block;
}

/* Title overlay (compact) */
.dn-related-tiles__overlay{
  position:absolute;
  left:0; right:0; bottom:0;
  padding: 10px 10px 10px;
  background: linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,0));
}

.dn-related-tiles__headline{
  margin:0;
  color:#fff;
  font-weight: 900;
  font-size: 14px;
  line-height: 1.2;
}

/* Responsive: tablet 2 columns, mobile 2 columns */
@media (max-width: 1024px){
  .dn-related-tiles__row{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .dn-related-tiles__media img,
  .dn-related-tiles__fallback{ height: 180px; }
}

@media (max-width: 520px){
  .dn-related-tiles__row{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .dn-related-tiles__media img,
  .dn-related-tiles__fallback{ height: 150px; }
}

.dn-relgrid__grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.dn-relgrid__link{
  display:block;
  position:relative;
  border-radius: 14px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
}

.dn-relgrid__img img,
.dn-relgrid__fallback{
  width:100%;
  height: 160px !important;   /* manje slike */
  object-fit: cover !important;
  display:block;
}

.dn-relgrid__fallback{
  background: rgba(255,255,255,.08);
}

.dn-relgrid__overlay{
  position:absolute;
  left:0; right:0; bottom:0;
  padding: 10px;
  background: linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,0));
}

.dn-relgrid__title{
  color:#fff;
  font-weight:900;
  font-size: 13px;
  line-height: 1.2;
  display:block;
}

@media (max-width: 1024px){
  .dn-relgrid__grid{ grid-template-columns: repeat(2, 1fr) !important; }
  .dn-relgrid__img img, .dn-relgrid__fallback{ height: 150px !important; }
}
@media (max-width: 520px){
  .dn-relgrid__img img, .dn-relgrid__fallback{ height: 130px !important; }
}

.single-post .dn-related-tiles__row{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.single-post .dn-related-tiles__media img,
.single-post .dn-related-tiles__fallback{
  height: 110px !important;
  width: 100% !important;
  object-fit: cover !important;
  display:block !important;
}

@media (max-width: 1024px){
  .single-post .dn-related-tiles__row{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 520px){
  .single-post .dn-related-tiles__row{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

	/* ===== FORCE GRID (desktop) ===== */
.single-post .dn-related-tiles{
  width: 100% !important;
}

.single-post .dn-related-tiles .dn-related-tiles__row{
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;

  /* kill any flex/list styling */
  overflow: visible !important;
  flex: none !important;
  flex-wrap: unset !important;
}

.single-post .dn-related-tiles .dn-related-tiles__item{
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  float: none !important;
  margin: 0 !important;
  display: block !important;
}

/* smaller images */
.single-post .dn-related-tiles .dn-related-tiles__media img,
.single-post .dn-related-tiles .dn-related-tiles__fallback{
  width: 100% !important;
  height: 110px !important;
  object-fit: cover !important;
  display: block !important;
}

/* responsive */
@media (max-width: 1024px){
  .single-post .dn-related-tiles .dn-related-tiles__row{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 520px){
  .single-post .dn-related-tiles .dn-related-tiles__row{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.single-post .entry-content + .dn-related-tiles .dn-related-tiles__row{
  display: grid !important;
}

/* ===== TRANSFER CENTRE (GOAL-like) ===== */
.bn-transfer{
  margin-top: 22px;
}

.bn-transfer__header{
  margin: 6px 0 12px;
}

.bn-transfer__title{
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .5px;
  font-size: 28px;
  margin: 0;
}

.bn-transfer__layout{
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.bn-transfer__side{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

/* mobile */
@media (max-width: 768px){
  .bn-transfer__layout{
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .bn-transfer__side{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}

@media (max-width: 420px){
  .bn-transfer__side{
    grid-template-columns: 1fr;
  }
}

/* ===== Transfer Centre: different background from Latest News ===== */
.bn-goal--transfer{
  background: #070B11 !important; /* tamna pozadina stranice */
  padding: 28px 0 !important;
  border-radius: 20px;
}

/* malo “separator” feel */
.bn-goal--transfer .bn-goal__inner{
  background: transparent !important;
}

/* opcionalno: lagani top border da se sekcija odvoji */
.bn-goal--transfer{
  border-top: 1px solid rgba(255,255,255,.06);
}

/* === SINGLE POST: do NOT crop featured image on mobile === */
@media (max-width: 768px){

  body.single-post .post-thumbnail img,
  body.single-post .entry-thumbnail img,
  body.single-post .featured-image img,
  body.single-post .post-thumb-wrap img,
  body.single-post .wp-block-post-featured-image img{
    max-height: none !important;
    height: auto !important;
    width: 100% !important;
    object-fit: contain !important;   /* ključno: nema rezanja */
    background: #0D1B2A !important;   /* da “letterbox” izgleda normalno */
    display: block !important;
  }

  /* ako parent reže (overflow hidden / fixed height), ovo to ubije */
  body.single-post .post-thumbnail,
  body.single-post .entry-thumbnail,
  body.single-post .featured-image,
  body.single-post .post-thumb-wrap,
  body.single-post .wp-block-post-featured-image{
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }
}

/* ===== TYPO OVERRIDES (GLOBAL) ===== */
:root{
  --post-title-family: "Jost", sans-serif;
  --content-family: "Inter", sans-serif;
  --meta-family: "Inter", sans-serif;
  --menu-family: "Inter", sans-serif;

  --post-title-weight: 800;
  --content-weight: 400;
  --meta-weight: 500;
  --menu-weight: 600;
}

/* safety overrides ako tema negdje hardcode-a */
h1,h2,h3,h4,h5,h6{ font-family: "Jost", sans-serif; font-weight: 800; }
body, p, li{ font-family: "Inter", sans-serif; font-weight: 400; }

/* ===============================
   RELATED NEWS – FINAL (single)
   Desktop: 4 cards
   Tablet: 2 cards
   Mobile: 2 cards (and ONLY 2 shown)
   =============================== */

.single-post .dn-related-tiles{
  padding: 26px 26px 22px !important;
}

.single-post .dn-related-tiles .dn-related-tiles__row{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  overflow: visible !important;
}

.single-post .dn-related-tiles .dn-related-tiles__media img,
.single-post .dn-related-tiles .dn-related-tiles__fallback{
  width: 100% !important;
  height: 170px !important;
  object-fit: cover !important;
  display: block !important;
}

.single-post .dn-related-tiles .dn-related-tiles__overlay{
  padding: 12px 12px 12px !important;
  background: linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,0)) !important;
}

.single-post .dn-related-tiles .dn-related-tiles__headline{
  font-size: 14px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.55) !important;
}

/* tablet */
@media (max-width: 1024px){
  .single-post .dn-related-tiles .dn-related-tiles__row{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* mobile: 2 u redu + prikazi samo 2 posta */
@media (max-width: 768px){
  .single-post .dn-related-tiles .dn-related-tiles__row{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  /* sakrij 3. i 4. karticu na mobitelu */
  .single-post .dn-related-tiles .dn-related-tiles__item:nth-child(n+3){
    display: none !important;
  }

  .single-post .dn-related-tiles .dn-related-tiles__media img,
  .single-post .dn-related-tiles .dn-related-tiles__fallback{
    height: 160px !important;
  }

  .single-post .dn-related-tiles .dn-related-tiles__headline{
    font-size: 13px !important;
  }
}

/* bas mali mobiteli: 1 u redu (da ne bude stisnuto) */
@media (max-width: 420px){
  .single-post .dn-related-tiles .dn-related-tiles__row{
    grid-template-columns: 1fr !important;
  }
}

/* ==============================
   SINGLE: BREADCRUMB (Home » ...)
   stavi na KRAJ add.css
   ============================== */

/* probamo uhvatit najčešće klase koje teme koriste */
.single-post .breadcrumbs,
.single-post .breadcrumb-trail,
.single-post .trail-items,
.single-post .trail-items li,
.single-post .dn-breadcrumb,
.single-post .breadcrumb-wrap,
.single-post nav.breadcrumb,
.single-post .breadcrumb {
  background: #182B3E !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
}

/* linkovi u breadcrumb */
.single-post .breadcrumbs a,
.single-post .breadcrumb-trail a,
.single-post nav.breadcrumb a,
.single-post .breadcrumb a{
  color: #fff !important;
  opacity: .9 !important;
  text-decoration: none !important;
}
.single-post .breadcrumbs a:hover,
.single-post .breadcrumb-trail a:hover,
.single-post nav.breadcrumb a:hover,
.single-post .breadcrumb a:hover{
  color: var(--dn-accent, #00BFFF) !important;
  opacity: 1 !important;
}

/* separatori (» / /) */
.single-post .breadcrumbs .sep,
.single-post .breadcrumb-trail .sep,
.single-post .breadcrumb .sep{
  color: rgba(255,255,255,.65) !important;
}


/* ==============================
   SINGLE: SIDEBAR (Search + Categories)
   ============================== */

.single-post #secondary .widget,
.single-post .sidebar .widget,
.single-post .widget-area .widget{
  background: #182B3E !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
}

/* naslovi widgeta (Search, Categories) */
.single-post #secondary .widget-title,
.single-post .widget-area .widget-title,
.single-post .widget-area h2,
.single-post .widget-area h3{
  color: #fff !important;
}

/* linkovi u widgetima */
.single-post #secondary .widget a,
.single-post .widget-area .widget a{
  color: #fff !important;
  opacity: .9 !important;
  text-decoration: none !important;
}
.single-post #secondary .widget a:hover,
.single-post .widget-area .widget a:hover{
  color: var(--dn-accent, #00BFFF) !important;
  opacity: 1 !important;
}

/* search input */
.single-post #secondary input[type="search"],
.single-post #secondary .search-field,
.single-post .widget-area input[type="search"],
.single-post .widget-area .search-field{
  background: #101b2d !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}
.single-post #secondary input[type="search"]::placeholder,
.single-post #secondary .search-field::placeholder{
  color: rgba(255,255,255,.65) !important;
}

/* search button */
.single-post #secondary button,
.single-post #secondary input[type="submit"],
.single-post #secondary .search-submit{
  background: var(--dn-accent, #00BFFF) !important;
  color: #fff !important;
  border: 0 !important;
}

/* ==============================
   SINGLE: BREADCRUMB FIX (FINAL)
   ============================== */

/* 1) Kill any white wrapper/band behind breadcrumb */
body.single-post .page-header,
body.single-post .page-header-wrap,
body.single-post .page-header .container,
body.single-post .page-header-wrap .container,
body.single-post .breadcrumbs,
body.single-post .breadcrumb-trail,
body.single-post .breadcrumb-wrap,
body.single-post .breadcrumb-area,
body.single-post .breadcrumbs-wrap,
body.single-post [class*="breadcrumb"]{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* kill pseudo backgrounds that themes often use */
body.single-post .page-header::before,
body.single-post .page-header::after,
body.single-post .page-header-wrap::before,
body.single-post .page-header-wrap::after,
body.single-post .breadcrumbs::before,
body.single-post .breadcrumbs::after,
body.single-post .breadcrumb-trail::before,
body.single-post .breadcrumb-trail::after,
body.single-post [class*="breadcrumb"]::before,
body.single-post [class*="breadcrumb"]::after{
  content: none !important;
  display: none !important;
  background: transparent !important;
}

/* 2) Style the REAL breadcrumb UL you sent (one single pill) */
body.single-post ul.trail-items{
  background: #0D1B2A !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;

  padding: 10px 14px !important;
  margin: 0 !important;

  list-style: none !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;              /* važnо: nema “space oko slova” */
  align-items: center !important;
}

/* 3) Remove any per-item padding/background so it's NOT “oko svake riječi” */
body.single-post ul.trail-items > li{
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* separator between items (so it's not HomeLaLiga) */
body.single-post ul.trail-items > li + li{
  margin-left: 10px !important;
  padding-left: 14px !important;
  position: relative !important;
}
body.single-post ul.trail-items > li + li::before{
  content: "›" !important;
  position: absolute !important;
  left: 0 !important;
  color: rgba(255,255,255,.70) !important;
}

/* 4) Force WHITE text (theme često preboja span) */
body.single-post ul.trail-items,
body.single-post ul.trail-items *{
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: none !important;
}
body.single-post ul.trail-items a:hover{
  color: #00BFFF !important;
}

/* ===== Breadcrumb: remove pills around EACH item, keep separators ===== */

/* makni sve background/padding/radius sa itema i linkova */
body.single-post ul.trail-items > li,
body.single-post ul.trail-items > li > a,
body.single-post ul.trail-items > li > a > span,
body.single-post ul.trail-items > li > span,
body.single-post ul.trail-items > li > span > span{
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ako tema dodaje "pill" preko pseudo elemenata */
body.single-post ul.trail-items > li > a::before,
body.single-post ul.trail-items > li > a::after,
body.single-post ul.trail-items > li > span::before,
body.single-post ul.trail-items > li > span::after{
  content: none !important;
  display: none !important;
}

/* (opcionalno) malo dotjeraj razmak između itema + separator */
body.single-post ul.trail-items > li + li{
  margin-left: 10px !important;
  padding-left: 14px !important;
  position: relative !important;
}
body.single-post ul.trail-items > li + li::before{
  content: "›" !important;
  position: absolute !important;
  left: 0 !important;
  color: rgba(255,255,255,.70) !important;
}

/* ===== SINGLE: bigger title on mobile ===== */
@media (max-width: 768px){
  body.single-post .dn-single-card .entry-title{
    font-size: 26px !important;   /* probaj 24–30 */
    line-height: 1.15 !important;
    letter-spacing: -0.2px;
  }
}

/* još manji mobiteli */
@media (max-width: 420px){
  body.single-post .dn-single-card .entry-title{
    font-size: 24px !important;
  }
}

/* ===== SINGLE: smaller content text on mobile ===== */
@media (max-width: 768px){

  /* glavni tekst članka */
  body.single-post .dn-single-card .entry-content,
  body.single-post .dn-single-card .entry-content p,
  body.single-post .dn-single-card .entry-content li{
    font-size: 15px !important;   /* probaj 14–16 */
    line-height: 1.55 !important;
  }

  /* malo manji razmaci između paragrafa */
  body.single-post .dn-single-card .entry-content p{
    margin: 0 0 12px !important;
  }
}

/* very small phones */
@media (max-width: 420px){
  body.single-post .dn-single-card .entry-content,
  body.single-post .dn-single-card .entry-content p,
  body.single-post .dn-single-card .entry-content li{
    font-size: 14px !important;
  }
}


/* ==============================
   ARCHIVE/CATEGORY: global background (all pages)
   ============================== */
html, body{
  background: #070B11 !important;
}
#page, .site, .site-content, .content-area, main{
  background: transparent !important;
}

/* ==============================
   ARCHIVE/CATEGORY: breadcrumb dark (Home » …)
   ============================== */
body.archive .breadcrumbs,
body.archive .breadcrumb-trail,
body.archive .trail-items,
body.category .breadcrumbs,
body.category .breadcrumb-trail,
body.category .trail-items,
body.search .breadcrumbs,
body.search .breadcrumb-trail,
body.search .trail-items{
  background: #0D1B2A !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  margin: 0 0 18px !important;
  box-shadow: none !important;
}

body.archive .trail-items a,
body.archive .trail-items span,
body.category .trail-items a,
body.category .trail-items span,
body.search .trail-items a,
body.search .trail-items span{
  color: #fff !important;
  text-decoration: none !important;
}
body.archive .trail-items a:hover,
body.category .trail-items a:hover,
body.search .trail-items a:hover{
  color: #00BFFF !important;
}

/* ==============================
   ARCHIVE/CATEGORY: cards (posts list)
   ============================== */
body.archive .site-main article,
body.category .site-main article,
body.search .site-main article{
  background: #182B3E !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: none !important;

  /* ako ti tema dodaje “crne linije”, ovo ih ubije */
  outline: 0 !important;
}

/* malo prostora unutar kartice (ako tema nema padding) */
body.archive .site-main article .post-content,
body.category .site-main article .post-content,
body.search .site-main article .post-content,
body.archive .site-main article .entry-content,
body.category .site-main article .entry-content,
body.search .site-main article .entry-content{
  padding: 16px 18px !important;
}

/* Naslovi bijeli */
body.archive .site-main .entry-title,
body.archive .site-main .entry-title a,
body.category .site-main .entry-title,
body.category .site-main .entry-title a,
body.search .site-main .entry-title,
body.search .site-main .entry-title a{
  color: #fff !important;
  text-decoration: none !important;
}
body.archive .site-main .entry-title a:hover,
body.category .site-main .entry-title a:hover,
body.search .site-main .entry-title a:hover{
  color: #00BFFF !important;
}

/* Excerpt / meta muted */
body.archive .site-main .entry-summary,
body.archive .site-main p,
body.category .site-main .entry-summary,
body.category .site-main p,
body.search .site-main .entry-summary,
body.search .site-main p{
  color: rgba(255,255,255,.72) !important;
}

/* Read more kao button (pokriva više varijanti klasa) */
body.archive a.more-link,
body.category a.more-link,
body.search a.more-link,
body.archive .read-more a,
body.category .read-more a,
body.search .read-more a{
  display: inline-block !important;
  margin-top: 10px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  background: rgba(0,191,255,.14) !important;
  border: 1px solid rgba(0,191,255,.28) !important;
  color: #fff !important;
  text-decoration: none !important;
}
body.archive a.more-link:hover,
body.category a.more-link:hover,
body.search a.more-link:hover,
body.archive .read-more a:hover,
body.category .read-more a:hover,
body.search .read-more a:hover{
  background: rgba(0,191,255,.22) !important;
}

/* ==============================
   ARCHIVE/CATEGORY: sidebar widgets dark
   ============================== */
body.archive #secondary .widget,
body.category #secondary .widget,
body.search #secondary .widget{
  background: #182B3E !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
}

body.archive #secondary .widget-title,
body.category #secondary .widget-title,
body.search #secondary .widget-title{
  color: #fff !important;
}

body.archive #secondary a,
body.category #secondary a,
body.search #secondary a{
  color: #fff !important;
  text-decoration: none !important;
  opacity: .9 !important;
}
body.archive #secondary a:hover,
body.category #secondary a:hover,
body.search #secondary a:hover{
  color: #00BFFF !important;
  opacity: 1 !important;
}

/* Search input dark */
body.archive #secondary input[type="search"],
body.category #secondary input[type="search"],
body.search #secondary input[type="search"],
body.archive #secondary .search-field,
body.category #secondary .search-field,
body.search #secondary .search-field{
  background: #101b2d !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

/* ==============================
   ARCHIVE/CATEGORY: kill WHITE cards (Digital Newspaper)
   ============================== */

/* Najčešći wrapperi u ovoj temi (pokrij sve) */
body.archive .blaze_box_wrap,
body.category .blaze_box_wrap,
body.search .blaze_box_wrap,

body.archive .post-wrap,
body.category .post-wrap,
body.search .post-wrap,

body.archive .post-item,
body.category .post-item,
body.search .post-item,

body.archive .news-item,
body.category .news-item,
body.search .news-item,

body.archive .dn-post-block,
body.category .dn-post-block,
body.search .dn-post-block,

body.archive .post-thumb + .post-content,
body.category .post-thumb + .post-content,
body.search .post-thumb + .post-content{
  background: #182B3E !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

/* Ako bijelo dolazi iz “row/card” containera */
body.archive .site-main article,
body.category .site-main article,
body.search .site-main article{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Tekst unutar kartica */
body.archive .blaze_box_wrap *,
body.category .blaze_box_wrap *,
body.search .blaze_box_wrap *,
body.archive .post-wrap *,
body.category .post-wrap *,
body.search .post-wrap *{
  color: inherit;
}

/* Naslovi */
body.archive .blaze_box_wrap .entry-title,
body.archive .blaze_box_wrap .entry-title a,
body.category .blaze_box_wrap .entry-title,
body.category .blaze_box_wrap .entry-title a,
body.search .blaze_box_wrap .entry-title,
body.search .blaze_box_wrap .entry-title a{
  color: #fff !important;
  text-decoration: none !important;
}
body.archive .blaze_box_wrap .entry-title a:hover,
body.category .blaze_box_wrap .entry-title a:hover,
body.search .blaze_box_wrap .entry-title a:hover{
  color: #00BFFF !important;
}

/* Excerpt / meta muted */
body.archive .blaze_box_wrap .entry-summary,
body.category .blaze_box_wrap .entry-summary,
body.search .blaze_box_wrap .entry-summary,
body.archive .blaze_box_wrap .posted-on,
body.category .blaze_box_wrap .posted-on,
body.search .blaze_box_wrap .posted-on{
  color: rgba(255,255,255,.72) !important;
}

body.archive a.more-link,
body.category a.more-link,
body.search a.more-link{
  display:inline-block !important;
  margin-top: 10px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  background: rgba(0,191,255,.14) !important;
  border: 1px solid rgba(0,191,255,.28) !important;
  color: #fff !important;
  text-decoration:none !important;
}
body.archive a.more-link:hover,
body.category a.more-link:hover,
body.search a.more-link:hover{
  background: rgba(0,191,255,.22) !important;
}

/* =========================================
   CATEGORY/ARCHIVE LIST: fix readability
   ========================================= */

/* 1) Card wrapper – da tekst default bude bijel */
body.category .blaze_box_wrap,
body.archive .blaze_box_wrap,
body.search  .blaze_box_wrap,
body.category .post-wrap,
body.archive .post-wrap,
body.search  .post-wrap{
  color: #fff !important;
}

/* 2) Titles (headline) */
body.category .blaze_box_wrap .entry-title,
body.category .blaze_box_wrap .entry-title a,
body.archive  .blaze_box_wrap .entry-title,
body.archive  .blaze_box_wrap .entry-title a,
body.search   .blaze_box_wrap .entry-title,
body.search   .blaze_box_wrap .entry-title a{
  color: #fff !important;
  opacity: 1 !important;
  text-decoration: none !important;
}
body.category .blaze_box_wrap .entry-title a:hover,
body.archive  .blaze_box_wrap .entry-title a:hover,
body.search   .blaze_box_wrap .entry-title a:hover{
  color: #00BFFF !important;
}

/* 3) Excerpt / text u kartici */
body.category .blaze_box_wrap .entry-summary,
body.category .blaze_box_wrap .post-excerpt,
body.category .blaze_box_wrap p,
body.archive  .blaze_box_wrap .entry-summary,
body.archive  .blaze_box_wrap .post-excerpt,
body.archive  .blaze_box_wrap p,
body.search   .blaze_box_wrap .entry-summary,
body.search   .blaze_box_wrap .post-excerpt,
body.search   .blaze_box_wrap p{
  color: rgba(255,255,255,.78) !important;
}

/* 4) Meta (datum, author, itd.) */
body.category .blaze_box_wrap .entry-meta,
body.category .blaze_box_wrap .posted-on,
body.archive  .blaze_box_wrap .entry-meta,
body.archive  .blaze_box_wrap .posted-on,
body.search   .blaze_box_wrap .entry-meta,
body.search   .blaze_box_wrap .posted-on{
  color: rgba(255,255,255,.65) !important;
}

/* 5) Read more da bude vidljiv (button look) */
body.category .blaze_box_wrap a.more-link,
body.archive  .blaze_box_wrap a.more-link,
body.search   .blaze_box_wrap a.more-link{
  display: inline-block !important;
  margin-top: 10px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: rgba(0,191,255,.14) !important;
  border: 1px solid rgba(0,191,255,.28) !important;
  color: #fff !important;
  text-decoration: none !important;
}
body.category .blaze_box_wrap a.more-link:hover,
body.archive  .blaze_box_wrap a.more-link:hover,
body.search   .blaze_box_wrap a.more-link:hover{
  background: rgba(0,191,255,.22) !important;
}

/* 6) Hover malo “lift” da izgleda modernije */
body.category .blaze_box_wrap,
body.archive  .blaze_box_wrap,
body.search   .blaze_box_wrap{
  transition: transform .18s ease, filter .18s ease !important;
}
body.category .blaze_box_wrap:hover,
body.archive  .blaze_box_wrap:hover,
body.search   .blaze_box_wrap:hover{
  transform: translateY(-2px) !important;
  filter: brightness(1.05) !important;
}

/* =========================================
   SIDEBAR widgets on CATEGORY/ARCHIVE (LaLiga table)
   ========================================= */
body.category #secondary .widget,
body.archive  #secondary .widget,
body.search   #secondary .widget{
  background: #182B3E !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
}

body.category #secondary .widget-title,
body.archive  #secondary .widget-title,
body.search   #secondary .widget-title{
  color: #fff !important;
}

body.category #secondary .widget a,
body.archive  #secondary .widget a,
body.search   #secondary .widget a{
  color: rgba(255,255,255,.9) !important;
  text-decoration: none !important;
}
body.category #secondary .widget a:hover,
body.archive  #secondary .widget a:hover,
body.search   #secondary .widget a:hover{
  color: #00BFFF !important;
}

/* Ako widget ima svoj “white panel” unutra */
body.category #secondary .widget * ,
body.archive  #secondary .widget * ,
body.search   #secondary .widget * {
  color: inherit;
}

/* ===== FIX: remove white background behind breadcrumb (category/archive) ===== */
body.category .digital-newspaper-breadcrumb-wrap,
body.archive  .digital-newspaper-breadcrumb-wrap,
body.search   .digital-newspaper-breadcrumb-wrap{
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ako tema boja sam <nav> / .breadcrumbs */
body.category .digital-newspaper-breadcrumb-wrap .breadcrumb-trail.breadcrumbs,
body.archive  .digital-newspaper-breadcrumb-wrap .breadcrumb-trail.breadcrumbs,
body.search   .digital-newspaper-breadcrumb-wrap .breadcrumb-trail.breadcrumbs{
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* “pill” ostaje tamni */
body.category .digital-newspaper-breadcrumb-wrap .trail-items,
body.archive  .digital-newspaper-breadcrumb-wrap .trail-items,
body.search   .digital-newspaper-breadcrumb-wrap .trail-items{
  background: #070B11 !important; /* ili #0D1B2A ako ti je to base */
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  margin: 0 !important;
}

/* tekst bijeli */
body.category .digital-newspaper-breadcrumb-wrap .trail-items,
body.category .digital-newspaper-breadcrumb-wrap .trail-items a,
body.category .digital-newspaper-breadcrumb-wrap .trail-end,
body.archive  .digital-newspaper-breadcrumb-wrap .trail-items,
body.archive  .digital-newspaper-breadcrumb-wrap .trail-items a,
body.archive  .digital-newspaper-breadcrumb-wrap .trail-end,
body.search   .digital-newspaper-breadcrumb-wrap .trail-items,
body.search   .digital-newspaper-breadcrumb-wrap .trail-items a,
body.search   .digital-newspaper-breadcrumb-wrap .trail-end{
  color: #fff !important;
  text-decoration: none !important;
}

/* =========================
   BN-GOAL mobile layout FIX
   (paste at VERY END)
   ========================= */
@media (max-width: 768px){

  /* Hero full width, side goes BELOW */
  .bn-goal__top{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  /* Side cards: 2 per row */
  .bn-goal__side{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  /* Grid section: 2 per row */
  .bn-goal__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

/* Very small phones */
@media (max-width: 420px){
  .bn-goal__side,
  .bn-goal__grid{
    grid-template-columns: 1fr !important;
  }
}

/* =========================
   FANQORA FOOTER (portal look)
   ========================= */
.fq-footer{
  background: #0D1B2A;
  border-top: 1px solid rgba(255,255,255,.08);
  margin-top: 28px;
  color: #fff;
}
.fq-footer__inner{
  max-width: 1280px;
  margin: 0 auto;
  padding: 34px 18px 18px;
}
.fq-footer__top{
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap: 22px;
}
.fq-footer__title{
  margin: 0 0 10px;
  font-size: 14px;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-weight: 900;
}
.fq-footer__links{
  list-style: none;
  margin: 0;
  padding: 0;
}
.fq-footer__links li{ margin: 0 0 8px; }
.fq-footer__links a{
  color: rgba(255,255,255,.88);
  text-decoration: none;
}
.fq-footer__links a:hover{ color: #00BFFF; }

.fq-footer__brand .fq-footer__desc{
  margin: 10px 0 14px;
  color: rgba(255,255,255,.72);
  line-height: 1.5;
}
.fq-footer__logo{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #fff;
}
.fq-footer__logoMark{
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,191,255,.16);
  border: 1px solid rgba(0,191,255,.28);
  font-weight: 900;
}
.fq-footer__logoText{
  font-weight: 900;
  font-size: 18px;
  letter-spacing: .2px;
}

.fq-footer__social{
  display: flex;
  gap: 10px;
  margin-top: 8px;
}
.fq-social{
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.fq-social svg{
  width: 18px;
  height: 18px;
  fill: #fff;
  opacity: .9;
}
.fq-social:hover{
  border-color: rgba(0,191,255,.35);
}
.fq-footer__muted{
  margin: 0 0 10px;
  color: rgba(255,255,255,.72);
}

.fq-footer__form{
  display: flex;
  gap: 10px;
}
.fq-footer__form input{
  flex: 1;
  min-width: 0;
  background: #101b2d;
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
  border-radius: 12px;
  padding: 10px 12px;
}
.fq-footer__form input::placeholder{ color: rgba(255,255,255,.55); }
.fq-footer__form button{
  background: #00BFFF;
  color: #fff;
  border: 0;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 900;
}
.fq-footer__spacer{ height: 14px; }

.fq-footer__bottom{
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.08);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.fq-footer__copy{
  color: rgba(255,255,255,.72);
  font-size: 13px;
}
.fq-footer__legal{
  display: flex;
  gap: 14px;
}
.fq-footer__legal a{
  color: rgba(255,255,255,.78);
  text-decoration: none;
  font-size: 13px;
}
.fq-footer__legal a:hover{ color:#00BFFF; }

/* Responsive */
@media (max-width: 1024px){
  .fq-footer__top{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px){
  .fq-footer__top{ grid-template-columns: 1fr; }
  .fq-footer__form{ flex-direction: column; }
}

/* Footer logo sizing */
.fq-footer__logoImg{
  width: 200px;      /* desktop default */
  height: auto;
  max-width: 100%;
  display: block;
  opacity: .95;
}

/* ako je logo u linku ili flex containeru, da se ne rasteže */
.fq-footer__brand{
  display: flex;
  align-items: center;
}

/* Tablet */
@media (max-width: 1024px){
  .fq-footer__logoImg{
    width: 95px;
  }
}

/* Mobile */
@media (max-width: 520px){
  .fq-footer__logoImg{
    width: 72px;     /* probaj 64–80 */
  }
}

/* ==============================
   PAGES (About/Contact/etc.) – dark card + white text
   STAVI NA KRAJ add.css
   ============================== */

/* 1) Page kao “card” (isto kao single) */
body.page .post-inner-wrapper article.page,
body.page .post-inner-wrapper article.type-page{
  background: #182B3E !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 16px !important;
  padding: 22px 18px !important;
  color: #fff !important;
}

/* 2) Forsiraj bijeli tekst unutra (tema ti ga vraća sivo) */
body.page .post-inner-wrapper article.page .entry-content,
body.page .post-inner-wrapper article.page .entry-content p,
body.page .post-inner-wrapper article.page .entry-content li,
body.page .post-inner-wrapper article.page .entry-content span,
body.page .post-inner-wrapper article.page .entry-content strong,
body.page .post-inner-wrapper article.page .entry-content em{
  color: #fff !important;
}

/* 3) Naslovi bijeli + bold */
body.page .post-inner-wrapper article.page .entry-title,
body.page .post-inner-wrapper article.page .entry-content h1,
body.page .post-inner-wrapper article.page .entry-content h2,
body.page .post-inner-wrapper article.page .entry-content h3,
body.page .post-inner-wrapper article.page .entry-content h4,
body.page .post-inner-wrapper article.page .entry-content h5,
body.page .post-inner-wrapper article.page .entry-content h6,
body.page .post-inner-wrapper article.page .wp-block-heading{
  color: #fff !important;
  font-weight: 900 !important;
}

/* 4) Linkovi u contentu (da budu vidljivi i “premium”) */
body.page .post-inner-wrapper article.page .entry-content a{
  color: var(--dn-accent, #00BFFF) !important;
  text-decoration: none !important;
}
body.page .post-inner-wrapper article.page .entry-content a:hover{
  text-decoration: underline !important;
}

/* 5) Malo uredniji list spacing */
body.page .post-inner-wrapper article.page .entry-content ul,
body.page .post-inner-wrapper article.page .entry-content ol{
  margin: 0 0 14px 20px !important;
}

/* 6) Breadcrumb na Page-u: makni bijeli “band”, ostavi dark pill */
body.page .digital-newspaper-breadcrumb-wrap{
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
}
body.page .digital-newspaper-breadcrumb-wrap .breadcrumb-trail.breadcrumbs{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body.page .digital-newspaper-breadcrumb-wrap ul.trail-items{
  background: #0D1B2A !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
}
body.page .digital-newspaper-breadcrumb-wrap ul.trail-items,
body.page .digital-newspaper-breadcrumb-wrap ul.trail-items *{
  color: #fff !important;
  text-decoration: none !important;
}
body.page .digital-newspaper-breadcrumb-wrap ul.trail-items a:hover{
  color: #00BFFF !important;
}

/* ==============================
   PAGES: SIDEBAR WIDGETS (Search + Categories) – white text
   ============================== */

body.page #secondary .widget,
body.page #secondary .widget-area .widget,
body.page .secondary-sidebar #secondary .widget{
  background: #182B3E !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
}

/* Naslovi widgeta */
body.page #secondary .widget-title,
body.page #secondary h2,
body.page #secondary h3,
body.page #secondary .wp-block-heading,
body.page #secondary .wp-block-search__label{
  color: #fff !important;
}

/* Linkovi u kategorijama */
body.page #secondary a,
body.page #secondary .wp-block-categories a,
body.page #secondary .cat-item a{
  color: #fff !important;
  opacity: .9 !important;
  text-decoration: none !important;
}
body.page #secondary a:hover,
body.page #secondary .wp-block-categories a:hover,
body.page #secondary .cat-item a:hover{
  color: var(--dn-accent, #00BFFF) !important;
  opacity: 1 !important;
}

/* Search input */
body.page #secondary input[type="search"],
body.page #secondary .wp-block-search__input,
body.page #secondary .search-field{
  background: #101b2d !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}
body.page #secondary input[type="search"]::placeholder,
body.page #secondary .wp-block-search__input::placeholder,
body.page #secondary .search-field::placeholder{
  color: rgba(255,255,255,.65) !important;
}

/* Search button */
body.page #secondary button,
body.page #secondary input[type="submit"],
body.page #secondary .wp-block-search__button,
body.page #secondary .search-submit{
  background: var(--dn-accent, #00BFFF) !important;
  color: #fff !important;
  border: 0 !important;
}

/* ==============================
   BN-GOAL: CTA (Full story) = global hover color
   STAVI NA KRAJ add.css
   ============================== */

/* normalno stanje */
.bn-goal .bn-meta__cta.bn-card__cta-link,
.bn-goal .bn-meta__cta.bn-card__cta-link:link,
.bn-goal .bn-meta__cta.bn-card__cta-link:visited{
  color: rgba(255,255,255,.85) !important;   /* ili #fff ako hoćeš full bijelo */
  font-weight: 800 !important;
}

/* hover / focus / click */
.bn-goal .bn-meta__cta.bn-card__cta-link:hover,
.bn-goal .bn-meta__cta.bn-card__cta-link:focus,
.bn-goal .bn-meta__cta.bn-card__cta-link:active{
  color: var(--dn-accent, #00BFFF) !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

/* ==============================
   STICKY HEADER (always on top)
   ============================== */

/* glavni header neka bude sticky */
#masthead.site-header{
  position: sticky !important;
  top: 0 !important;
  z-index: 99999 !important;
}

/* da header ima normalnu pozadinu dok je sticky (bez “prozirnog” efekta) */
#masthead.site-header .main-header{
  background: #0D1B2A !important; /* ili #070B11 ako ti je to page bg */
}

/* ako ti WP admin bar pomakne header (kad si logiran) */
body.admin-bar #masthead.site-header{
  top: 32px !important;
}
@media (max-width: 782px){
  body.admin-bar #masthead.site-header{
    top: 46px !important;
  }
}

/* da sadržaj ne ode ispod sticky headera */
#theme-content{
  padding-top: 70px; /* po potrebi 60–90, ovisno o visini headera */
}

/* ==============================
   FIX: mobile gap above sticky header
   ============================== */
@media (max-width: 782px){

  /* header mora biti stvarno na vrhu */
  #masthead.site-header{
    top: 0 !important;
    margin-top: 0 !important;
  }

  /* ako si logiran pa <body> ima admin-bar class,
     a toolbar ti nije vidljiv, ovo ti radi "rupu" */
  body.admin-bar #masthead.site-header{
    top: 0 !important;
  }

  /* često tema doda padding/margin u branding sekciji */
  #masthead .site-branding-section,
  #masthead .main-header,
  #masthead .digital-newspaper-container,
  #masthead .row{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* da se sadržaj ne sakrije ispod headera (prilagodi broj po visini headera) */
  #theme-content{
    padding-top: 64px !important;
  }
}

/* ==============================
   Mobile: fix hamburger position (RMP)
   ============================== */
@media (max-width: 782px){

  /* sam trigger (pokrij i ID i klasu) */
  #rmp_menu_trigger-301,
  .rmp_menu_trigger{
    position: fixed !important;
    top: 2px !important;
    right: 14px !important;

    margin: 0 !important;
    padding: 0 !important;

    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    z-index: 999999 !important;
  }

  /* ako si ulogiran i WP admin bar je prikazan */
  body.admin-bar #rmp_menu_trigger-301,
  body.admin-bar .rmp_menu_trigger{
    top: 58px !important; /* 46px admin bar + 12px */
  }
}

/* Wrapper da ti bude uredno poravnato i responzivno */
.fq-footer__substackWrap{
  width: 100%;
  max-width: 420px;       /* suzi po želji (npr. 360–460) */
  margin-left: auto;      /* gura udesno u kolumni */
}

/* Sam iframe */
.fq-footer__substack{
  width: 100%;
  height: 210px;          /* najčešće taman; po potrebi 190–260 */
  display: block;
  border: 0;
  border-radius: 18px;
  overflow: hidden;
  background: transparent;
}

/* Mobile tweak */
@media (max-width: 768px){
  .fq-footer__substackWrap{ max-width: 100%; }
  .fq-footer__substack{ height: 230px; }
}
.fq-footer__substack{
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
}

.fq-footer__bottom{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap: 10px;
}

.fq-footer__legal{
  display:flex;
  gap:16px;
  justify-content:center;
  flex-wrap:wrap;
}

.fq-trending{
  max-width: 1280px;   /* po potrebi 1100/1140/1280 */
  margin: 14px auto 0;
  padding-left: 16px;
  padding-right: 16px;
}

/* Trending: kompaktnije */
.fq-trending { padding: 14px 16px; }
.fq-trending a { font-size: 14px; line-height: 1.25; }
.fq-trending__meta,
.fq-trending__kicker,
.fq-trending__time { font-size: 12px; }

/* manji brojevi (1,2,3...) ako ih ima */
.fq-trending__num{
  width: 22px;
  height: 22px;
  font-size: 12px;
  line-height: 22px;
}

/* manje “praznog” prostora u itemima */
.fq-trending__item { padding: 10px 12px; }

/* ==============================
   THEME MOBILE MENU (menu-toggle)
   ============================== */

@media (max-width: 991px){

  /* pokaži theme hamburger */
  button.menu-toggle{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* default sakrij ul dok nije toggled (tema obično doda .toggled) */
  #site-navigation .menu{
    display: none !important;
  }
  #site-navigation.toggled .menu{
    display: block !important;
  }

  /* poravnanje: logo lijevo, hamburger desno */
  .site-branding-section .row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    position: relative !important;
  }

  /* sakrij “Menu” tekst */
  .menu-toggle .menu_txt{ display:none !important; }

  /* hamburger uvijek u istoj ravnini */
  #site-navigation{
    position: relative !important;
  }
  #site-navigation .menu-toggle{
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  /* bijele crte burgera */
  #digital_newspaper_menu_burger span{
    background: rgba(255,255,255,.92) !important;
  }
}

/* ================================
   FANQORA: THEME HAMBURGER (FIX)
   - show menu-toggle
   - align with logo
   - stop "jump" on scroll
   ================================ */

/* sticky header always */
.site-header .main-header{
  position: sticky !important;
  top: 0 !important;
  z-index: 99999 !important;
}
.admin-bar .site-header .main-header{ top: 32px !important; }

/* keep header padding same even when theme adds .fixed_header */
.site-header .main-header .site-branding-section,
.site-header .main-header.fixed_header .site-branding-section{
  padding: 10px 0 !important;
}

/* logo size stable */
.site-header .custom-logo{
  height: auto !important;
  max-height: 44px !important;
  width: auto !important;
}

/* mobile alignment: logo left, burger right (same line) */
@media (max-width: 768px){

  .site-header .site-branding-section .row{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .site-header .header-smh-button-wrap.menu-section{
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
  }

  /* FORCE show theme burger */
  .site-header button.menu-toggle{
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    align-items: center !important;
    justify-content: center !important;

    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
  }

  /* hide "Menu" text */
  .site-header .menu_txt{ display:none !important; }

  /* burger lines color */
  .site-header #digital_newspaper_menu_burger span{
    background: rgba(255,255,255,.92) !important;
  }
}

/* =========================
   FIX: Mobile burger ALWAYS aligned with logo + no jumping on scroll
   (PASTE AT VERY END of add.css)
   ========================= */

/* 0) Re-enable theme burger if it was hidden somewhere above */
@media (max-width: 991px){
  button.menu-toggle{
    display: flex !important;
    visibility: visible !important;
  }
}

/* 1) Keep header stable (no layout shift) */
.site-header .main-header{
  position: sticky !important;
  top: 0 !important;
  z-index: 999999 !important;
}
.admin-bar .site-header .main-header{ top: 32px !important; }

/* 2) Mobile header row = flex, centered */
@media (max-width: 991px){

  .site-branding-section .digital-newspaper-container .row{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 64px !important;
    position: relative !important;
  }

  .site-branding{
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 50 !important;
  }

  .header-smh-button-wrap.menu-section{
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #site-navigation{
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
  }

  /* 3) HARD position of burger */
  #site-navigation button.menu-toggle{
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(calc(-50% - 8px)) !important; /* PODIGNI: -6px / -10px / -12px */

    width: 44px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
  }

  /* if theme changes layout on scroll (fixed_header), keep SAME position */
  .site-header .main-header.fixed_header #site-navigation button.menu-toggle{
    transform: translateY(calc(-50% - 8px)) !important;
  }
}

@media (max-width: 991px){

  /* NE diramo header ni menu-toggle ni visine */
  /* Samo prebacimo dropdown s lijeve na desnu stranu */

  #site-navigation .menu-header-container,
  #site-navigation ul#header-menu{
    left: auto !important;
    right: 14px !important;     /* po potrebi 0 ili 14px */
  }

  /* ako tema koristi translate/transform za poziciju */
  #site-navigation .menu-header-container,
  #site-navigation ul#header-menu{
    transform: none !important;
  }
}

body.category .page-title.digital-newspaper-block-title{
  display:none !important;
}

:root{
  --fq-bg:#121212;
  --fq-bg2:#0b0f14;
  --fq-text:#E5E5E7;
  --fq-muted:rgba(229,229,231,.72);
  --fq-accent:#0A84FF;
}

/* FANQORA HERO — FINAL (full width, clean, no conflicts) */
html, body { overflow-x: hidden; }

body.home .fq-hero{
  /* full-bleed bez left:50% (stabilnije) */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  width: auto;
  padding: 100px 0 16px;
  margin-top: 0;
  margin-bottom: 14px;
  overflow: hidden;

  height: 250px;
  display: flex;

  background:
    radial-gradient(900px 380px at 20% 55%, rgba(10,132,255,.22), rgba(18,18,18,0) 60%),
    radial-gradient(700px 300px at 70% 40%, rgba(10,132,255,.10), rgba(18,18,18,0) 65%),
    linear-gradient(180deg, #0b0f14 0%, #121212 65%, #0a0c10 100%);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

/* container poravnanje s ostatkom stranice */
body.home .fq-hero .digital-newspaper-container{
  position: relative;
}

/* layout: pulse lijevo, tekst desno */
body.home .fq-hero__inner{
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: clamp(14px, 2.2vw, 26px);
  align-items: center;

  /* nema dodatnih backgrounda/overlaya iz starih verzija */
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* pulse mora biti vidljiv */
body.home .fq-hero__pulse{
  height: 96px;
  opacity: .95;
  position: relative;
  z-index: 1;
}
body.home .fq-hero__pulse svg{
  display:block;
  width:100%;
  height:100%;
}
body.home .fq-pulse-path{
  fill: none;
  stroke: rgba(10,132,255,.95);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 10px rgba(10,132,255,.55));
}

/* tekst */
body.home .fq-hero__content{ position: relative; z-index: 2; }
body.home .fq-hero__brand{
  font-weight: 700;
  letter-spacing: .12em;
  font-size: 12px;
  color: rgba(229,229,231,.9);
  margin: 0 0 6px;
}
body.home .fq-hero__title{
  margin: 0 0 8px;
  color: #E5E5E7;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.05;
  font-size: clamp(26px, 3vw, 44px);
}
body.home .fq-hero__sub{
  margin: 0 0 10px;
  color: rgba(229,229,231,.72);
  font-size: clamp(14px, 1.4vw, 16px);
  line-height: 1.45;
}
body.home .fq-hero__url{
  color: rgba(229,229,231,.75);
  font-size: 14px;
  letter-spacing: .02em;
}

/* mobile */
@media (max-width: 900px){
  body.home .fq-hero__inner{ grid-template-columns: 1fr; }
  body.home .fq-hero__pulse{ height: 72px; }
  body.home .fq-hero{ padding: 18px 0 14px; }
}

html { margin-top: 0 !important; }
body.admin-bar #wpadminbar { position: fixed; top: 0; }

/* FIX: makni crne gapove iznad i ispod HERO bannera */
body.home .fq-hero{
  /* full-bleed */
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  /* ubij top/bottom razmake */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;

  border: 0 !important;

  /* spriječi margin-collapsing (često uzrok crne trake gore) */
  display: flow-root !important;

  position: relative !important;
  overflow: hidden !important;

  /* neka outer bude “prazan”, pozadinu stavljamo na ::before da pokrije sve */
  background: transparent !important;
}

/* pozadina koja pokriva CIJELI hero (uključujući područja koja su ti bila crna) */
body.home .fq-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background:
    radial-gradient(900px 380px at 20% 55%, rgba(10,132,255,.22), rgba(18,18,18,0) 60%),
    radial-gradient(700px 300px at 70% 40%, rgba(10,132,255,.10), rgba(18,18,18,0) 65%),
    linear-gradient(180deg, #0b0f14 0%, #121212 65%, #0a0c10 100%);
}

/* spacing stavi u container (sad je “u boji”, ne crno) */
body.home .fq-hero > .digital-newspaper-container{
  position: relative;
  z-index: 1;
  padding: 22px 0 16px !important;
}

/* sigurnosno: nema dodatnih margina iznutra */
body.home .fq-hero__inner,
body.home .fq-hero__pulse,
body.home .fq-hero__content{
  margin: 0 !important;
  padding: 0 !important;
}

/* ako postoji gap između hero i prvog bloka ispod */
body.home .fq-hero + *{
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* HOME: ubij gap između headera i prvog bloka (hero) */
body.home #masthead { margin-bottom: 0 !important; padding-bottom: 0 !important; }

/* element odmah nakon headera (najčešći uzrok) */
body.home #masthead + * { margin-top: 0 !important; padding-top: 0 !important; }

/* dodatno: ako tema ima svoje after-header wrapove */
body.home .digital-newspaper-after-header,
body.home .digital-newspaper-after-header-wrap,
body.home .after-header,
body.home .after-header-wrap{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 768px){

  /* pomakni tekst blok udesno, ali ostavi left-align */
  body.home .fq-hero__content{
    text-align: left !important;
    margin-left: 18px !important;   /* povećaj na 22–28px ako želiš još više */
    margin-right: 12px !important;
    max-width: 560px;
  }

  /* opcionalno: malo zbij naslov da bolje sjedne */
  body.home .fq-hero__title{
    font-size: 30px !important;
    line-height: 1.05 !important;
  }
}

/* Fanqora: ujednači fontove (home + single) */
:root{
  --fq-font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fq-font-head: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

body{
  font-family: var(--fq-font-body) !important;
  -webkit-text-size-adjust: 100%;
}

/* svi naslovi + post title + block title */
h1,h2,h3,h4,h5,h6,
.wp-block-heading,
.entry-title,
.page-title,
.digital-newspaper-block-title{
  font-family: var(--fq-font-head) !important;
  font-style: normal !important;
  letter-spacing: -0.02em;
}

/* posebno: naslov članka */
.single-post .entry-title,
.single .entry-title{
  font-weight: 800 !important;
}