/*
 * Beogradski Oglasi – dizajn (učitava se POSLE main.css i subcategories-grid.css, u index.tpl)
 * Izvor: dizajn/izvorno/bo-paket/DIZAJN-SPECIFIKACIJA.md
 * Da se vrati staro stanje: ukloniti <link> za ovaj fajl iz index.tpl.
 */

/* ============ 1. Tokeni ============ */
:root{
  --bo-primary:#3B5998;
  --bo-primary-hover:#2D4677;
  --bo-primary-light:#EEF2FA;
  --bo-cta:#E8700A;
  --bo-cta-hover:#C95F06;
  --bo-cta-light:#FDD3AE;
  --bo-cta-bg:#FFF4EA;
  --bo-red:#E0182A;
  --bo-text:#2A2A2A;
  --bo-text-2:#4A4F5A;
  --bo-muted:#6B7280;
  --bo-bg:#F4F5F7;
  --bo-card:#FFFFFF;
  --bo-border:#E3E6EC;
  --bo-border-input:#D9DEE7;
  --bo-img-bg:#E8EDF6;
  --bo-shadow-hover:0 6px 20px rgba(42,42,42,.08);

  /* promenljive teme */
  --primary:#3B5998;
  --primary-hover:#2D4677;
  --primary-light:#EEF2FA;
  --primary-glow:rgba(59,89,152,.25);
  --primary-bg:#F4F5F7;
  --accent:#E8700A;
  --accent-hover:#C95F06;
  --accent-light:#FDD3AE;
  --accent-soft:#FFF4EA;
  --blue:#3B5998;
  --blue-dark:#2D4677;
  --blue-light:#EEF2FA;
  --blue-soft:#EEF2FA;
  --text-main:#2A2A2A;
  --text-muted:#6B7280;
  --border:#E3E6EC;
  --border-hover:#D9DEE7;
  --radius:14px;
}

/* ============ 2. Zamena hardkodovanih boja teme ============ */

/* plava dugmad i aktivna stanja (#186aff, #0d6efd) */
.button-color-scheme1,
.btn-color-blue,
.live-search-results-item:hover,
.widget-categories-or-subcategories a.active,
.ad-create-categories-container span:hover,
.card-contact-user-item-box:hover,
.review-add-item-container.active,
.home-widget-categories-item:hover,
.personal-shop-banners-item-control span,
.page-link.active, .active > .page-link,
.page-support-item:hover,
.promo-business-header-container-list > div,
.ad-paid-services-ads-item:hover,
.ad-paid-services-ads-item.active,
.profile-button-item-actions:hover,
.sections-bg-blue,
.registration-change-profile > div:hover,
.registration-change-profile > div.active{
  background-color:var(--bo-primary)!important;
}
.page-link.active, .active > .page-link{ border-color:var(--bo-primary)!important; }
.button-color-scheme1:hover{ background-color:var(--bo-primary-hover)!important; opacity:1; }
.button-color-scheme1-light{ background-color:var(--bo-primary-light); }

