/*
 Theme Name:  ClassiPress Child
 Template:    classipress
 Text Domain: classipress-child
*/

/* ===========================
   Rank Math breadcrumbs - ClassiPress stil
   =========================== */
.breadcrumbs-rm {
  margin: 10px 0 20px;
  font-size: 15px;   /* default za mobilne */
  line-height: 1.5;
  color: #555;
}

.breadcrumbs-rm a {
  color: #c00; /* ClassiPress crvena */
  text-decoration: none;
  font-weight: 500;
}

.breadcrumbs-rm a:hover {
  text-decoration: underline;
}

.breadcrumbs-rm .separator {
  margin: 0 8px;
  color: #aaa;
  font-weight: normal;
}

/* poslednji crumb (naslov oglasa) istaknut */
.breadcrumbs-rm span:last-child {
  font-weight: 600;
  color: #333;
}

/* na desktopu povećaj font */
@media (min-width: 768px) {
  .breadcrumbs-rm {
    font-size: 17px;
    line-height: 1.6;
  }
}

/* ===========================
   Custom breadcrumbs (taxonomy-ad_cat)
   =========================== */
.idk-breadcrumbs {
  margin: 10px 0 20px;  /* isti vertikalni razmaci kao RankMath */
  font-size: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.idk-breadcrumbs a {
  color: #c00; /* ista crvena kao na single */
  text-decoration: none;
  font-weight: 500;
}

.idk-breadcrumbs a:hover {
  text-decoration: underline;
}

.idk-breadcrumbs .sep {
  margin: 0 8px; /* identično RankMath separatoru */
  color: #aaa;
  font-weight: normal;
}

.idk-breadcrumbs strong {
  font-weight: 600;
  color: #333;
}

/* desktop varijanta */
@media (min-width: 768px) {
  .idk-breadcrumbs {
    font-size: 17px;
    line-height: 1.6;
  }
}
/* Stil za link "Objavite oglas" u praznim kategorijama */
.objavite-oglas-link {
  color: #c00;         /* crvena, da bude usklađena sa breadcrumbs */
  font-weight: 600;    /* malo boldovan */
  text-decoration: none;
  transition: all 0.2s ease;
}

.objavite-oglas-link:hover {
  text-decoration: underline; /* pojavi se linija ispod */
  color: #e60000;                /* tamno siva/ crna na hover */
}

/* Sakrij sve modale/overleje kao i generičan popup koji ima .inner/.status-title,
   ali SAMO na verifikacionoj strani (preko body klase) */
.page-verifikacija-naloga .uv-modal,
.page-verifikacija-naloga .uv-modal-overlay,
.page-verifikacija-naloga .user-verification-modal,
.page-verifikacija-naloga .user-verification-overlay,
.page-verifikacija-naloga .uv_popup,
.page-verifikacija-naloga .uv-overlay,
.page-verifikacija-naloga .sweet-overlay,
.page-verifikacija-naloga .sweet-alert,
.page-verifikacija-naloga .swal2-container,
.page-verifikacija-naloga .swal2-popup,
.page-verifikacija-naloga .iziModal,
.page-verifikacija-naloga .iziModal-overlay,
.page-verifikacija-naloga .iziOverlay,
.page-verifikacija-naloga .iziModal-wrap,
.page-verifikacija-naloga .fancybox-container,
.page-verifikacija-naloga .mfp-wrap,
.page-verifikacija-naloga .mfp-bg {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Gađamo i sam “custom” popup po klasama iz tvog HTML-a */
.page-verifikacija-naloga .inner,
.page-verifikacija-naloga .status-title,
.page-verifikacija-naloga .status,
.page-verifikacija-naloga .close {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Za svaki slučaj – otključa scroll */
body.page-verifikacija-naloga.uv-modal-open,
body.page-verifikacija-naloga.swal2-shown,
body.page-verifikacija-naloga.iziModal-isOpen,
body.page-verifikacija-naloga.mfp-zoom-out-cur {
  overflow: auto !important;
}

.idk-pass-msg {
  margin: 6px 0 10px;
  font-size: 14px;
  color: #b31818; /* ClassiPress crvena */
}

/* Početna: smanji razmak ispod hero pretrage */
@media (min-width: 40em){
  body.home #primary.content-area { 
    margin-top: 0em !important;   /* pola od 4em; po želji stavi 0, 1.5em itd. */
  }
}

/* (opciono) na manjim ekranima dodatno malo zbij */
@media (max-width: 39.99em){
  body.home #primary.content-area { 
    margin-top: 1em !important;
  }
}

/* HOME: prepolovi vertikalni razmak između widget redova */
.home #primary.content-area .tiled-row.row + .tiled-row.row{
  margin-top: 2rem !important;   /* ~32px; prilagodi po želji */
}

