:root{
  --dm-primary: #4E6CC2;
  --dm-primary-dark: #354EB5;
  --dm-accent: #FFB200;
  --dm-accent-soft: #FCBC58;
  --dm-ink: #151C26;
  --dm-ink-2: #1C222E;
  --dm-sky: #D0E4FF;
  --dm-bg: #EDF0F5;
  --dm-card: #FFFFFF;

  --dm-radius: 6px;
  --dm-shadow: 0 6px 20px rgba(0,0,0,.08);
  --dm-shadow-soft: 0 2px 10px rgba(0,0,0,.06);

  --dm-wrap: 1100px;
  --dm-feed: 720px;

  /* sticky offsets */
  --dm-topbar-h: 46px;
  --dm-adminbar-h: 0px;
}
body.admin-bar{ --dm-adminbar-h: 32px; }
@media (max-width: 782px){
  body.admin-bar{ --dm-adminbar-h: 46px; }
}

*{ box-sizing:border-box; }
html,body{ height:100%; }

body{
  margin:0;
  background: var(--dm-bg);
  color: var(--dm-ink);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

a{ color:inherit; text-decoration:none; }
a:focus{ outline: 2px solid var(--dm-accent); outline-offset: 2px; }

.dm-wrap{
  max-width: var(--dm-wrap);
  margin: 0 auto;
  padding: 0 14px;
}

/* =========================
   TOP BAR
   ========================= */
.dm-topbar{
  background: linear-gradient(180deg, rgba(28,34,46,.92), rgba(21,28,38,.92)) !important;
  height: var(--dm-topbar-h);
  display:flex;
  align-items:center;
  overflow: visible; /* IMPORTANT: dropdown smije izaći */
}
.dm-topbar__inner{
  width:100%;
  max-width: var(--dm-wrap);
  margin:0 auto;
  padding: 0 14px;
  display:flex;
  align-items:center;
  gap:14px;
  overflow: visible; /* dropdown smije izaći */
}
.dm-logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  letter-spacing:.3px;
  color:#fff;
}
.dm-logo__badge{
  width:34px; height:24px;
  border-radius: 6px;
  background: #fff;
  color: var(--dm-primary-dark);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 13px;
}
.dm-logo__text{
  font-size: 14px;
  opacity:.95;
}

/* =========================
   NAV
   ========================= */
.dm-nav{ flex:1; position: relative; overflow: visible; }
.dm-nav__list{
  list-style:none;
  display:flex;
  gap:16px;
  margin:0;
  padding:0;
  align-items:center;
  font-size: 13px;
}
.dm-nav__list a{
  color:#fff;
  opacity:.92;
  text-transform: uppercase;
  white-space: nowrap;
}
.dm-nav__list a:hover{ opacity:1; text-decoration: underline; }

.dm-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.dm-action{
  width:26px; height:26px;
  border-radius: 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.12);
  color:#fff;
  font-size: 12px;
}
.dm-action:hover{ background: rgba(255,255,255,.18); }
.dm-lang{
  width:auto;
  padding: 0 10px;
  font-weight:700;
}

/* =========================
   NAV DROPDOWN (submenu) – FIX
   ========================= */
.dm-nav__list > li{ position: relative; }

.dm-nav__list,
.dm-nav__list .sub-menu{
  list-style:none !important;
  margin:0;
  padding:0;
}

.dm-nav__list > li.menu-item-has-children > a::after{
  content:"▾";
  display:inline-block;
  margin-left:6px;
  font-size:11px;
  opacity:.8;
  transform: translateY(-1px);
}

/* desktop/tablet dropdown */
.dm-nav__list .sub-menu{
  position:absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 230px;
  z-index: 9999;

  display:none;
  background: rgba(21,28,38,.96);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  padding: 8px;

  box-shadow: 0 18px 45px rgba(0,0,0,.45);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.dm-nav__list > li.menu-item-has-children::after{
  content:"";
  position:absolute;
  left:0;
  top:100%;
  width:100%;
  height:12px;
}

.dm-nav__list > li:hover > .sub-menu,
.dm-nav__list > li:focus-within > .sub-menu{
  display:block;
}

.dm-nav__list .sub-menu a{
  display:block;
  padding: 10px 12px;
  border-radius: 10px;
  color: rgba(255,255,255,.92) !important;
  text-transform: none !important;
  font-size: 13px;
  line-height: 1.2;
  opacity: 1 !important;
  white-space: nowrap;
}
.dm-nav__list .sub-menu a:hover,
.dm-nav__list .sub-menu a:focus{
  background: rgba(255,255,255,.10);
  outline:none;
}

.dm-nav__list > li:last-child > .sub-menu,
.dm-nav__list > li:nth-last-child(2) > .sub-menu{
  left:auto;
  right:0;
}

/* touch devices: ne otvaraj na hover dok scrolla */
@media (hover: none){
  .dm-nav__list > li:hover > .sub-menu{ display:none; }
  .dm-nav__list > li:focus-within > .sub-menu{ display:block; }
}

/* =========================
   HOME
   ========================= */
.dm-home{ padding-bottom: 30px; }

/* =========================
   FEATURED GRID
   ========================= */
.dm-featured{ padding-top: 12px; }
.dm-featured__grid{
  display:grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  background: #d9d9d9;
  padding: 10px;
}
.dm-featured__item{
  position:relative;
  overflow:hidden;
  background: #cfcfcf;
  border-radius: 2px;
}
.dm-featured__item.is-big{
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  min-height: 320px;
}
.dm-featured__item.is-small{ min-height: 155px; }

.dm-featured__link{
  display:block;
  height:100%;
  position:relative;
}
.dm-featured__img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.02);
}
.dm-featured__overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.72) 100%);
}
.dm-featured__title{
  position:absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  margin:0;
  color:#fff;
  font-weight: 900;
  line-height: 1.05;
  text-shadow: 0 2px 10px rgba(0,0,0,.55);
  font-size: 18px;
}
.dm-featured__item.is-big .dm-featured__title{
  font-size: 34px;
  left: 20px;
  right: 20px;
  bottom: 18px;
}

/* =========================
   FEED
   ========================= */
.dm-feed{ padding-top: 18px; }
.dm-feed__inner{
  max-width: var(--dm-feed);
  margin: 0 auto;
}

/* =========================
   CARD
   ========================= */