.bg-blue{ background:linear-gradient(135deg, #4A6BAE, var(--bo-primary)); }

/* plavi tekst i linkovi (#0066f5, #2563eb, #0d6efd) */
.header-wow-top-list .header-wow-top-list-item:hover,
.header-wow-top-list-icon-item:hover,
.live-search-container-geo-name,
.big-catalog-menu-content-subcategories a:hover,
.container-item-grid-content-title:hover,
.header-user-dropdown-menu-box-link a:hover,
.profile-user-sidebar-menu a:hover,
.my-tabs-items-big .my-tabs-item span, .my-tabs-items-small .my-tabs-item span,
.profile-container-item-list-content-title:hover,
.share-social-list-link a:hover,
.widget-stories-item-process-load span,
.widget-shops-item-link:hover .widget-shops-item-content h4,
.profile-searches-item-list a:hover,
.blog-grid-item:hover .blog-grid-item-title,
.link-geo-item:hover,
.profile-settings-sections a i,
.ad-card-info-stat-item i,
.blog-widget-categories-or-subcategories a,
.profile-container-shop-list-content-title:hover,
.widget-shops-item-content-title:hover,
.box-user-face-card-content a:hover,
.market-footer__app-link, .market-footer__app-icon,
.market-footer__column a:hover,
.market-footer__legal a:hover{
  color:var(--bo-primary)!important;
}

/* ivice i fokus */
.form-control:focus,
.form-control-textarea:focus{ border-color:var(--bo-primary)!important; }
.live-search-form-input:focus,
.chat-dialogue-footer-action-textarea:focus{ border-color:var(--bo-primary)!important; }
.ad-card-media-slider-miniatures .swiper-slide.active{ border-color:var(--bo-primary)!important; }
.quantity_inner{ border-color:var(--bo-primary); }
.order-buy-card-delivery-item.active{ border-color:var(--bo-primary)!important; }

.switch-input:checked ~ .switch-toggle-slider{
  background:var(--bo-primary)!important;
  border-color:var(--bo-primary)!important;
}

.radiusSlider::-webkit-slider-thumb{ background:var(--bo-primary); }
.radiusSlider::-webkit-slider-thumb:hover{ background:var(--bo-primary-hover); }
.radiusSlider::-moz-range-thumb{ background:var(--bo-primary); }
.radiusSlider::-moz-range-thumb:hover{ background:var(--bo-primary-hover); }

/* zeleno dugme „Objavi“ (#10b981) -> narandžasti CTA */
.button-color-scheme5{ background-color:var(--bo-cta)!important; color:#fff!important; }
.button-color-scheme5:hover{ background-color:var(--bo-cta-hover)!important; }

/* Bootstrap plava (#0d6efd) */
:root{
  --bs-primary:#3B5998;
  --bs-primary-rgb:59,89,152;
  --bs-link-color:#3B5998;
  --bs-link-color-rgb:59,89,152;
  --bs-link-hover-color:#2D4677;
  --bs-link-hover-color-rgb:45,70,119;
}
.form-check-input:checked{ background-color:var(--bo-primary); border-color:var(--bo-primary); }
.btn-primary{ --bs-btn-bg:#3B5998; --bs-btn-border-color:#3B5998; --bs-btn-hover-bg:#2D4677; --bs-btn-hover-border-color:#2D4677; --bs-btn-active-bg:#2D4677; }
.text-primary{ color:var(--bo-primary)!important; }
.bg-primary{ background-color:var(--bo-primary)!important; }

/* ============ 3. Logo (54 / 48 / 40 px) ============ */
.h-logo img{ height:54px; max-height:54px; width:auto; max-width:100%; }
.h-logo-mobile img{ height:40px; max-height:40px; width:auto; max-width:100%; }
.market-footer__logo img{ height:48px; width:auto; }

/* ============ 4. Osnova strane ============ */
body{ background-color:var(--bo-bg); color:var(--bo-text); }
a{ color:inherit; }

/* ============ 4.1 Zaglavlje (desktop) ============ */
.header-wow{ background:#fff; }

/* gornja tanka traka */
.bo-topbar{ height:auto; min-height:36px; padding:6px 0; border-bottom:1px solid #ECEEF2; background:#fff; }
.bo-topbar .header-wow-top-list .header-wow-top-list-item{ font-size:13px; font-weight:500; color:var(--bo-text-2); margin-right:22px; }
.bo-topbar .col-4 .header-wow-top-list .header-wow-top-list-item{ margin-right:0; margin-left:18px; }
.bo-topbar .header-wow-top-list .header-wow-top-list-item:hover{ color:var(--bo-primary)!important; }
/* ikonice (omiljeni, poruke, korpa) desno u gornjoj traci */
.bo-topbar .row{ align-items:center; }
.bo-top-icons{ display:flex; align-items:center; justify-content:flex-end; gap:4px; }
.bo-top-icons .bo-icon-btn{ width:36px; height:36px; }
.bo-top-icons .bo-icon-btn i{ font-size:21px; }
.bo-top-icons .bo-icon-btn .label-circle-count{ top:0; right:-2px; }
.bo-top-icons .bo-account{ height:36px; margin-left:8px; }
.bo-top-icons .bo-account .mini-avatar, .bo-top-icons .bo-account .mini-avatar-img{ width:28px; height:28px; }
.bo-top-icons .bo-account-guest i{ font-size:21px; }
.bo-top-icons .bo-account-label{ font-size:13px; }

/* glavna traka */
.bo-mainbar{ padding:16px 0; box-shadow:0 1px 0 var(--bo-border); background:#fff; }
.bo-mainbar.header-wow-sticky-active{ padding:10px 0; }
.bo-mainbar-row{ display:flex; align-items:center; gap:16px; }
.bo-mainbar-row .h-logo{ flex:none; height:auto; }
.bo-mainbar-row .h-logo img{ width:auto; }

.bo-mainbar-row .header-button-menu-catalog{
  flex:none; height:48px; padding:0 18px; border-radius:12px; gap:8px;
  font-size:15px; font-weight:600;
}
.bo-mainbar-row .header-button-menu-catalog-icon-1{ margin-right:0; }

.bo-search{ flex:1 1 380px; min-width:0; }
/* pretraga šira i centrirana između „Kategorije“ i dugmadi desno */
.bo-search .live-search-container{ max-width:760px; margin:0 auto; }
.bo-search .live-search-form{
  display:flex; align-items:center; height:48px; position:relative;
  border:2px solid var(--bo-primary); border-radius:12px; background:#fff; overflow:hidden;
}
.bo-search .live-search-form-icon{ position:static; padding:0 6px 0 14px; color:var(--bo-muted); height:100%; }
.bo-search .live-search-form-icon i{ font-size:20px; }
.bo-search .live-search-form-input,
.bo-search .live-search-form-input:focus{
  flex:1; min-width:0; height:100%; padding:0 8px; border:0!important; border-radius:0;
  background:transparent; font-size:15px; font-weight:500; color:var(--bo-text);
}
.bo-search .live-search-container-geo{
  position:static; height:100%; padding:0 14px; border-left:1px solid var(--bo-border); border-radius:0; flex:none;
}
.bo-search .live-search-container-geo-name{ font-size:14px; font-weight:600; white-space:nowrap; }
.bo-search-submit{
  flex:none; height:100%; padding:0 22px; border:0; background:var(--bo-primary); color:#fff;
  font-size:15px; font-weight:700; cursor:pointer; transition:background .15s;
}
.bo-search-submit:hover{ background:var(--bo-primary-hover); }

.bo-actions{ display:flex; align-items:center; gap:4px; flex:none; }
.bo-icon-btn{
  position:relative; width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center;
  color:var(--bo-text); border-radius:10px; cursor:pointer;
}
.bo-icon-btn i{ font-size:24px; }
.bo-icon-btn:hover{ background:var(--bo-primary-light); color:var(--bo-primary)!important; }
.bo-icon-btn .label-circle-count{ position:absolute; top:4px; right:2px; }

.bo-account{ display:inline-flex; align-items:center; height:44px; margin:0 0 0 8px; }
.bo-account .header-user-dropdown-menu{ display:inline-flex; align-items:center; gap:8px; cursor:pointer; }
.bo-account .mini-avatar, .bo-account .mini-avatar-img{ width:30px; height:30px; }
.bo-account-label{ font-size:14px; font-weight:600; color:var(--bo-text); white-space:nowrap; }
.bo-account-guest{ gap:8px; padding:0 10px; border-radius:10px; }
.bo-account-guest i{ font-size:24px; color:var(--bo-text); }
.bo-account-guest:hover{ background:var(--bo-primary-light); }

.bo-cta.header-wow-sticky-add{
  flex:none; width:auto; height:48px; padding:0 22px; gap:8px; border-radius:12px;
  font-size:15px; font-weight:800; letter-spacing:.02em; text-transform:uppercase; white-space:nowrap;
}
.bo-cta i{ font-size:20px; }

/* uže širine: grad iz polja se sakriva, natpisi se skraćuju */
@media (max-width:1199px){
  .bo-cta.header-wow-sticky-add{ padding:0 16px; }
}
@media (max-width:1100px){
  .bo-search .live-search-container-geo{ display:none; }
}

/* ============ 4.2 Footer ============ */
footer.bo-footer{ margin-top:56px; background:#fff; border-top:1px solid var(--bo-border); color:var(--bo-text); }
.bo-footer-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:32px; padding:40px 0 32px; }
.bo-footer-brand{ display:flex; flex-direction:column; gap:12px; align-items:flex-start; }
.bo-footer-brand p{ margin:0; font-size:14px; line-height:1.5; color:var(--bo-text-2); }
.bo-footer-col{ display:flex; flex-direction:column; gap:10px; }
.bo-footer-title{ font-weight:800; font-size:15px; color:var(--bo-text); }
.bo-footer-col a{ font-size:14px; color:var(--bo-text-2); }
.bo-footer-col a:hover{ color:var(--bo-primary)!important; }
.bo-footer .market-footer__socials a{ width:40px; height:40px; border-radius:10px; background:var(--bo-primary-light); border:0; }
.bo-footer .market-footer__socials a img{ height:22px; }
.bo-footer-bottom{ padding:16px 0 24px; border-top:1px solid #ECEEF2; font-size:13px; color:var(--bo-muted); }

/* ============ 4.3 Mobilno zaglavlje ============ */
.header-wow-mobile{ box-shadow:0 1px 0 var(--bo-border); }
.header-wow-mobile .header-wow-top{ color:var(--bo-text); }
.header-wow-mobile .header-wow-top-list-icon-item{ width:44px; height:44px; margin-right:0; display:inline-flex; align-items:center; justify-content:center; color:var(--bo-text); }
.header-wow-mobile .header-wow-top-list-icon-item i{ font-size:24px; }
.header-wow-mobile .live-search-form-input{
  height:46px; border-radius:12px; background:#F1F3F7; border:1px solid var(--bo-border); font-size:15px; font-weight:500;
}
.header-wow-mobile .live-search-form-icon{ color:var(--bo-muted); }
.header-wow-mobile .header-flex-box-icon{ min-width:44px; height:46px; justify-content:center; color:var(--bo-text); }
.header-wow-mobile .header-flex-box-icon i{ font-size:24px; }
.header-wow-mobile .header-flex-box-icon:not(:last-child){ margin-right:0; }
.header-wow-mobile .header-flex-box-1 .header-flex-box-icon{ justify-content:flex-start; min-width:36px; }

/* ============ 4.4 Mobilna donja navigacija ============ */
.main-floating-menu{
  display:flex; justify-content:space-around; align-items:flex-start; z-index:30;
  height:76px; padding:0 4px 12px; border-radius:0; border-top:1px solid var(--bo-border);
  box-shadow:0 -2px 12px rgba(42,42,42,.05); background:#fff;
}
.main-floating-menu > a{ flex:1 1 0; margin:0; padding:10px 0 0; justify-content:center; color:var(--bo-muted); min-width:44px; }
.main-floating-menu > a:hover{ color:var(--bo-primary)!important; }
.main-floating-menu > a span{ font-size:11px; font-weight:600; }
.main-floating-menu > a span i{ font-size:24px; }
.main-floating-menu > a.bo-floating-add{ padding-top:0; }
.main-floating-menu > a.bo-floating-add > div > span:first-child{
  margin:-18px auto 0; width:58px; height:58px; border-radius:50%; background:var(--bo-cta); color:#fff;
  display:flex; align-items:center; justify-content:center; border:4px solid #fff;
  box-shadow:0 6px 16px rgba(232,112,10,.35);
}
.main-floating-menu > a.bo-floating-add > div > span:first-child i{ font-size:26px; }
.main-floating-menu > a.bo-floating-add > div > span:last-child{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
@media (max-width:991px){
  body{ padding-bottom:76px; }
}

/* ============ 5. Početna ============ */
.bo-home{ padding-top:36px; }
.bo-hero{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:16px; padding-bottom:8px; }
.bo-hero-text{ flex:1 1 520px; }
.bo-hero h1{ margin:0; font-size:36px; line-height:1.15; font-weight:800; letter-spacing:-.01em; color:var(--bo-text); }
.bo-hero h1 span{ color:var(--bo-red); }
.bo-hero p{ margin:10px 0 0; font-size:16px; color:var(--bo-text-2); }
.bo-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.bo-chip{
  display:inline-flex; align-items:center; min-height:38px; padding:8px 14px; border-radius:999px;
  background:#fff; border:1px solid var(--bo-border-input); color:var(--bo-text)!important; font-size:14px; font-weight:500;
}
.bo-chip:hover{ border-color:var(--bo-primary); color:var(--bo-primary)!important; }

.home-widget-sections > section{ margin-top:0; }
.bo-cat-section{ padding-top:24px; }
.bo-cat-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:12px; }
.bo-cat{
  display:flex; flex-direction:column; align-items:center; gap:10px; padding:18px 8px; border-radius:14px;
  background:#fff; border:1px solid var(--bo-border); color:var(--bo-text)!important; font-weight:600; font-size:14px;
  text-align:center; cursor:pointer; transition:border-color .15s, color .15s;
}
.bo-cat:hover{ border-color:var(--bo-primary); color:var(--bo-primary)!important; }
.bo-cat-icon{
  width:52px; height:52px; border-radius:14px; background:var(--bo-primary-light); color:var(--bo-primary);
  display:flex; align-items:center; justify-content:center; flex:none;
}
.bo-cat-icon i{ font-size:26px; }
.bo-cat-icon img{ max-width:34px; max-height:34px; }
.bo-cat-name{ line-height:1.3; }
.bo-cat-all{ background:var(--bo-primary-light); border-color:#D5DEEF; color:var(--bo-primary)!important; }
.bo-cat-all .bo-cat-icon{ background:#fff; }

.bo-section-head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:16px; }
.bo-section-head h2{ margin:0; font-size:24px; font-weight:800; display:flex; align-items:center; gap:10px; color:var(--bo-text); }
.bo-link-more{ font-weight:700; font-size:14px; color:var(--bo-primary)!important; white-space:nowrap; }
.bo-link-more:hover{ color:var(--bo-primary-hover)!important; }
.bo-top-section{ padding-top:44px; }
.bo-latest-section{ padding-top:44px; }
.bo-home .bold-title-and-link span{ font-size:24px!important; font-weight:800; }

/* kartica oglasa (mreža) */
.container-item-grid.bo-card{
  background:#fff; border:1px solid var(--bo-border); border-radius:14px; overflow:hidden;
  margin-bottom:0; height:100%; display:flex; flex-direction:column; color:var(--bo-text)!important;
  transition:box-shadow .15s;
}
.container-item-grid.bo-card:hover{ box-shadow:var(--bo-shadow-hover); }
.container-item-grid.bo-card-top{ border:2px solid var(--bo-cta-light); }
.bo-card .container-item-images{
  height:auto!important; aspect-ratio:4/3; border-radius:0; background-color:var(--bo-img-bg);
}
.bo-card .container-item-images img{ width:100%; height:100%; object-fit:cover; }
.bo-card .container-item-grid-content{ padding:12px 14px 14px; display:flex; flex-direction:column; gap:5px; }
.bo-card .container-item-grid-content-prices{ margin-top:0; }
.bo-card .container-item-grid-content-prices .card-item-price-now{ font-size:18px; font-weight:800; color:var(--bo-text); }
.bo-card .container-item-grid-content-title{ font-size:14px; font-weight:600; line-height:1.35; }
.bo-card:hover .container-item-grid-content-title{ color:var(--bo-primary)!important; }
.bo-card-meta{ margin-top:0; font-size:13px; color:var(--bo-muted); }
.bo-card-meta > span{ display:inline!important; font-size:13px!important; color:var(--bo-muted)!important; }
.bo-card-meta > span + span::before{ content:" · "; }
.bo-top-section .bo-card .container-item-grid-content{ padding:14px 16px 16px; gap:6px; }
.bo-top-section .bo-card .container-item-grid-content-prices .card-item-price-now{ font-size:20px; }
.bo-top-section .bo-card .container-item-grid-content-title{ font-size:15px; }

/* oznake na slici */
.bo-card .container-item-labels{ top:10px; left:10px; bottom:auto; z-index:2; }
.bo-card .container-item-images:hover .container-item-labels{ display:block; }
.bo-has-top .container-item-labels{ top:40px; }
.container-item-labels > div > span{ border-radius:6px!important; font-size:12px; font-weight:800; padding:4px 8px; text-transform:uppercase; letter-spacing:.03em; }
.container-item-labels-2 > span{ background-color:var(--bo-red); }
.container-item-labels-1 > span{ background-color:var(--bo-primary); }
.container-item-labels-4 > span{ background-color:var(--bo-cta); }
.bo-badge-top{
  position:absolute; left:10px; top:10px; z-index:2; padding:4px 8px; border-radius:6px;
  background:var(--bo-cta); color:#fff; font-size:12px; font-weight:800; letter-spacing:.05em; line-height:1.2;
}
.bo-badge-inline{ position:static; display:inline-block; font-size:13px; letter-spacing:.06em; padding:4px 10px; border-radius:8px; }
.bo-photo-count{
  position:absolute; right:10px; bottom:10px; z-index:2; display:inline-flex; align-items:center; gap:4px;
  padding:3px 8px; border-radius:6px; background:rgba(20,20,20,.6); color:#fff; font-size:12px; font-weight:700;
}
.bo-photo-count i{ font-size:14px; }
.container-item-favorite{ top:10px; right:10px; width:36px; height:36px; box-shadow:0 1px 4px rgba(0,0,0,.12); }
.container-item-favorite i{ font-size:20px; color:var(--bo-text); }
.container-item-favorite i.ti-heart-filled{ color:var(--bo-red); }

/* „Prikaži još“ */
.bo-latest-section .actionShowMoreItems{
  margin-top:20px; height:44px; padding:0 22px; border-radius:10px; background:#fff!important;
  border:2px solid var(--bo-primary); color:var(--bo-primary)!important; font-weight:700;
}
.bo-latest-section .actionShowMoreItems:hover{ background:var(--bo-primary-light)!important; }

/* tri bloka */
.bo-promo-blocks{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:16px; padding-top:56px; }
.bo-promo{ border-radius:16px; padding:28px; display:flex; flex-direction:column; gap:10px; }
.bo-promo > i{ font-size:32px; }
.bo-promo h3{ margin:0; font-size:20px; font-weight:800; }
.bo-promo p{ margin:0; font-size:15px; line-height:1.5; }
.bo-promo-btn{ align-self:flex-start; margin-top:6px; padding:12px 18px; border-radius:10px; font-weight:700; font-size:14px; }
.bo-promo-shops{ background:var(--bo-primary); color:#fff; }
.bo-promo-shops p{ color:#E4EAF6; }
.bo-promo-shops .bo-promo-btn{ background:#fff; color:var(--bo-primary)!important; }
.bo-promo-auctions{ background:#2A2A2A; color:#fff; }
.bo-promo-auctions > i{ color:#FD851D; }
.bo-promo-auctions p{ color:#D4D4D4; }
.bo-promo-auctions .bo-promo-btn{ background:#FD851D; color:#2A2A2A!important; font-weight:800; }
.bo-promo-btn:hover{ opacity:.9; }
.bo-promo-banner{
  background:#fff; border:2px dashed #C9D2E3; align-items:center; justify-content:center; text-align:center; min-height:220px; gap:8px;
}
.bo-promo-banner-label{ font-size:13px; font-weight:700; letter-spacing:.08em; color:var(--bo-muted); text-transform:uppercase; }
.bo-promo-banner p{ color:var(--bo-text-2); }
.bo-promo-banner a{ font-weight:700; font-size:14px; color:var(--bo-primary)!important; }

/* Kupujte sigurno */
.bo-safe{
  margin-top:48px; background:#fff; border:1px solid var(--bo-border); border-radius:16px; padding:24px 28px;
  display:flex; flex-wrap:wrap; align-items:center; gap:20px;
}
.bo-safe-icon{ width:56px; height:56px; border-radius:14px; background:var(--bo-primary-light); color:var(--bo-primary); display:flex; align-items:center; justify-content:center; flex:none; }
.bo-safe-icon i{ font-size:28px; }
.bo-safe-text{ flex:1 1 360px; }
.bo-safe-text strong{ display:block; margin-bottom:4px; font-size:18px; font-weight:800; }
.bo-safe-text p{ margin:0; font-size:15px; color:var(--bo-text-2); line-height:1.5; }
.home-seo-text{ margin-top:48px; }

/* početna – mobilni */
@media (max-width:991px){
  .bo-home{ padding-top:20px; }
  .bo-hero h1{ font-size:26px; }
  .bo-hero p{ font-size:15px; }
  .bo-cat-grid{ grid-template-columns:repeat(4, 1fr); gap:8px; }
  .bo-cat{ padding:12px 4px; font-size:12px; gap:6px; border-radius:12px; }
  .bo-cat-icon{ width:44px; height:44px; border-radius:12px; }
  .bo-cat-icon i{ font-size:22px; }
  .bo-cat-grid > a.bo-cat:nth-of-type(n+8){ display:none; }
  .bo-section-head h2{ font-size:20px; }
  .bo-top-section, .bo-latest-section{ padding-top:32px; }
  /* izdvojeni: vodoravni skrol */
  .bo-top-row{ overflow-x:auto; margin:0 -12px; padding:0 12px 4px; scroll-snap-type:x mandatory; scroll-padding-left:12px; }
  .bo-top-row > .row{ flex-wrap:nowrap; margin:0; }
  .bo-top-row > .row > .col{ flex:0 0 72%; max-width:72%; scroll-snap-align:start; padding-left:0; padding-right:10px; }
  .bo-promo-blocks{ padding-top:36px; }
  .bo-promo{ padding:22px; }
  .bo-safe{ margin-top:32px; padding:20px; }
}

/* ============ 6. Lista kategorije / pretraga ============ */
.breadcrumb{ font-size:13px!important; margin-bottom:8px; }
.breadcrumb a, .breadcrumb a span{ color:var(--bo-primary)!important; }
.breadcrumb-item.active, .breadcrumb-item span{ color:var(--bo-muted); }

.bo-catalog{ padding-top:24px; }
.bo-catalog-head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px; }
.bo-catalog-head h1{ margin:0; font-size:30px!important; font-weight:800; color:var(--bo-text); }
.bo-save-search{
  display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 16px; border-radius:10px;
  background:#fff; border:1px solid var(--bo-border-input); color:var(--bo-text); font-size:14px; font-weight:700; cursor:pointer;
}
.bo-save-search i{ font-size:18px; }
.bo-save-search:hover{ border-color:var(--bo-primary); color:var(--bo-primary); }

/* čipovi podkategorija (zamenjuju mrežu kartica iz subcategories-grid.css samo na ovoj strani) */
.bo-catalog .widget-categories-or-subcategories{
  display:flex!important; flex-wrap:wrap!important; gap:8px!important; margin:18px 0 24px!important;
}
.bo-catalog .widget-categories-or-subcategories a{
  width:auto!important; max-width:100%!important; min-height:38px!important; padding:8px 14px!important;
  border-radius:999px!important; background:#fff!important; border:1px solid var(--bo-border-input)!important;
  transform:none!important; box-shadow:none!important; flex-grow:0!important;
}
.bo-catalog .widget-categories-or-subcategories a div{ color:var(--bo-text)!important; font-size:14px!important; font-weight:500!important; }
.bo-catalog .widget-categories-or-subcategories a:hover{ border-color:var(--bo-primary)!important; background:#fff!important; }
.bo-catalog .widget-categories-or-subcategories a:hover div{ color:var(--bo-primary)!important; }
.bo-catalog .widget-categories-or-subcategories a.active{ background:var(--bo-primary-light)!important; border-color:var(--bo-primary)!important; }
.bo-catalog .widget-categories-or-subcategories a.active > div{ color:var(--bo-primary)!important; font-weight:700!important; }
.bo-catalog .widget-categories-or-subcategories-counter{ background:var(--bo-primary)!important; }

/* filteri – kartica levo */
.catalog-sidebar .params-form{
  background:#fff; border:1px solid var(--bo-border); border-radius:16px; padding:22px 22px 18px;
}
.params-form-item{ margin-bottom:0; padding:14px 0; border-bottom:1px solid #ECEEF2; }
.params-form-filters-container > .params-form-item:first-child{ padding-top:0; }
.params-form-item-label{ font-size:14px; font-weight:800; color:var(--bo-text); margin-bottom:10px; }
.params-form .form-control,
.params-form-item-price input[type=text],
.uni-select-content-input input,
.uni-select-content-search input{
  height:42px!important; border-radius:10px; background:#fff; border:1px solid var(--bo-border-input)!important; font-size:14px;
}
.params-form .form-control:focus{ border-color:var(--bo-primary)!important; box-shadow:0 0 0 3px var(--primary-glow); }
.uni-select-name{
  height:42px; border-radius:10px; background:#fff; border:1px solid var(--bo-border-input); font-size:14px; color:var(--bo-text);
}
.uni-select-name:hover{ border-color:var(--bo-primary); }
.uni-select-content{ top:48px; border-radius:12px; border:1px solid var(--bo-border); box-shadow:0 10px 30px rgba(42,42,42,.12); }
.uni-select-content-item.uni-select-item-active{ color:var(--bo-primary); font-weight:700; background:var(--bo-primary-light); }
.uni-select-content-item.uni-select-item-active:after{ content:"✓"; font-size:14px; top:8px; color:var(--bo-primary); }
.params-form-item-switch .switch-label{ font-size:14px; }

.params-buttons-sticky{ padding-top:16px; background:#fff; }
.params-buttons-sticky .actionApplyLiveFilters,
.params-buttons-sticky .actionApplyLiveFiltersMobile{
  height:48px; border-radius:12px; font-size:15px; font-weight:700;
}
.params-buttons-sticky .actionClearLiveFilters{
  background:transparent!important; color:var(--bo-primary)!important; font-weight:700; font-size:14px; height:40px;
}
.params-buttons-sticky .actionClearLiveFilters:hover{ text-decoration:underline; }

/* traka sa opcijama: sačuvaj/mapa – sortiranje – prikaz */
.bo-catalog-options{ margin-bottom:4px; }
.catalog-container-links-inline-item{ font-size:14px; font-weight:600; color:var(--bo-text-2)!important; }
.catalog-container-links-inline-item:hover{ background:transparent; color:var(--bo-primary)!important; }
.catalog-container-options-view-item{ display:inline-flex; border:1px solid var(--bo-border-input); border-radius:10px; overflow:hidden; background:#fff; vertical-align:middle; }
.catalog-container-options-view-item span{
  margin:0; width:44px; height:42px; display:inline-flex; align-items:center; justify-content:center; color:var(--bo-text-2);
}
.catalog-container-options-view-item span i{ font-size:20px; }
.catalog-container-options-view-item span.active{ background:var(--bo-primary); color:#fff!important; }
.catalog-container-options-links-inline-sorting > div{ vertical-align:middle; margin-left:10px; }

.bo-filters-mobile-btn{
  align-items:center; gap:6px; height:44px; padding:0 16px; margin-right:8px; border-radius:10px; background:#fff;
  border:1px solid var(--bo-border-input); font-weight:700; font-size:14px; color:var(--bo-text); cursor:pointer;
}
.bo-filters-mobile-btn i{ font-size:18px; }
.bo-filters-count{
  min-width:20px; height:20px; padding:0 6px; border-radius:999px; background:var(--bo-primary); color:#fff;
  font-size:12px; display:inline-flex; align-items:center; justify-content:center;
}

/* kartica u prikazu liste */
.container-item-list.bo-list-card{
  display:flex; gap:18px; padding:14px; margin-bottom:14px; background:#fff; border:1px solid var(--bo-border);
  border-radius:16px; color:var(--bo-text)!important; transition:box-shadow .15s;
}
.container-item-list.bo-list-card:hover{ box-shadow:var(--bo-shadow-hover); }
.container-item-list.bo-list-card.bo-card-top{ border:2px solid var(--bo-cta-light); }
.bo-list-media{ flex:0 0 260px; max-width:260px; }
.bo-list-card .container-item-images{ height:auto!important; aspect-ratio:4/3; border-radius:12px; background-color:var(--bo-img-bg); }
.bo-list-card .container-item-images img{ width:100%; height:100%; object-fit:cover; }
.bo-list-card .container-item-labels{ top:10px; left:10px; bottom:auto; z-index:2; }
.bo-list-card .container-item-images:hover .container-item-labels{ display:block; }
.bo-list-body{ flex:1; min-width:0; display:flex; flex-direction:column; justify-content:space-between; gap:10px; }
.bo-list-card .container-item-list-content-title{ margin-top:2px!important; font-size:18px; font-weight:600; line-height:1.3; }
.bo-list-card:hover .container-item-list-content-title{ color:var(--bo-primary); }
.bo-list-card .container-item-list-content-prices{ margin-top:10px; }
.bo-list-card .container-item-list-content-prices .card-item-price-now{ font-size:24px; font-weight:800; color:var(--bo-primary); }
.bo-list-card .container-item-list-content-desc{ margin-top:8px; font-size:14px; color:var(--bo-text-2); line-height:1.5; }
.bo-list-card .container-item-list-content-properties{ margin-top:10px; display:flex; flex-wrap:wrap; gap:6px; }
.bo-list-card .container-item-list-content-properties .list-properties-item{
  display:inline-flex; gap:4px; align-items:baseline; margin:0!important; padding:4px 10px; border-radius:6px;
  background:#F1F3F7; font-size:13px; font-weight:600!important; color:var(--bo-text);
}
.bo-list-card .container-item-list-content-properties .list-properties-item span{ display:inline; font-size:12px!important; color:var(--bo-muted); }
.bo-list-foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:13px; color:var(--bo-muted); }
.bo-list-loc{ display:inline-flex; align-items:center; gap:4px; }
.bo-list-loc i{ font-size:16px; }
.bo-list-who{ display:inline-flex; align-items:center; gap:8px; }
.bo-list-card .container-item-list-content-user{ margin:0!important; padding:0; font-size:13px; }

/* kartice u mreži unutar kataloga */
.bo-catalog .container-load-items .row > [class*="col-"]{ margin-bottom:14px; }

/* numeracija stranica */
.pagination{ gap:6px; justify-content:center; flex-wrap:wrap; }
.page-link, .page-link > a{
  min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 10px;
  border-radius:10px!important; background:#fff; border:1px solid var(--bo-border-input); color:var(--bo-text); font-weight:700;
}
.page-link:hover{ border-color:var(--bo-primary); color:var(--bo-primary); background:#fff; }

/* lista – mobilni */
@media (max-width:991px){
  .bo-catalog{ padding-top:12px; }
  .bo-catalog-head h1{ font-size:24px!important; }
  .bo-save-search{ height:40px; font-size:13px; }
  .bo-catalog .widget-categories-or-subcategories{ flex-wrap:nowrap!important; overflow-x:auto; margin:14px -12px 18px!important; padding:0 12px 2px; }
  .bo-catalog .widget-categories-or-subcategories a{ flex:none!important; }
  .bo-catalog .widget-categories-or-subcategories a div{ white-space:nowrap!important; }
  .container-item-list.bo-list-card{ gap:12px; padding:10px; border-radius:14px; }
  .bo-list-media{ flex:0 0 120px; max-width:120px; }
  .bo-list-card .container-item-images{ aspect-ratio:auto; height:100px!important; border-radius:10px; }
  .bo-list-card .container-item-favorite, .bo-list-card .bo-photo-count{ display:none; }
  .bo-list-card .bo-badge-top, .bo-list-card .container-item-labels{ top:6px; left:6px; }
  .bo-list-card .container-item-labels > div > span, .bo-list-card .bo-badge-top{ font-size:10px; padding:2px 6px; }
  .bo-list-card .container-item-list-content-title{ font-size:15px; }
  .bo-list-card .container-item-list-content-prices{ margin-top:4px; }
  .bo-list-card .container-item-list-content-prices .card-item-price-now{ font-size:18px; }
  .bo-list-card .container-item-list-content-desc, .bo-list-card .container-item-list-content-properties{ display:none; }
  .bo-list-who .container-item-list-content-user{ display:none; }
  .bo-list-foot{ font-size:12px; gap:4px; }
}
.bo-catalog .container-load-items .col-12 > .container-item-list.bo-list-card{ margin-bottom:0; }
@media (max-width:991px){
  .bo-catalog-options > .row{ flex-wrap:nowrap; align-items:center; }
  .bo-catalog-options > .row > div{ width:auto; flex:0 0 auto; }
  .bo-catalog-options > .row > div:last-child{ flex:1 1 auto; }
  .bo-catalog-options .catalog-container-links-inline .catalog-container-links-inline-item{ display:none; }
  .bo-catalog-options .catalog-container-options-links-inline-sorting{ margin-top:0!important; margin-bottom:0!important; }
  .bo-catalog-options .catalog-container-options-links-inline-sorting > div{ margin-left:6px; font-size:14px; }
}

/* ============ 7. Stranica oglasa ============ */
.bo-ad-page{ padding-top:24px; }
.bo-ad{
  display:grid; grid-template-columns:minmax(0, 1fr) 340px; gap:20px 24px; align-items:start; margin-top:8px;
  grid-template-areas:"gallery side" "main side";
}
.bo-ad-gallery{ grid-area:gallery; }
.bo-ad-side{ grid-area:side; display:flex; flex-direction:column; gap:16px; position:sticky; top:96px; }
.bo-ad-main{ grid-area:main; display:flex; flex-direction:column; gap:20px; min-width:0; }
.bo-ad-box{ background:#fff; border:1px solid var(--bo-border); border-radius:16px; padding:24px; }

/* galerija: glavna slika 16:10 + red sličica */
.bo-ad-gallery{ padding:16px; }
.bo-ad-gallery .ad-card-media-slider{ border-radius:12px; aspect-ratio:16/10; background:var(--bo-img-bg); }
.bo-ad-gallery .ad-card-media-slider .swiper-wrapper{ height:100%; }
.bo-ad-gallery .ad-card-media-slider-item{ width:100%!important; height:100%!important; }
.bo-ad-gallery .ad-card-media-slider-item > div{ width:100%; height:100%!important; border-radius:12px; display:block; }
.bo-ad-gallery .ad-card-media-slider-item > div > img{ width:100%; height:100%; object-fit:cover; }
.bo-ad-gallery .ad-card-media-slider-nav-left, .bo-ad-gallery .ad-card-media-slider-nav-right{
  width:44px; height:44px; margin-top:-22px; background:rgba(255,255,255,.92); color:var(--bo-text); z-index:5; box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.bo-ad-gallery .ad-card-media-slider-miniatures{ margin-top:12px; }
.bo-ad-gallery .ad-card-media-slider-miniatures .swiper-slide{ width:110px; height:74px; margin:0; border-radius:10px; border:2px solid transparent; }
.bo-ad-gallery .ad-card-media-slider-miniatures .swiper-slide img{ width:100%; height:100%; object-fit:cover; }
.bo-ad-gallery .ad-card-media-slider-miniatures .swiper-slide.active,
.bo-ad-gallery .ad-card-media-slider-miniatures .swiper-slide:hover{ border-color:var(--bo-primary); }

/* desno: naslov, cena, dugmad */
.bo-ad-title{ margin:0 0 12px; font-size:24px; line-height:1.25; font-weight:800; color:var(--bo-text); }
.bo-ad-summary .ad-card-sidebar{ background:transparent; padding:0; border-radius:0; gap:12px; }
.bo-ad-summary .ad-card-prices .card-item-price-now{ font-size:30px; font-weight:800; color:var(--bo-primary); }
.bo-ad-summary .ad-card-prices-currency span{ font-size:14px; color:var(--bo-muted); }
.bo-ad-meta{ margin-top:12px; display:flex; flex-direction:column; gap:6px; }
.bo-ad-meta-loc{ display:flex; align-items:center; gap:6px; font-size:14px; color:var(--bo-text-2); }
.bo-ad-meta-loc i{ font-size:18px; color:var(--bo-muted); }
.bo-ad-meta-info{ display:flex; flex-wrap:wrap; gap:4px 12px; font-size:13px; color:var(--bo-muted); }
.bo-ad-meta-info i{ font-size:15px; vertical-align:-2px; }
.bo-ad-summary .ad-card-action-buttons-contact{ flex-direction:column; gap:10px; margin-top:18px; }
.bo-ad-summary .ad-card-action-buttons-contact button{
  height:48px!important; min-height:48px!important; border-radius:12px; font-size:15px; font-weight:700;
  display:flex; align-items:center; justify-content:center; gap:8px;
}
.bo-ad-summary .ad-card-action-buttons-contact .actionAdShowContacts{ order:-1; }
.bo-ad-summary .ad-card-action-buttons-contact .actionOpenDialogueSendMessage{
  background:#fff!important; color:var(--bo-primary)!important; border:2px solid var(--bo-primary);
}
.bo-ad-summary .ad-card-action-buttons-contact .actionOpenDialogueSendMessage:hover{ background:var(--bo-primary-light)!important; }
.bo-ad-summary .ad-card-action-buttons .btn-custom{ border-radius:12px; min-height:44px; }
.bo-ad-secondary{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
.bo-btn-outline-sm{
  height:44px; display:inline-flex; align-items:center; justify-content:center; gap:6px; border-radius:10px;
  border:1px solid var(--bo-border-input); background:#fff; color:var(--bo-text)!important; font-size:14px; font-weight:600; cursor:pointer;
}
.bo-btn-outline-sm:only-child{ grid-column:1 / -1; }
.bo-btn-outline-sm:hover{ border-color:var(--bo-primary); color:var(--bo-primary)!important; }
.bo-btn-outline-sm i{ font-size:18px; }
.bo-btn-outline-sm .ti-heart-filled{ color:var(--bo-red); }
.bo-ad-complain{ margin-top:12px; text-align:center; font-size:13px; }
.bo-ad-complain span{ color:var(--bo-muted); cursor:pointer; display:inline-flex; align-items:center; gap:4px; min-height:32px; }
.bo-ad-complain span:hover{ color:var(--bo-red); }

/* prodavac i savet */
.bo-ad-seller{ padding:18px 20px; }
.bo-ad-seller .ad-card-user{ align-items:center; }
.bo-ad-seller .ad-card-user-avatar > div{ width:52px; height:52px; background:var(--bo-primary-light); }
.bo-ad-seller .ad-card-user-content a{ font-weight:800; font-size:15px; color:var(--bo-text)!important; }
.bo-ad-seller .ad-card-user-content a:hover{ color:var(--bo-primary)!important; }
.bo-ad-tip{
  display:flex; gap:12px; padding:18px 20px; border-radius:16px; background:var(--bo-cta-bg); border:1px solid var(--bo-cta-light);
  font-size:14px; line-height:1.5; color:#7A3E06;
}
.bo-ad-tip i{ font-size:22px; color:var(--bo-cta); flex:none; }

/* levo: detalji, opis, recenzije */
.bo-ad-details .ad-card-subtitle{ font-size:20px; font-weight:800; margin-bottom:12px; }
.bo-ad-details .ad-card-content .ad-card-content-item:not(:last-child){ margin-bottom:28px; }
.bo-ad-details p.text-break-word{ font-size:15px; line-height:1.65; color:var(--bo-text); }
.ad-card-list-properties{ display:grid; grid-template-columns:1fr 1fr; column-gap:40px; }
.ad-card-list-properties .list-properties-item{
  display:flex; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid #ECEEF2;
  font-size:14px; font-weight:700; color:var(--bo-text); text-align:right;
}
.ad-card-list-properties .list-properties-item span{ font-weight:400; color:var(--bo-muted); text-align:left; }
.bo-ad-reviews .my-tabs-item{ font-size:20px!important; font-weight:800; }
.bo-ad-page .widget-ads-slider-container-items-vip{ background:transparent; padding:0; }

/* oglas – tablet i mobilni: desna kolona ispod galerije */
@media (max-width:991px){
  .bo-ad{ grid-template-columns:minmax(0, 1fr); grid-template-areas:"gallery" "side" "main"; gap:14px; }
  .bo-ad-side{ position:static; }
  .bo-ad-box{ padding:18px; border-radius:14px; }
  .bo-ad-gallery{ padding:10px; }
  .bo-ad-title{ font-size:21px; }
  .bo-ad-summary .ad-card-prices .card-item-price-now{ font-size:26px; }
  .ad-card-list-properties{ grid-template-columns:1fr; }
  .bo-ad-gallery .ad-card-media-slider-miniatures .swiper-slide{ width:84px; height:60px; }
}
.bo-ad .ad-card-reviews-content{ margin-top:0!important; padding-top:0!important; }
.bo-ad .content-info-box-swiper:not(:has(.swiper-slide)){ display:none; }
.bo-ad .ad-card-content-info-box-container{ margin-bottom:24px; }

/* ============ 8. Sitne popravke ============ */
/* prijava: dekorativni sjaj je pravio horizontalni skrol na telefonu */
.auth-section{ overflow-x:clip; }

/* ============ 9. Dodaci iz specifikacije (faza 2) ============ */
/* početna: čipovi kategorija kod „Najnovijih oglasa“ */
.bo-latest-section .bo-section-head{ flex-wrap:wrap; align-items:center; }
.bo-latest-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.bo-latest-chip{ cursor:pointer; font-family:inherit; min-height:44px; }
.bo-latest-chip.active, .bo-latest-chip.active:hover{ background:var(--bo-primary); border-color:var(--bo-primary); color:#fff!important; }
@media (max-width:991px){
  .bo-latest-chips{ flex-wrap:nowrap; overflow-x:auto; width:100%; padding-bottom:4px; scrollbar-width:none; }
  .bo-latest-chips::-webkit-scrollbar{ display:none; }
  .bo-latest-chip{ flex:none; }
}

/* katalog: broj oglasa ispod naslova */
.bo-catalog-count{ margin-top:4px; font-size:14px; color:var(--bo-text-2); }

/* katalog: aktivni filteri kao čipovi sa × */
.bo-active-filters{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:16px; }
.bo-achip{
  display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 8px 0 16px; border-radius:999px;
  background:var(--bo-primary-light); color:var(--bo-primary-hover)!important; font-size:14px; font-weight:700; text-decoration:none;
}
.bo-achip i{ display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; font-size:15px; }
.bo-achip:hover i{ background:rgba(59,89,152,.14); }
.bo-achip-clear{ display:inline-flex; align-items:center; min-height:36px; padding:0 8px; color:var(--bo-primary); font-size:13px; font-weight:700; cursor:pointer; }
.bo-achip-clear:hover{ text-decoration:underline; }
/* jedan red: JS sklanja višak pod „+N još“ */
.bo-active-filters.bo-fit{ flex-wrap:nowrap; overflow:hidden; }
.bo-active-filters.bo-fit.bo-open{ flex-wrap:wrap; }
.bo-active-filters .bo-achip, .bo-achip-more, .bo-achip-clear{ flex:none; white-space:nowrap; }
.bo-active-filters.bo-fit.bo-open .bo-achip{ max-width:100%; }
.bo-achip-hidden{ display:none; }
.bo-achip-more{
  display:inline-flex; align-items:center; min-height:40px; padding:0 14px; border-radius:999px;
  background:#fff; border:1px solid var(--bo-primary); color:var(--bo-primary); font-size:14px; font-weight:700; cursor:pointer;
}
.bo-achip-more[hidden]{ display:none; }
.bo-achip-more:hover{ background:var(--bo-primary-light); }
@media (max-width:991px){
  .bo-achip, .bo-achip-clear, .bo-achip-more{ min-height:44px; }
}

/* cena po m² (lista i stranica oglasa) */
.bo-price-m2{ display:inline-block; margin-left:12px; font-size:13px; font-weight:500; color:var(--bo-muted); white-space:nowrap; }
.bo-ad-summary .bo-price-m2{ display:block; margin:2px 0 0; font-size:14px; }
@media (max-width:767px){
  .bo-list-card .bo-price-m2{ display:block; margin:0; font-size:12px; }
}

/* mesto za baner posle 6. oglasa (modul Reklama, pozicija „u rezultatima“) */
.advertising-script-container{ flex:0 0 100%; width:100%; max-width:100%; }
.bo-banner-slot{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; height:100%; min-height:120px;
  padding:22px; border:2px dashed #C9D2E3; border-radius:14px; background:#fff; text-align:center; font-size:14px; color:var(--bo-text-2);
}
.bo-banner-slot strong{ font-size:12px; letter-spacing:.08em; color:var(--bo-muted); }
.bo-banner-slot a{ color:var(--bo-primary); font-weight:700; }
.advertising-script-grid-container, .advertising-script-grid-item{ height:100%; }
/* na početnoj je već poseban blok za baner, pa se ovo mesto tu ne prikazuje */
.bo-home .container-load-items .col:has(.bo-banner-slot){ display:none; }

/* prijava pre postavljanja oglasa (/auth?next=ad-create) */
.bo-auth-notice{ display:flex; gap:10px; align-items:flex-start; margin-bottom:18px; padding:12px 14px; border-radius:12px; background:var(--bo-cta-bg); border:1px solid var(--bo-cta-light); color:var(--bo-text); font-size:14px; font-weight:500; line-height:1.45; }
.bo-auth-notice i{ font-size:20px; color:var(--bo-cta); flex:none; }
/* stranica prijave: samo forma, na sredini */
.auth-grid.bo-auth-center{ display:flex; justify-content:center; }
.bo-auth-center .auth-card-wrapper{ width:100%; max-width:460px; margin:0 auto; }
@media (max-width:520px){ .bo-auth-center .auth-bonus-tag{ right:0; } }

/* formulari za postavljanje i izmenu oglasa: jasno vidljiva polja */
.form-ad-create .form-control,
.form-ad-update .form-control,
.form-ad-create .form-control-textarea,
.form-ad-update .form-control-textarea{
  background-color:#fff; border:1.5px solid #8F98A8!important;
}
.form-ad-create .form-control:hover,
.form-ad-update .form-control:hover,
.form-ad-create .form-control-textarea:hover,
.form-ad-update .form-control-textarea:hover{ border-color:var(--bo-primary)!important; }
.form-ad-create .form-control:focus,
.form-ad-update .form-control:focus,
.form-ad-create .form-control-textarea:focus,
.form-ad-update .form-control-textarea:focus{
  border-color:var(--bo-primary)!important; box-shadow:0 0 0 3px var(--primary-glow)!important;
}
.form-ad-create .uni-select-name,
.form-ad-update .uni-select-name{ border:1.5px solid #8F98A8; }
.form-ad-create .uni-select-name:hover,
.form-ad-update .uni-select-name:hover{ border-color:var(--bo-primary); }
.form-ad-create .unidropzone,
.form-ad-update .unidropzone{ background-color:#fff; border-color:#8F98A8!important; }

/* sve glavne kategorije: po 6 u redu (desktop) */
@media (min-width:992px){
  .bo-cat-grid-6{ grid-template-columns:repeat(6, minmax(0, 1fr)); }
}

/* mobilni meni: kategorije sa ikonicama kao na početnoj */
.mobile-grid-menu-categories .bo-cat{ height:100%; }

/* pozicije za banere (Reklama, dizajn/baneri_pozicije.php) */
.bo-slot:not(:has(.advertising-banner-container)){ display:none; }
.bo-slot .advertising-banner-container{ margin:0; }
.ad-card-content .bo-slot{ margin:24px 0; }
.bo-slot-top{ margin-bottom:12px; }
.bo-banner-slot strong{ max-width:100%; }
@media (min-width:992px){
  .bo-ad-side{ position:static; align-self:stretch; }
  .bo-slot-sticky{ position:sticky; top:96px; }
  .container-load-items .advertising-script-container:has([data-code^="bo-tel"]),
  .container-load-items .advertising-banner-container:has([data-code^="bo-tel"]),
  .container-load-items .row > :has([data-code^="bo-tel"]){ display:none; }
}
@media (max-width:991px){
  .container-load-items .advertising-script-container:has([data-code^="bo-rac"]),
  .container-load-items .advertising-banner-container:has([data-code^="bo-rac"]),
  .container-load-items .row > :has([data-code^="bo-rac"]){ display:none; }
}

/* filteri: lokacija (otvara isti prozor kao u zaglavlju) */
.bo-location-filter{ margin-bottom:18px; }
.bo-location-select{
  display:flex; align-items:center; justify-content:space-between; gap:8px; height:42px; padding:0 12px; border-radius:10px;
  background:#fff; border:1px solid var(--bo-border-input); font-size:14px; color:var(--bo-text); cursor:pointer;
}
.bo-location-select span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bo-location-select i{ flex:none; font-size:20px; color:var(--bo-text); }
.bo-location-select:hover{ border-color:var(--bo-primary); }

/* filteri: padajući izbor kategorija */
.bo-cat-filter{ position:relative; margin-bottom:18px; }
.bo-cat-filter-toggle{ width:100%; text-align:left; }
.bo-cat-filter-toggle[aria-expanded="true"] i{ transform:rotate(180deg); }
.bo-cat-filter-toggle.bo-location-select{ height:auto; min-height:42px; padding-top:6px; padding-bottom:6px; }
.bo-cat-filter-value{ display:flex; flex-direction:column; min-width:0; line-height:1.3; }
.bo-cat-filter-value small{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:var(--bo-muted); }
.bo-cat-filter-value span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; }
.bo-cat-filter-panel{
  position:absolute; z-index:40; top:calc(100% + 6px); left:0; display:flex; width:min(800px, calc(100vw - 48px)); height:min(540px, calc(100vh - 120px));
  background:#fff; border:1px solid var(--bo-border); border-radius:14px; box-shadow:0 14px 40px rgba(42,42,42,.16); overflow:hidden;
}
.bo-cat-filter-panel[hidden]{ display:none; }
.bo-cat-mains{ flex:0 0 260px; overflow-y:auto; padding:8px; background:#F7F8FA; border-right:1px solid var(--bo-border); }
.bo-cat-main{
  display:flex; align-items:center; gap:10px; width:100%; padding:6px 8px; border:0; border-radius:10px; background:transparent;
  color:var(--bo-text)!important; font-size:14px; font-weight:600; text-align:left; cursor:pointer;
}
.bo-cat-main > span:nth-child(2){ flex:1; min-width:0; }
.bo-cat-main > .ti{ flex:none; font-size:16px; color:var(--bo-muted); }
.bo-cat-main-icon{
  flex:none; display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:8px;
  background:#fff; color:var(--bo-primary);
}
.bo-cat-main-icon i{ font-size:18px; }
.bo-cat-main:hover{ background:#EDEFF3; }
.bo-cat-main.active, .bo-cat-main.current{ background:#DCE5F6; color:var(--bo-primary)!important; }
.bo-cat-main.active > .ti{ color:var(--bo-primary); }
.bo-cat-subs{ flex:1; min-width:0; overflow-y:auto; padding:16px 20px 20px; }
.bo-cat-sub[hidden]{ display:none; }
.bo-cat-sub-all{ display:inline-block; margin-bottom:14px; color:var(--bo-primary)!important; font-size:14px; font-weight:700; }
.bo-cat-sub-all:hover{ text-decoration:underline; }
.bo-cat-groups{ columns:2; column-gap:24px; }
.bo-cat-group{ break-inside:avoid; margin-bottom:16px; }
.bo-cat-group-title{ display:block; padding:3px 6px; border-radius:6px; color:var(--bo-text)!important; font-size:14px; font-weight:800; }
.bo-cat-group-item{ display:block; padding:3px 6px; border-radius:6px; color:var(--bo-text-2)!important; font-size:13px; }
.bo-cat-group-deep{ padding-left:18px; font-size:12px; }
@media (hover:hover){
  .bo-cat-group-title:hover, .bo-cat-group-item:hover{ background:var(--bo-primary-light); color:var(--bo-primary)!important; }
}
.bo-cat-group-title.current, .bo-cat-group-item.current, .bo-cat-sub-all.current{ background:#DCE5F6; color:var(--bo-primary)!important; font-weight:700; }
.bo-cat-mobile-head{ display:none; }
/* telefon: preko celog ekrana, prvo glavne kategorije, pa podkategorije */
.bo-cat-filter-panel.bo-cat-mobile{
  position:fixed; z-index:9000; inset:0; flex-direction:column; width:auto; height:auto; border:0; border-radius:0; box-shadow:none;
}
.bo-cat-mobile .bo-cat-mobile-head{
  flex:none; display:flex; align-items:center; gap:4px; height:56px; padding:0 6px; border-bottom:1px solid var(--bo-border); background:#fff;
}
.bo-cat-mobile-title{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:17px; font-weight:800; color:var(--bo-text); }
.bo-cat-mobile-back, .bo-cat-mobile-close{
  flex:none; display:flex; align-items:center; justify-content:center; width:44px; height:44px; border:0; background:transparent; color:var(--bo-text); font-size:22px;
}
.bo-cat-mobile .bo-cat-mains{ flex:1; overflow-y:auto; overscroll-behavior:contain; border-right:0; background:#fff; }
.bo-cat-mobile .bo-cat-main{ min-height:52px; font-size:15px; }
.bo-cat-mobile .bo-cat-subs{ display:none; flex:1; overflow-y:auto; overscroll-behavior:contain; padding:14px 12px 24px; }
.bo-cat-mobile.bo-cat-step-subs .bo-cat-mains{ display:none; }
.bo-cat-mobile.bo-cat-step-subs .bo-cat-subs{ display:block; }
.bo-cat-mobile .bo-cat-groups{ columns:1; }
.bo-cat-mobile .bo-cat-sub-all{ padding:8px 6px; }
.bo-cat-mobile .bo-cat-group-title, .bo-cat-mobile .bo-cat-group-item{ display:flex; align-items:center; min-height:44px; padding:4px 8px; font-size:15px; }
.bo-cat-mobile .bo-cat-group-deep{ padding-left:22px; font-size:14px; }
@media (min-width:992px){
  .bo-catalog .widget-categories-or-subcategories.d-lg-none{ display:none!important; }
}

/* veliki meni „Kategorije“: ikonice ispred glavnih kategorija */
.big-catalog-menu-category-item{ align-items:center; }
.big-catalog-menu-category-item > div i{ font-size:20px; color:var(--bo-primary); }

/* lokacija i kategorija izabrane, a još nisu primenjene */
.bo-location-select.bo-pending, .bo-cat-filter-toggle.bo-pending{ border-color:var(--bo-primary); box-shadow:0 0 0 2px var(--primary-glow); }
.bo-loading{ opacity:.5; pointer-events:none; }

/* panel kategorija: podkategorije uvučene, sa oznakom grane */
.bo-cat-group-item, .bo-cat-mobile .bo-cat-group-item{ position:relative; padding-left:26px; }
.bo-cat-group-deep, .bo-cat-mobile .bo-cat-group-deep{ padding-left:42px; }
.bo-cat-group-item::before{
  content:""; position:absolute; left:11px; top:calc(50% - 8px); width:9px; height:8px;
  border-left:1.5px solid #AEB6C4; border-bottom:1.5px solid #AEB6C4; border-bottom-left-radius:3px;
}
.bo-cat-group-deep::before{ left:27px; }

/* polje „Link ka videu“ sakriveno; za vraćanje obrisati ovo pravilo */
.form-ad-create input[name="link_video"], .form-ad-update input[name="link_video"]{ display:none; }

/* modal „Podeli“ */
.bo-share-list a{ gap:12px; min-height:44px; margin-bottom:2px; color:var(--bo-text); font-size:16px; }
.bo-share-list a i{ flex:none; width:26px; font-size:24px; text-align:center; }

/* izbor valute u filteru cene */
.bo-price-currency{display:flex;gap:0;margin-top:10px;border:1px solid #d9dee8;border-radius:10px;overflow:hidden}
.bo-price-currency label{flex:1 1 50%;position:relative;margin:0;cursor:pointer}
.bo-price-currency input[type=radio]{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}
.bo-price-currency span{display:block;padding:8px 10px;text-align:center;font-size:14px;font-weight:600;color:#3b4a63;background:#fff;transition:background .15s,color .15s}
.bo-price-currency label+label span{border-left:1px solid #d9dee8}
.bo-price-currency input[type=radio]:checked+span{background:var(--bo-primary);color:#fff}
.bo-price-currency input[type=radio]:focus-visible+span{outline:2px solid var(--bo-primary);outline-offset:-2px}

/* strelica padajućeg menija: vertikalno centrirana u svakoj visini polja */
.uni-select-name:after{ top:50% !important; bottom:auto !important; transform:translateY(calc(-50% + 3px)) !important; margin-top:0 !important; }

/* podrška: dugme u plavom zaglavlju je belo, pa tekst mora biti tamno plav */
.support-wrapper .hero__links a{ color:var(--bo-primary) !important; }
.support-wrapper .hero__links a:hover{ color:var(--bo-primary-hover) !important; }