/* prvi red odmah ispod covera bez dodatnog razmaka */
.home #primary.content-area .tiled-row.row:first-child{
  margin-top: 0 !important;
}

/* (opciono) naslovi unutar redova bez „lufta” od vrha */
.home #primary .tiled-row .section-title,
.home #primary .tiled-row .widget-title,
.home #primary .tiled-row h2{
  margin-top: 0 !important;
}

/* malo manji razmak na mobilnom */
@media (max-width: 640px){
  .home #primary.content-area .tiled-row.row + .tiled-row.row{
    margin-top: 1rem !important; /* ~16px */
  }
}

/* 1) Skini razmak ispod: "Pogledajte još oglasa" */
#cp_widget_listing_latest-1 .view-more-listings {
  margin-bottom: 0 !important;
}

/* 2) Skini razmak OD GORE na sledećem widgetu (Magazin) */
#cp_widget_post_latest-1.home-widget { 
  margin-top: 0 !important; 
}
#cp_widget_post_latest-1 .home-widget-head-wrap,
#cp_widget_post_latest-1 .home-widget-title {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 3) Ako i dalje ima “vazduha” od wrappera između ova dva bloka */
.home-top-area .tiled-row.row { 
  padding-bottom: 0 !important; 
  margin-bottom: 6px !important;  /* po želji 8–16px */
}
/* Dodaj tampon iznad prvog bloka u Home Top (Istaknuti oglasi) */
.home-top-area > .tiled-row.row:first-child {
  padding-top: 18px !important;   /* po ukusu: 12–24px */
}

/* Ne dozvoli da naslov ima dodatni gornji margin koji bi uvećao razmak */
.home-top-area > .tiled-row.row:first-child .home-widget-head-wrap,
.home-top-area > .tiled-row.row:first-child .home-widget-title {
  margin-top: 0 !important;
}
/* 1) Manji razmak oko dugmeta "Pogledajte još tekstova" */
.home #cp_widget_post_latest-1 .view-more-articles {
  margin: 10px 0 8px !important; /* podešavaj po ukusu */
}

/* 2) Poslednji blok u Home Top – skroz zbij dno */
.home .home-top-area .tiled-row.row:last-of-type {
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
}

/* 3) Prazne sekcije ispod (da ne prave “prazan” prostor) */
.home .home-middle-area,
.home .home-bottom-area {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* ===== HOME HERO: centriraj pretragu i skloni prazne kolone ===== */
.home .home-cover .searchbar-shortcode .column{ 
  text-align:center; /* formu držimo u centru wrappera */
}

/* Formu radimo kao inline-flex da se centrira i drži zajedno input + dugme */
.home .home-cover .searchbar-shortcode form.search-form{
  display:inline-flex;
  align-items:stretch;
  justify-content:center;
  gap:12px;
}

/* Kolone lokacija/kategorija (prazne posle našeg plugina) uklonimo iz layout-a */
.home .home-cover .searchbar-shortcode .search-location-wrap,
.home .home-cover .searchbar-shortcode .search-category-wrap{
  display:none !important;
}

/* Input i dugme neka imaju prirodnu širinu (ne Foundation kolone) */
.home .home-cover .searchbar-shortcode .search-keywords-wrap,
.home .home-cover .searchbar-shortcode .search-button-wrap{
  width:auto !important;
  flex:0 0 auto;
}

/* Širina polja: responsivno i lepo */
.home .home-cover .searchbar-shortcode .search-keywords-wrap input{
  width:clamp(280px, 42vw, 560px);
  height:44px;
}

/* Dugme neka ne bude “expanded” preko cele širine u ovoj zoni */
.home .home-cover .searchbar-shortcode .search-button-wrap .button.expanded{
  width:auto !important;
  min-width:140px;
  height:44px;
  line-height:44px;
  padding:0 18px;
}

/* ——— Telefoni u landscape-u: prikaži mobilni header, bez h-skrola,
      hamburgeri skroz levo/desno, logo uz levi ——— */
@media (orientation: landscape) and (max-width: 900px) {

  /* pokaži mobilni title-bar, sakrij desktop trake */
  body .title-bar{ 
    display:flex !important;
    align-items:center;
    justify-content:space-between;
  }
  body #top-bar-primary,
  body #top-bar-secondary,
  body .custom-header{ display:none !important; }

  /* nema horizontalnog skrola nigdje u header zoni */
  html, body,
  body .off-canvas-wrapper,
  body .off-canvas-content{ overflow-x: clip !important; }

  /* title-bar tačno u širini ekrana, bez viška paddinga koji pravi skrol */
  body .title-bar{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box;
    padding-left: max(10px, env(safe-area-inset-left)) !important;
    padding-right:max(10px, env(safe-area-inset-right)) !important;
  }

  /* hamburgeri bez margina, logo bliže levom hamburgeru */
  body .title-bar .menu-icon{ margin:0 !important; }
  body .title-bar .title-bar-title{ margin-left:10px !important; }
}

/* ===== Footer: treća kolona – "Najnoviji tekstovi" (Recent Posts) ===== */
#footer .widget_recent_entries .widget-title{
  margin:0 0 10px;
  font-weight:700;
  line-height:1.2;
  padding-bottom:6px;
  border-bottom:2px solid currentColor; /* podvučeno kao u prva dva widgeta */
}