.dm-card{
  background: var(--dm-card);
  border-radius: 2px;
  box-shadow: var(--dm-shadow-soft);
  overflow:hidden;
  margin-bottom: 18px;
}
.dm-card__media{ width:100%; background: #eee; }
.dm-card__img{ width:100%; height:auto; display:block; }
.dm-card__ph{ aspect-ratio: 16 / 9; background: linear-gradient(135deg, var(--dm-sky), #fff); }
.dm-card__body{ padding: 12px 14px 14px; background: #e7e7e7; }
.dm-card__meta{ font-size: 11px; letter-spacing:.4px; opacity:.65; margin-bottom: 6px; }
.dm-card__title{ margin:0; font-size: 18px; line-height: 1.25; font-weight: 800; }
.dm-card__link:hover .dm-card__title{ text-decoration: none; }

/* Infinite loader */
.dm-infinite{
  max-width: var(--dm-feed);
  margin: 0 auto;
  padding: 6px 0 0;
}
.dm-loader{
  display:flex;
  gap:8px;
  justify-content:center;
  align-items:center;
  padding: 12px 0;
}
.dm-loader__dot{
  width:8px; height:8px;
  border-radius:999px;
  background: var(--dm-primary-dark);
  opacity:.35;
  animation: dmPulse 1s infinite ease-in-out;
}
.dm-loader__dot:nth-child(2){ animation-delay: .15s; }
.dm-loader__dot:nth-child(3){ animation-delay: .3s; }

@keyframes dmPulse{
  0%,100%{ transform: translateY(0); opacity:.35; }
  50%{ transform: translateY(-4px); opacity:.85; }
}

.dm-sentinel{ height: 2px; }

.dm-empty, .dm-noscript{
  max-width: var(--dm-feed);
  margin: 0 auto;
  padding: 12px 0;
  opacity:.7;
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 980px){
  .dm-featured__grid{
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .dm-featured__item.is-big{
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: 240px;
  }

/* ✅ topbar -> 1 red: logo | meni | actions */
.dm-topbar__inner{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "brand nav actions";
  gap: 10px;
  align-items: center;
}

/* ako imaš wrapper .dm-brand koristi njega, ako nemaš - neće smetati */
.dm-brand{ grid-area: brand; }
.dm-nav{ grid-area: nav; min-width: 0; display: flex; justify-content: center; }
.dm-actions{ grid-area: actions; justify-self: end; }

/* meni: centriraj kad stane, a kad ne stane - neka bude scrollable */
.dm-nav__list{
  width: max-content;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;

  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;   /* start da POČETNA bude prva vidljiva */
  gap: 14px;
  padding: 2px 2px 6px;
}
.dm-nav__list::-webkit-scrollbar{ display:none; }

  /* BITNO: scroll radi na LISTI, ne na .dm-nav */
  .dm-nav{ overflow: visible; }
  .dm-nav__list{
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width:none;
    padding: 2px 2px 8px;
    gap: 14px;
    flex-wrap: nowrap;
  }
  .dm-nav__list::-webkit-scrollbar{ display:none; }
  .dm-nav__list > li{ flex: 0 0 auto; }
}

@media (max-width: 560px){
  :root{ --dm-feed: 100%; }
  .dm-featured__item.is-small{ min-height: 180px; }
  .dm-featured__item.is-big .dm-featured__title{ font-size: 24px; }

  /* MOBITEL: submenu kao fixed "sheet" ispod topbara */
  .dm-nav__list .sub-menu{
    position: fixed;
    left: 10px;
    right: 10px;
    top: calc(var(--dm-topbar-h) + var(--dm-adminbar-h) + 8px);
    min-width: 0;
    max-width: 520px;
    margin: 0 auto;

    max-height: calc(100vh - (var(--dm-topbar-h) + var(--dm-adminbar-h) + 24px));
    overflow: auto;
    -webkit-overflow-scrolling: touch;

    border-radius: 16px;
    z-index: 200;
  }

  .dm-nav__list > li.menu-item-has-children::after{ display:none; }
}

/* =========================
   SINGLE (mobile app look)
   ========================= */
.dm-singlebar{
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--dm-ink);
  height: 54px;
  display:flex;
  align-items:center;
  padding: 0 14px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
body.admin-bar .dm-singlebar{ top: 32px; }
@media (max-width: 782px){
  body.admin-bar .dm-singlebar{ top: 46px; }
}

body.dm-is-single{
  background: var(--dm-ink);
  color: #fff;
}

.dm-single{
  max-width: 760px;
  margin: 0 auto;
  padding: 10px 14px 24px;
  color: #fff;
}

.dm-single__head{ padding: 10px 0 10px; }

.dm-single__kicker{
  display:inline-block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .7px;
  text-transform: uppercase;
  color: rgba(255,255,255,.75);
  margin-bottom: 10px;
}

.dm-single__title{
  margin: 0 0 12px;
  font-size: 34px;
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -0.3px;
}

.dm-single__meta{
  font-size: 12px;
  letter-spacing: .5px;
  color: rgba(255,255,255,.68);
}

.dm-single__figure{
  margin: 14px 0 14px;
  border-radius: 14px;
  overflow:hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.dm-single__img{ width:100%; height:auto; display:block; }

.dm-single__content{
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255,255,255,.92);
}
.dm-single__content p{ margin: 0 0 14px; }
.dm-single__content h2,
.dm-single__content h3,
.dm-single__content h4{
  color:#fff;
  margin: 18px 0 10px;
  line-height: 1.2;
}
.dm-single__content a{
  color: var(--dm-sky);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.dm-single__comments{
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.08);
}

/* WP comments - dark */
.dm-single__comments .comment-reply-title,
.dm-single__comments .comments-title{ color:#fff; }

.dm-single__comments label{ color: rgba(255,255,255,.78); }

.dm-single__comments input[type="text"],
.dm-single__comments input[type="email"],
.dm-single__comments input[type="url"],
.dm-single__comments textarea{
  width:100%;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color:#fff;
  border-radius: 10px;
  padding: 10px 12px;
}

.dm-sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border:0 !important;
}

.dm-single__comments input::placeholder,
.dm-single__comments textarea::placeholder{
  color: rgba(255,255,255,.45);
}

.dm-single__comments .submit{
  border:0;
  background: var(--dm-accent);
  color: #111;
  font-weight: 900;
  padding: 10px 14px;
  border-radius: 10px;
  cursor:pointer;
}
.dm-single__comments .submit:hover{ filter: brightness(.95); }

.dm-is-single .dm-topbar{ display:none; }

@media (max-width: 560px){
  .dm-single__title{ font-size: 30px; }
  .dm-single__content{ font-size: 17px; }
}

/* =========================================
   SINGLE – premium dark background
   ========================================= */
body.dm-is-single{
  background:
    radial-gradient(1200px 700px at 15% -10%, rgba(78,108,194,.35) 0%, rgba(21,28,38,0) 60%),
    radial-gradient(900px 520px at 110% 25%, rgba(255,178,0,.18) 0%, rgba(21,28,38,0) 55%),
    linear-gradient(180deg, #0f1420 0%, #151C26 45%, #0b0f17 100%) !important;
  color: #fff;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center top !important;
}

.dm-is-single .dm-singlebar{
  background: linear-gradient(180deg, rgba(28,34,46,.92), rgba(21,28,38,.92)) !important;
  border-bottom: 1px solid rgba(255,255,255,.06);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.dm-is-single .dm-single{
  max-width: 840px;
  margin: 0 auto;
  padding: 14px 14px 28px;
}

.dm-is-single .dm-single__article{
  background: rgba(28,34,46,.62);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 16px 16px 18px;
  box-shadow: 0 18px 45px rgba(0,0,0,.35);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

.dm-is-single .dm-single__meta{ color: rgba(255,255,255,.62); }

.dm-is-single .dm-single__figure{
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
}

/* responsive media inside single content */
body.dm-is-single .dm-single__content img,
body.dm-is-single .dm-single__content figure,
body.dm-is-single .dm-single__content video,
body.dm-is-single .dm-single__content iframe,
body.dm-is-single .dm-single__content embed,
body.dm-is-single .dm-single__content object{
  max-width: 100% !important;
  height: auto !important;
}

body.dm-is-single .dm-single__content .alignwide,
body.dm-is-single .dm-single__content .alignfull{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.dm-is-single .dm-single__content figure{ margin: 14px 0; }
body.dm-is-single .dm-single__content figcaption{
  font-size: 13px;
  line-height: 1.4;
  opacity: .75;
}

@media (max-width: 560px){
  body.dm-is-single{ background-attachment: scroll !important; }
  .dm-is-single .dm-single__article{ border-radius: 16px; padding: 14px 14px 16px; }
}

/* =========================
   COMMENTS (RTVBN-like)
   ========================= */
.dm-comments{
  background:#fff;
  color: var(--dm-ink);
  border-radius: 6px;
  overflow:hidden;
  box-shadow: var(--dm-shadow-soft);
}

.dm-comments textarea,
.dm-comments input[type="text"],
.dm-comments input[type="email"],
.dm-comments input[type="url"]{
  color: #151C26 !important;
  background: #ffffff !important;
  caret-color: #151C26 !important;
}
.dm-comments textarea::placeholder,
.dm-comments input::placeholder{
  color: rgba(21,28,38,.45) !important;
  opacity: 1 !important;
}
.dm-comments #respond textarea{
  color: #151C26 !important;
  background: #ffffff !important;
  caret-color: #151C26 !important;
}
.dm-comments,
.dm-comments *{ text-shadow:none; }

/* =========================================
   HOME – premium dark background
   ========================================= */
body.dm-is-home{
  background:
    radial-gradient(1200px 700px at 15% -10%, rgba(78,108,194,.30) 0%, rgba(21,28,38,0) 60%),
    radial-gradient(900px 520px at 110% 25%, rgba(255,178,0,.14) 0%, rgba(21,28,38,0) 55%),
    linear-gradient(180deg, #0f1420 0%, #151C26 45%, #0b0f17 100%) !important;
  color:#fff;
  background-repeat:no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center top !important;
}
@media (max-width: 560px){
  body.dm-is-home{ background-attachment: scroll !important; }
}

body.dm-is-home .dm-topbar{
  background: linear-gradient(180deg, rgba(28,34,46,.92), rgba(21,28,38,.92)) !important;
  border-bottom: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: sticky;
  top: 0;
  z-index: 60;
}
body.admin-bar.dm-is-home .dm-topbar{ top: 32px; }
@media (max-width: 782px){
  body.admin-bar.dm-is-home .dm-topbar{ top: 46px; }
}

body.dm-is-home .dm-logo,
body.dm-is-home .dm-nav__list a{ color:#fff; opacity:.92; }
body.dm-is-home .dm-nav__list a:hover{ opacity:1; }

body.dm-is-home .dm-action{ background: rgba(255,255,255,.10); }
body.dm-is-home .dm-action:hover{ background: rgba(255,255,255,.16); }

body.dm-is-home .dm-logo__badge{
  background: rgba(255,255,255,.95);
  color: var(--dm-primary-dark);
}

body.dm-is-home .dm-home{ padding-bottom: 40px; }

body.dm-is-home .dm-featured__grid{
  background: rgba(28,34,46,.55) !important;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 12px;
  box-shadow: 0 18px 45px rgba(0,0,0,.35);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
body.dm-is-home .dm-featured__item{
  border-radius: 14px;
  background: rgba(255,255,255,.05);
}
body.dm-is-home .dm-featured__overlay{
  background: linear-gradient(180deg, rgba(0,0,0,0) 28%, rgba(0,0,0,.78) 100%);
}

/* =========================================
   HOME FIX – tekst na bijelim karticama
   (zalijepi na KRAJ drina.css)
   ========================================= */

body.dm-is-home .dm-card{
  color: var(--dm-ink);                 /* glavna boja teksta u kartici */
}

body.dm-is-home .dm-card a{
  color: var(--dm-ink);                 /* link/ naslov da bude tamniji */
}

body.dm-is-home .dm-card__meta{
  color: rgba(0,0,0,.99);            /* meta tekst (datum) */
}

body.dm-is-home .dm-card__title{
  color: #313132;
}

body.dm-is-home .dm-card__link:hover .dm-card__title{
  text-decoration: underline;
}

/* HOME – potpuno ukloni glass box iza liste */
body.dm-is-home .dm-feed__inner{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
}

/* HOME – background fixed (bez repeat) */
body.dm-is-home{
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center top !important;
}
@media (max-width: 560px){
  body.dm-is-home{
    background-attachment: fixed !important;
  }
}

/* SINGLE – background fixed (bez repeat) */
body.dm-is-single{
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center top !important;
}
@media (max-width: 560px){
  body.dm-is-single{
    background-attachment: fixed !important;
  }
}

/* =========================================
   HOME – Topbar kao SINGLE (tamni “premium”)
   ========================================= */

/* osnovna boja/gradient kao single bar */
body.dm-is-home .dm-topbar{
  background: linear-gradient(180deg, rgba(28,34,46,.92), rgba(21,28,38,.92)) !important;
  border-bottom: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* linkovi i logo da ostanu čisti bijeli */
body.dm-is-home .dm-logo,
body.dm-is-home .dm-nav__list a{
  color:#fff;
  opacity:.92;
}

body.dm-is-home .dm-nav__list a:hover{ opacity:1; }

/* action dugmići malo “skuplji” */
body.dm-is-home .dm-action{
  background: rgba(255,255,255,.10);
}
body.dm-is-home .dm-action:hover{
  background: rgba(255,255,255,.16);
}

/* badge da ostane kontrastan */
body.dm-is-home .dm-logo__badge{
  background: rgba(255,255,255,.95);
  color: var(--dm-primary-dark);
}




/* HOME – sticky topbar */
body.dm-is-home .dm-topbar{
  position: sticky;
  top: 0;
  z-index: 60;
}

/* WP admin bar fix kad si ulogovan */
body.admin-bar.dm-is-home .dm-topbar{ top: 32px; }
@media (max-width: 782px){
  body.admin-bar.dm-is-home .dm-topbar{ top: 46px; }
}

/* =========================================
   NAV DROPDOWN (submenu) – fix (premium dark)
   ========================================= */

/* da dropdown može “ispasti” van topbara */
.dm-topbar,
.dm-topbar__inner{
  overflow: visible;
}

/* osnovno: roditelj mora biti relative */
.dm-nav__list > li{
  position: relative;
}

/* ukloni bullet-e svuda u navu */
.dm-nav__list,
.dm-nav__list .sub-menu{
  list-style: none !important;
  margin: 0;
  padding: 0;
}

/* caret za stavke koje imaju submenu */
.dm-nav__list > li.menu-item-has-children > a::after{
  content: "▾";
  display: inline-block;
  margin-left: 6px;
  font-size: 11px;
  opacity: .8;
  transform: translateY(-1px);
}

/* SUBMENU panel */
.dm-nav__list .sub-menu{
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 230px;
  z-index: 9999;

  display: none;                 /* sakriven default */
  background: rgba(21,28,38,.96);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  padding: 8px;

  box-shadow: 0 18px 45px rgba(0,0,0,.45);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* mali “spoj” da hover ne prekine dropdown */
.dm-nav__list > li.menu-item-has-children::after{
  content:"";
  position:absolute;
  left:0;
  top:100%;
  width:100%;
  height:12px;
}

/* otvaranje na hover i kad je fokus (tastatura) */
.dm-nav__list > li:hover > .sub-menu,
.dm-nav__list > li:focus-within > .sub-menu{
  display: block;
}

/* linkovi unutar dropdowna */
.dm-nav__list .sub-menu a{
  display: block;
  padding: 10px 12px;
  border-radius: 10px;

  color: rgba(255,255,255,.92) !important;
  text-transform: none !important;
  font-size: 13px;
  line-height: 1.2;
  opacity: 1 !important;
  white-space: nowrap;
}

/* hover stanje */
.dm-nav__list .sub-menu a:hover,
.dm-nav__list .sub-menu a:focus{
  background: rgba(255,255,255,.10);
  outline: none;
}

/* ako submenu ide previše desno na zadnjim stavkama */
.dm-nav__list > li:last-child > .sub-menu,
.dm-nav__list > li:nth-last-child(2) > .sub-menu{
  left: auto;
  right: 0;
}



/* =========================================
   HOME LAYOUT – feed + sidebar (RTVBN-like)
   ========================================= */

:root{
  --dm-topbar-h: 46px;
  --dm-adminbar-h: 0px;
}
body.admin-bar{ --dm-adminbar-h: 32px; }
@media (max-width: 782px){
  body.admin-bar{ --dm-adminbar-h: 46px; }
}

.dm-homegrid{
  display: grid;
  grid-template-columns: minmax(0, var(--dm-feed)) 320px;
  gap: 18px;
  align-items: start;
  padding-top: 18px;
}

/* feed u gridu ne treba dodatni top padding */
.dm-homegrid .dm-feed{ padding-top: 0; }

.dm-homegrid__main{ min-width: 0; }

.dm-sidebar{ min-width: 0; }
.dm-sidebar__inner{
  position: sticky;
  top: calc(var(--dm-topbar-h) + 16px + var(--dm-adminbar-h));
  display: grid;
  gap: 14px;
}

.dm-sideblock{
  border-radius: 14px;
  overflow: hidden;
}

/* default (ako ikad koristiš sidebar na light pozadini) */
.dm-sideblock{
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: var(--dm-shadow-soft);
}

/* HOME (dark premium) */
body.dm-is-home .dm-sideblock{
  background: rgba(28,34,46,.55);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 45px rgba(0,0,0,.30);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
}

.dm-sideblock__title{
  margin: 0;
  padding: 14px 14px 10px;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: .2px;
}
body.dm-is-home .dm-sideblock__title{ color: #fff; }

.dm-sideblock__empty{
  margin: 0;
  padding: 12px 14px 14px;
  opacity: .75;
}

/* Reklame */
.dm-ad{ padding: 12px; }

.dm-ad__ph{
  display:flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  gap: 4px;
  width: 100%;
  min-height: 250px;
  border-radius: 12px;
  background: rgba(0,0,0,.06);
  border: 1px dashed rgba(0,0,0,.18);
  font-weight: 900;
  letter-spacing: .8px;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(0,0,0,.65);
}
body.dm-is-home .dm-ad__ph{
  background: rgba(255,255,255,.06);
  border: 1px dashed rgba(255,255,255,.20);
  color: rgba(255,255,255,.65);
}

.dm-ad--bottom .dm-ad__ph{ min-height: 420px; }

/* Widget wrapper (da AdSense widget ne “rasipa” margin) */
.dm-widget{ margin: 0; }
.dm-widget__title{ display:none; }

/* Najnovije */
.dm-latest__list{
  list-style:none;
  margin: 0;
  padding: 0 10px 12px;
}

.dm-latest__item{ margin: 0; }

.dm-latest__link{
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 10px;
  padding: 10px;
  border-radius: 12px;
}

body.dm-is-home .dm-latest__link{ color: #fff; }

.dm-latest__link:hover,
.dm-latest__link:focus{
  background: rgba(0,0,0,.04);
  outline: none;
}
body.dm-is-home .dm-latest__link:hover,
body.dm-is-home .dm-latest__link:focus{
  background: rgba(255,255,255,.08);
}

.dm-latest__media{
  width: 76px;
  height: 56px;
  border-radius: 10px;
  overflow:hidden;
  background: rgba(0,0,0,.06);
}
body.dm-is-home .dm-latest__media{ background: rgba(255,255,255,.06); }

.dm-latest__img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.dm-latest__ph{
  display:block;
  width:100%;
  height:100%;
  background: linear-gradient(135deg, rgba(208,228,255,.8), rgba(255,255,255,.9));
}
body.dm-is-home .dm-latest__ph{
  background: linear-gradient(135deg, rgba(78,108,194,.35), rgba(255,255,255,.06));
}

.dm-latest__body{ min-width: 0; }

.dm-latest__title{
  display:block;
  font-weight: 900;
  font-size: 13px;
  line-height: 1.25;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.dm-latest__meta{
  display:block;
  margin-top: 6px;
  font-size: 11px;
  opacity: .7;
}

/* Responsive: sidebar ispod feed-a */
@media (max-width: 980px){
  .dm-homegrid{
    grid-template-columns: 1fr;
  }
  .dm-sidebar__inner{
    position: static;
    top: auto;
  }
}


/* =========================================
   SINGLE – fix za slike koje “izlaze” van okvira
   (zalijepi na KRAJ drina.css)
   ========================================= */

/* da ništa ne “curi” van rounded card-a */
body.dm-is-single .dm-single__article{
  overflow: hidden;
}

/* sve slike i mediji u contentu moraju biti responsive */
body.dm-is-single .dm-single__content img,
body.dm-is-single .dm-single__content figure,
body.dm-is-single .dm-single__content video,
body.dm-is-single .dm-single__content iframe,
body.dm-is-single .dm-single__content embed,
body.dm-is-single .dm-single__content object{
  max-width: 100% !important;
  height: auto !important;
}

/* WordPress block editor često koristi alignwide/alignfull – ovdje ih “ukrotimo” */
body.dm-is-single .dm-single__content .alignwide,
body.dm-is-single .dm-single__content .alignfull{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* malo finiji spacing za WP figure/caption */
body.dm-is-single .dm-single__content figure{
  margin: 14px 0;
}
body.dm-is-single .dm-single__content figcaption{
  font-size: 13px;
  line-height: 1.4;
  opacity: .75;
}






/* =========================================
   ARCHIVE (category/tag) + sidebar
   ========================================= */

.dm-archive{ padding: 18px 0 34px; }

.dm-archive__head{
  padding: 10px 14px 0;
}

.dm-archive__title{
  margin: 0 0 8px;
  font-size: 28px;
  line-height: 1.1;
  font-weight: 900;
}

.dm-archive__desc{
  opacity: .8;
  max-width: 820px;
}

.dm-archive__layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  align-items: start;
  padding-top: 14px;
}

/* feed u arhivi */
.dm-archive__feed .dm-card{ margin-bottom: 14px; }

/* sidebar sticky (ostaje dok ne dođe do kraja kontejnera) */
.dm-archive__sidebar{
  position: sticky;
  top: 70px;            /* ispod topbara */
  align-self: start;
}

/* admin bar offset */
body.admin-bar .dm-archive__sidebar{ top: 102px; }
@media (max-width: 782px){
  body.admin-bar .dm-archive__sidebar{ top: 116px; }
}

/* sidebar kartice */
.dm-sidecard{
  background: var(--dm-card);
  border-radius: 14px;
  box-shadow: var(--dm-shadow-soft);
  padding: 12px;
  margin-bottom: 14px;
}

.dm-sidecard__title{
  font-weight: 900;
  font-size: 14px;
  margin-bottom: 10px;
}

/* reklama placeholder */
.dm-ad__ph{
  width: 100%;
  aspect-ratio: 6 / 5;           /* približno 300x250 */
  border-radius: 12px;
  background: linear-gradient(135deg, #f0f3f9, #ffffff);
  border: 1px dashed rgba(21,28,38,.15);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  opacity: .55;
}

/* najnovije */
.dm-latest{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.dm-latest__link{
  display: block;
  padding: 10px 10px;
  border-radius: 12px;
  background: rgba(21,28,38,.04);
}

.dm-latest__link:hover{
  background: rgba(21,28,38,.06);
}

.dm-latest__title{
  display:block;
  font-weight: 900;
  line-height: 1.25;
  font-size: 14px;
}

.dm-latest__meta{
  display:block;
  margin-top: 6px;
  font-size: 11px;
  opacity: .65;
}

/* paginacija */
.dm-pagination{
  margin-top: 10px;
}
.dm-pagination .nav-links{
  display:flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.dm-pagination a,
.dm-pagination span{
  padding: 8px 12px;
  border-radius: 10px;
  background: rgba(21,28,38,.06);
}
.dm-pagination .current{
  background: rgba(78,108,194,.18);
  font-weight: 900;
}

/* responsive: sidebar ide ispod */
@media (max-width: 980px){
  .dm-archive__layout{
    grid-template-columns: 1fr;
  }
  .dm-archive__sidebar{
    position: static;
  }
}

/* =========================================
   GLOBAL STICKY OFFSET (topbar + admin bar)
   ========================================= */
:root{
  --dm-topbar-h: 46px;   /* visina .dm-topbar */
  --dm-adminbar-h: 0px;  /* default */
}

body.admin-bar{ --dm-adminbar-h: 32px; }
@media (max-width: 782px){
  body.admin-bar{ --dm-adminbar-h: 46px; }
}

/* =========================================
   HOME – grid + sticky sidebar
   ========================================= */
.dm-homegrid{
  display: grid;
  grid-template-columns: minmax(0, var(--dm-feed)) 320px;
  gap: 18px;
  align-items: start;
  padding-top: 18px;
}

.dm-homegrid__main{ min-width: 0; }
.dm-sidebar{ min-width: 0; }

/* sticky na INNER wrapper (kako ti je u DOM-u) */
.dm-sidebar__inner{
  position: sticky;
  top: calc(var(--dm-topbar-h) + var(--dm-adminbar-h) + 16px);
  align-self: start;
}

/* responsive: sidebar ide ispod i sticky se gasi */
@media (max-width: 980px){
  .dm-homegrid{ grid-template-columns: 1fr; }
  .dm-sidebar__inner{ position: static; top: auto; }
}

/* =========================================
   ARCHIVE – sticky sidebar (ako koristiš .dm-archive__sidebar)
   ========================================= */
.dm-archive__sidebar{
  position: sticky;
  top: calc(var(--dm-topbar-h) + var(--dm-adminbar-h) + 16px);
  align-self: start;
}
@media (max-width: 980px){
  .dm-archive__sidebar{ position: static; top: auto; }
}

/* =========================================
   AUTHOR + VERIFIED (single + list)
   ========================================= */

/* Default meta (LIST / cards) */
.dm-meta{
  display: flex;
  align-items: center;
  flex-wrap: wrap;            /* list može prelomiti */
  gap: 8px;
}

.dm-meta__sep{ opacity: .45; }

.dm-author{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 900;
}

.dm-author__link{
  text-decoration: none;
}
.dm-author__link:hover{
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* FB-style check (krug + check) */
.dm-author__verified{
  width: 16px;
  height: 16px;
  border-radius: 999px;
  display: inline-block;
  background: var(--dm-primary);
  box-shadow: 0 2px 8px rgba(0,0,0,.18);
}
.dm-author__verified::before{
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.0 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") no-repeat center / 12px 12px;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.0 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") no-repeat center / 12px 12px;
}

/* single (dark) – autor link svjetliji */
body.dm-is-single .dm-single__meta .dm-author__link{
  color: rgba(255,255,255,.92);
}

/* =========================================
   SINGLE META ROW: date left, author right
   Radi SAMO kad imaš klasu dm-meta--single
   ========================================= */

.dm-meta--single{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  flex-wrap: nowrap;          /* KLJUČ: ne prelama */
}

.dm-meta--single .dm-meta__left,
.dm-meta--single .dm-meta__right{
  display:flex;
  align-items:center;
  gap: 10px;
  min-width: 0;
}

.dm-meta--single .dm-meta__left .dm-meta__date{
  white-space: nowrap;
}

.dm-meta--single .dm-meta__right{
  margin-left: auto;
  flex-shrink: 0;
  white-space: nowrap;        /* autor u jednoj liniji */
}

/* Na mobitelu: i dalje ostaje desno dok god stvarno ima mjesta */
@media (max-width: 560px){
  .dm-meta--single{
    flex-wrap: nowrap;        /* NE vraćamo wrap */
  }
  .dm-meta--single .dm-meta__right{
    margin-left: auto;        /* ostaje desno */
    width: auto;              /* nikad 100% */
  }
}








/* =========================================
   CARD META: datum lijevo, autor desno
   ========================================= */

.dm-meta--card{
  display: flex !important;
  align-items: center;
  justify-content: space-between !important;
  gap: 12px;
  width: 100%;
  flex-wrap: nowrap !important;     /* ne prelama u 2 reda */
}

.dm-meta--card .dm-meta__left{
  min-width: 0;
}

.dm-meta--card .dm-meta__date{
  white-space: nowrap;
}

.dm-meta--card .dm-meta__right{
  margin-left: auto !important;     /* gura skroz desno */
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;              /* autor + check u jednoj liniji */
  flex-shrink: 0;
}

/* Ako je ekran preuzak (mobitel), možeš dozvoliti da padne ispod */
@media (max-width: 380px){
  .dm-meta--card{
    flex-wrap: wrap !important;
  }
  .dm-meta--card .dm-meta__right{
    width: 100%;
    margin-left: 0 !important;
    justify-content: flex-start;
  }
}








/* =========================================
   COMMENTS – reply textarea: da se vidi tekst
   ========================================= */

/* ciljani komentar wrapper */
.dm-comments textarea,
.dm-comments input[type="text"],
.dm-comments input[type="email"],
.dm-comments input[type="url"]{
  color: #151C26 !important;          /* tekst koji kucaš */
  background: #ffffff !important;      /* pozadina polja */
  caret-color: #151C26 !important;     /* kursor */
}

/* placeholder da se vidi */
.dm-comments textarea::placeholder,
.dm-comments input::placeholder{
  color: rgba(21,28,38,.45) !important;
  opacity: 1 !important;
}

/* kad si u reply modu, WP doda #respond unutar .dm-comments – pojačaj specifičnost */
.dm-comments #respond textarea{
  color: #151C26 !important;
  background: #ffffff !important;
  caret-color: #151C26 !important;
}

/* ako ti se u reply modu naslijedi white text iz dark mode-a, ovo ga “prebije” */
.dm-comments,
.dm-comments *{
  text-shadow: none;
}
/* =========================================
   HOME – LIVE HERO (UŽIVO) blok (SIMPLE)
   Badge + naslov lijevo, zadnji update desno
   ========================================= */

.dm-livehero{
  margin-top: 16px;
  margin-bottom: 6px;
}

.dm-livehero__card{
  border-radius: 18px;
  overflow: hidden;
  background: rgba(28,34,46,.55);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 45px rgba(0,0,0,.30);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.dm-livehero__link{
  display:block;
  color:#fff;
  padding: 12px 14px;
  text-decoration: none;
}

/* Gornji red: left grupa + right meta */
.dm-livehero__top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
}

/* Lijeva grupa: badge + naslov u jednoj liniji */
.dm-livehero__left{
  display:flex;
  align-items:center;
  gap: 12px;
  min-width: 0; /* omogućava ellipsis na naslovu */
}

.dm-livehero__badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing:.6px;
  text-transform: uppercase;
  font-size: 12px;
  background: rgba(255,0,0,.14);
  border: 1px solid rgba(255,0,0,.35);
  flex-shrink: 0;
}

.dm-livehero__dot{
  width:10px;
  height:10px;
  border-radius: 999px;
  background: #ff3b30;
  box-shadow: 0 0 0 0 rgba(255,59,48,.40);
  animation: dmLivePulse 1.25s infinite ease-in-out;
}

@keyframes dmLivePulse{
  0%   { transform: scale(.95); box-shadow: 0 0 0 0 rgba(255,59,48,.35); }
  50%  { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(255,59,48,0); }
  100% { transform: scale(.95); box-shadow: 0 0 0 0 rgba(255,59,48,0); }
}

/* Naslov inline (bez margin-bottom jer je u istom redu) */
.dm-livehero__title{
  margin: 0;
  font-size: 18px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -0.2px;
}

/* Ovo je bitno da naslov ne “razbije” layout */
.dm-livehero__title--inline{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Desno: zadnji update */
.dm-livehero__meta{
  display:flex;
  align-items:center;
  gap: 8px;
  font-size: 12px;
  opacity: .85;
  white-space: nowrap;
  flex-shrink: 0;
}
.dm-livehero__meta-label{
  opacity: .75;
}

/* Hover */
.dm-livehero__link:hover{
  color:#fff;
  opacity: .98;
}



/* MOBILE: sve u jednom redu + prikazi samo vrijeme desno */
@media (max-width: 720px){
  .dm-livehero__top{
    flex-wrap: nowrap;            /* ostaje jedna linija */
  }

  /* lijevi blok neka se steže (naslov ellipsis) */
  .dm-livehero__left{
    flex: 1;
    min-width: 0;
  }

  /* sakrij "Zadnji update:" + datum, ostavi samo vrijeme */
  .dm-livehero__meta-label{ display: none; }
  .dm-livehero__date{ display: none; }
  .dm-livehero__sep{ display: none; }

  /* desno vrijeme */
  .dm-livehero__meta{
    margin-left: auto;
    font-size: 12px;
    opacity: .85;
    white-space: nowrap;
  }
}

/* Ako je baš usko, malo smanji font vremena */
@media (max-width: 420px){
  .dm-livehero__meta{ font-size: 11px; }
}


@media (max-width: 560px){
  .dm-nav__list > li.dm-subopen > .sub-menu{
    display: block !important;
  }
}



/* =========================================================
   HOTFIX: MOBILE SUBMENU (da se ne klipuje u scroll meniju)
   Zalijepi na SAM KRAJ drina.css
   ========================================================= */
@media (max-width: 560px){

  /* Submenu mora biti FIXED, jer je ul.dm-nav__list scroll container
     i absolute dropdown se klipuje/odreže */
  .dm-nav__list .sub-menu{
    display: none; /* zatvoren default */
    position: fixed !important;

    left: 10px !important;
    right: 10px !important;
    top: calc(var(--dm-topbar-h) + var(--dm-adminbar-h) + 8px) !important;
    bottom: auto !important;

    min-width: 0 !important;
    max-width: 520px !important;
    margin: 0 auto !important;

    max-height: calc(100vh - (var(--dm-topbar-h) + var(--dm-adminbar-h) + 24px)) !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;

    z-index: 99999 !important; /* iznad svega */
  }

  /* Otvori kad JS doda klasu na LI (ti već koristiš dm-subopen) */
  .dm-nav__list > li.dm-subopen > .sub-menu{
    display: block !important;
  }
}





/* =========================================================
   COMMENTS FIX – vidljiva polja (ime/email/website) + bolji UI
   Zalijepi na SAM KRAJ drina.css
   ========================================================= */

/* Bijeli komentar box unutar dark single-a */
.dm-single__comments .dm-comments,
.dm-comments{
  background: #fff;
  color: var(--dm-ink);
  border-radius: 14px;
  border: 1px solid rgba(21,28,38,.10);
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
}

/* Naslovi i tekstovi u komentarima */
.dm-single__comments .dm-comments .comments-title,
.dm-single__comments .dm-comments .comment-reply-title,
.dm-single__comments .dm-comments p,
.dm-comments .comments-title,
.dm-comments .comment-reply-title,
.dm-comments p{
  color: var(--dm-ink) !important;
}

/* KLJUČ: labele su ti bile bijele zbog .dm-single__comments label */
.dm-single__comments .dm-comments label,
.dm-comments label{
  display: block !important;
  color: rgba(21,28,38,.82) !important;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .2px;
  margin: 0 0 6px;
}

/* Neka WP polja sigurno budu prikazana (nekad ih CSS slučajno sakrije) */
.dm-single__comments .dm-comments .comment-form-author,
.dm-single__comments .dm-comments .comment-form-email,
.dm-single__comments .dm-comments .comment-form-url,
.dm-single__comments .dm-comments .comment-form-comment,
.dm-comments .comment-form-author,
.dm-comments .comment-form-email,
.dm-comments .comment-form-url,
.dm-comments .comment-form-comment{
  display: block !important;
  margin: 0 0 12px;
}

/* Input/textarea – jasne ivice i tekst */
.dm-single__comments .dm-comments input[type="text"],
.dm-single__comments .dm-comments input[type="email"],
.dm-single__comments .dm-comments input[type="url"],
.dm-single__comments .dm-comments textarea,
.dm-comments input[type="text"],
.dm-comments input[type="email"],
.dm-comments input[type="url"],
.dm-comments textarea{
  width: 100% !important;
  background: #fff !important;
  color: var(--dm-ink) !important;
  border: 1px solid rgba(21,28,38,.18) !important;
  border-radius: 12px !important;
  padding: 11px 12px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Da textarea ne izgleda kao "prazan blok" */
.dm-single__comments .dm-comments textarea,
.dm-comments textarea{
  min-height: 140px;
  resize: vertical;
}

/* Placeholder da se vidi */
.dm-single__comments .dm-comments input::placeholder,
.dm-single__comments .dm-comments textarea::placeholder,
.dm-comments input::placeholder,
.dm-comments textarea::placeholder{
  color: rgba(21,28,38,.45) !important;
  opacity: 1 !important;
}

/* Fokus stanje – premium outline */
.dm-single__comments .dm-comments input:focus,
.dm-single__comments .dm-comments textarea:focus,
.dm-comments input:focus,
.dm-comments textarea:focus{
  border-color: rgba(78,108,194,.75) !important;
  box-shadow: 0 0 0 4px rgba(78,108,194,.18) !important;
}

/* Dugme Pošalji */
.dm-single__comments .dm-comments .form-submit .submit,
.dm-comments .form-submit .submit{
  background: var(--dm-accent) !important;
  color: #111 !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  font-weight: 900 !important;
  cursor: pointer;
}

/* Cookie consent red da ne izgleda “razbijeno” */
.dm-single__comments .dm-comments .comment-form-cookies-consent,
.dm-comments .comment-form-cookies-consent{
  display: flex !important;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.dm-single__comments .dm-comments .comment-form-cookies-consent input,
.dm-comments .comment-form-cookies-consent input{
  width: 16px !important;
  height: 16px !important;
}

/* Na većim ekranima – author/email u 2 kolone */
@media (min-width: 720px){
  .dm-single__comments .dm-comments #commentform,
  .dm-comments #commentform{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 12px;
  }
  .dm-single__comments .dm-comments .comment-form-comment,
  .dm-single__comments .dm-comments .comment-form-url,
  .dm-single__comments .dm-comments .comment-form-cookies-consent,
  .dm-single__comments .dm-comments .form-submit,
  .dm-comments .comment-form-comment,
  .dm-comments .comment-form-url,
  .dm-comments .comment-form-cookies-consent,
  .dm-comments .form-submit{
    grid-column: 1 / -1;
  }
}





/* =========================================
   COMMENTS – premium (dark glass + toggle)
   Zalijepi na KRAJ
   ========================================= */

.dm-comments{
  margin-top: 18px;
  border-radius: 18px;
  overflow: hidden;

  background: rgba(28,34,46,.62);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 45px rgba(0,0,0,.35);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);

  color: rgba(255,255,255,.92);
}

.dm-comments__head{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 14px;

  padding: 16px 16px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);

  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
}

.dm-comments__title{
  margin: 0;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: -.2px;
  color:#323232;
}

.dm-comments__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left: 10px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.90);
}

.dm-comments__sub{
  margin: 8px 0 0;
  font-size: 13px;
  opacity: .82;
  max-width: 60ch;
}

.dm-comments__toggle{
  flex-shrink: 0;
  border: 0;
  cursor: pointer;

  background: var(--dm-accent);
  color: #111;
  font-weight: 950;
  letter-spacing: .3px;

  padding: 10px 14px;
  border-radius: 12px;

  box-shadow: 0 10px 25px rgba(0,0,0,.25);
}
.dm-comments__toggle:hover{ filter: brightness(.95); }
.dm-comments__toggle:focus{
  outline: 3px solid rgba(255,178,0,.35);
  outline-offset: 2px;
}

/* Forma je “zatvorena” dok ne klikneš dugme */
.dm-comments__formwrap{
  display:none;
  padding: 14px 16px 16px;
}
.dm-comments.is-open .dm-comments__formwrap{ display:block; }

/* Naslov forme iz comment_form() */
.dm-comments__formtitle{
  margin: 6px 0 10px;
  font-size: 16px;
  font-weight: 950;
  color: #fff;
}

/* WP form layout */
.dm-comments #commentform{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 10px;
}

.dm-comments #commentform p{
  margin: 0;
}

.dm-comments #commentform .comment-form-comment{ grid-column: 1 / -1; }
.dm-comments #commentform .comment-form-url{ grid-column: 1 / -1; }
.dm-comments #commentform .comment-form-cookies-consent{ grid-column: 1 / -1; }
.dm-comments #commentform .form-submit{
  grid-column: 1 / -1;
  display:flex;
  justify-content: flex-end;
  margin-top: 4px;
}

/* Labels */
.dm-comments label{
  display:block;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .3px;
  margin-bottom: 6px;
  color: rgba(255,255,255,.80);
}
.dm-comments .required{ color: var(--dm-accent); }

/* Inputs */
.dm-comments input[type="text"],
.dm-comments input[type="email"],
.dm-comments input[type="url"],
.dm-comments textarea{
  width:100%;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);

  padding: 12px 12px;
  outline: none;
}

.dm-comments textarea{
  min-height: 170px;
  resize: vertical;
}

.dm-comments input::placeholder,
.dm-comments textarea::placeholder{
  color: rgba(255,255,255,.45);
  opacity: 1;
}

.dm-comments input:focus,
.dm-comments textarea:focus{
  border-color: rgba(255,178,0,.55);
  box-shadow: 0 0 0 4px rgba(255,178,0,.14);
}

/* Checkbox red */
.dm-comments .comment-form-cookies-consent{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}
.dm-comments .comment-form-cookies-consent input{ margin-top: 3px; }
.dm-comments .comment-form-cookies-consent label{
  margin: 0;
  font-weight: 700;
  letter-spacing: 0;
  opacity: .9;
}

/* Submit */
.dm-comments .submit{
  border: 0;
  cursor: pointer;
  background: var(--dm-accent);
  color: #111;
  font-weight: 950;
  padding: 11px 16px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
}
.dm-comments .submit:hover{ filter: brightness(.95); }

/* List of comments */
.dm-comments__list{
  list-style: none;
  margin: 0;
  padding: 14px 16px 4px;
  display:grid;
  gap: 12px;
}

.dm-comments .comment{
  border-radius: 16px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  padding: 12px 12px;
}

.dm-comments .comment .comment-body{ margin: 0; }

.dm-comments .comment-meta{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.dm-comments .comment-author{
  font-weight: 950;
  color:#323232;
}
.dm-comments .comment-author .says{ display:none; }

.dm-comments .comment-metadata a{
  font-size: 12px;
  opacity: .75;
  text-decoration: none;
}
.dm-comments .comment-metadata a:hover{ text-decoration: underline; }

.dm-comments .comment-content{
  color: rgba(255,255,255,.88);
  line-height: 1.65;
}

.dm-comments .reply{
  margin-top: 10px;
}
.dm-comments .reply a{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  font-size: 12px;
  font-weight: 900;

  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}
.dm-comments .reply a:hover{ background: rgba(255,255,255,.10); }

/* Pagination */
.dm-comments__pager{
  padding: 0 16px 14px;
}
.dm-comments__pager .nav-links{
  display:flex;
  justify-content:center;
  gap: 10px;
}
.dm-comments__pager a,
.dm-comments__pager span{
  padding: 8px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}
.dm-comments__pager .current{
  background: rgba(255,178,0,.18);
  border-color: rgba(255,178,0,.22);
  font-weight: 950;
}

/* Mobile */
@media (max-width: 680px){
  .dm-comments__head{ align-items: flex-start; }
  .dm-comments__toggle{ padding: 10px 12px; }
  .dm-comments #commentform{ grid-template-columns: 1fr; }
}

/* =========================
   COMMENTS – avatar 44px -> 15px
   ========================= */
.dm-comments img.avatar,
.dm-comments .comment-author img.avatar,
.dm-comments .comment-author.vcard img.avatar,
.dm-comments .avatar{
  width: 15px !important;
  height: 15px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  display: block !important;
  flex: 0 0 15px !important; /* da ne raste u flex layoutu */
}

/* Ako ti WP ubaci marginu oko avatara pa “bježi” */
.dm-comments .comment-author.vcard .avatar{
  margin: 0 !important;
}
/* Poravnanje avatara i imena u istu liniju */
.dm-comments .comment-author.vcard{
  display: flex;
  align-items: center;
  gap: 8px;
}









/* =========================================
   SINGLE – Back button (veći, okrugli, border)
   ========================================= */
.dm-singlebar__back{
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);

  box-shadow: 0 10px 22px rgba(0,0,0,.25);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);

  font-size: 20px;     /* veličina strelice */
  line-height: 1;
  color: rgba(255,255,255,.92);

  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.dm-singlebar__back:hover{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.26);
  transform: translateY(-1px);
}

.dm-singlebar__back:active{
  transform: translateY(0);
}

.dm-singlebar__back:focus-visible{
  outline: 2px solid var(--dm-accent);
  outline-offset: 2px;
}

/* GLOBAL: isti topbar background na svim stranicama (FIX) */
body.wp-theme-drina-template header.dm-topbar{
  background: linear-gradient(180deg, rgba(28, 34, 46, .92), rgba(21, 28, 38, .92)) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .25) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);

  position: sticky;
  top: 0;
  z-index: 999;

  /* bonus: sprječava "šav" na ivicama kod blur-a */
  isolation: isolate;
}

/* inner mora biti potpuno transparentan */
body.wp-theme-drina-template header.dm-topbar .dm-topbar__inner{
  background: transparent !important;
  background-color: transparent !important;
}

/* admin-bar offset (WP toolbar) */
body.wp-theme-drina-template.admin-bar header.dm-topbar{
  top: 32px !important;
}
@media (max-width: 782px){
  body.wp-theme-drina-template.admin-bar header.dm-topbar{
    top: 46px !important;
  }
}