/* Lista bez default bullet-a, kao kod ostalih */
#footer .widget_recent_entries ul{
  list-style:none;
  margin:0;
  padding:0;
}
#footer .widget_recent_entries li{ margin:6px 0; }

/* Linkovi – isti izgled i hover kao u prva dva widgeta */
#footer .widget_recent_entries li a{
  display:inline-flex;              /* omogućava “kuglicu” + tekst */
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:inherit;                    /* preuzima boju teme */
  padding:6px 4px;
  border-radius:8px;
  transition:background-color .2s ease, color .2s ease, padding-left .2s ease;
  line-height:1.35;
}

/* Kuglica (bullet) pre svakog linka – bez dodatnog HTML-a */
#footer .widget_recent_entries li a::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:currentColor;
  opacity:.7;
  flex:0 0 8px;
}

/* Hover/focus efekti – ujednačeno sa prva dva widgeta */
#footer .widget_recent_entries li a:hover{
  background-color:rgba(127,127,127,.15);
  padding-left:8px;
}
#footer .widget_recent_entries li a:focus{
  outline:2px solid currentColor;
  outline-offset:2px;
}

/* Registracija – poravnanje i veličina checkboxova */
.register-consents label{
  display:flex;                 /* osiguraj flex i kad tema nešto prepiše */
  align-items:center !important;/* centriraj vertikalno pored teksta */
  gap:12px;
  margin:8px 0;
  line-height:1.3;
}

.register-consents input[type="checkbox"]{
  /* uvećaj ~2x i poravnaj levo/sredina */
  transform: scale(1.3);
  transform-origin: left center;
  /* mali "hit area" dodatak da se lakše klikće */
  inline-size: 16px;            /* zadrži širinu prostora posle skaliranja */
  block-size: 16px;
}

.register-consents a{
  text-decoration: none;        /* opciono: čistiji izgled linka */
}
.register-consents a:hover{
  text-decoration: underline;   /* vizuelni feedback */
}

/* === Najnoviji oglasi (widget cp_widget_listing_latest) – više mesta za naslov i izvod === */

/* 0) Malo sabij padding u kartici da stane više teksta */
#cp_widget_listing_latest-1 .listing-item .content-inner {
  padding: 12px 14px !important; /* obično ~20px */
}

/* 1) Naslov u DVA reda sa elipsom (umesto 1) */
#cp_widget_listing_latest-1 .listing-item .entry-title a {
  white-space: normal !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;            /* tačno 2 reda */
  -webkit-box-orient: vertical;
  line-height: 1.25;
  max-height: none !important;       /* pregazi moguće max-height iz teme */
}

/* 2) Zbij meta blok (kategorija) da ostane više prostora tekstu */
#cp_widget_listing_latest-1 .listing-item .listing-meta {
  margin: 2px 0 6px !important;
  line-height: 1.1;
}

/* 3) Izvod u 4 reda sa elipsom (promeni u 3 po želji) */
#cp_widget_listing_latest-1 .listing-item .entry-content.subheader {
  white-space: normal !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;             /* stavi 3 ako želiš kraće */
  -webkit-box-orient: vertical;
  line-height: 1.45;
  max-height: none !important;
}

/* 4) Ne dozvoli da "moretag" razbije clamp (ostaje link, ali bez razvlačenja) */
#cp_widget_listing_latest-1 .listing-item .entry-content.subheader .moretag {
  white-space: nowrap;
}

/* 5) Sitno zatezanje razmaka između kartica */
#cp_widget_listing_latest-1 .listing-item {
  margin-bottom: 22px;
}