.bd-apartmani {

  --bd-primary: #2d5f8a;

  --bd-primary-dark: #1e3f5c;

  --bd-primary-light: #5a9ac7;

  --bd-accent: #e8a838;

  --bd-dark: #2c3e50;

  --bd-dark2: #34495e;

  --bd-header-bg: #2c3e50;

  --bd-nav-bg: #34567a;

  --bd-hero-from: #2c3e50;

  --bd-hero-to: #3b6998;

  --bd-btn: #2d7d9a;

  --bd-btn-hover: #236878;

  --bd-bg: #f4f4f4;

  --bd-white: #ffffff;

  --bd-text: #333333;

  --bd-text2: #666666;

  --bd-text3: #999999;

  --bd-border: #e0e0e0;

  --bd-border2: #eeeeee;

  --bd-shadow: rgba(0,0,0,.08);

  --bd-shadow2: rgba(0,0,0,.15);

  --bd-green: #2e7d32;

  --bd-gold: #e8a838;

  --bd-gold-light: #fff8e1;

  --bd-radius: 8px;

  /* zone colors for markers and badges */

  --bd-z-grad:          #2d5f8a;  /* navy */

  --bd-z-pritoka:       #1a8a7a;  /* teal */

  --bd-z-golubic:       #2c8a3e;  /* green */

  --bd-z-ripac:         #3da4c2;  /* light blue (ripac_racic) */

  --bd-z-lohovo:        #6a8e3a;  /* olive */

  --bd-z-klokot:        #b08538;  /* gold-brown */

  --bd-z-sjever:        #8b5a2b;  /* brown (pokoj_kostela) */

  --bd-z-kanjon:        #5a4a8a;  /* purple (kulen_vakuf) */

  --bd-booking:   #003580;

  font-family: 'Noto Sans','Segoe UI',sans-serif;

  background: var(--bd-bg);

  color: var(--bd-text);

  line-height: 1.6;

  max-width: 1200px;

  margin: 0 auto;

  padding: 20px;

  box-sizing: border-box;

}

.bd-apartmani *,

.bd-apartmani *::before,

.bd-apartmani *::after {

  box-sizing: border-box;

}



/* HERO */

.bd-apartmani .bd-hero {

  background: linear-gradient(145deg, var(--bd-hero-from) 0%, #345a80 50%, var(--bd-hero-to) 100%);

  border-radius: var(--bd-radius);

  padding: 40px 44px;

  margin-bottom: 30px;

  position: relative;

  overflow: hidden;

  color: #fff;

}

.bd-apartmani .bd-hero::before {

  content:'';

  position:absolute;

  top:-50%;

  right:-10%;

  width:400px;

  height:400px;

  background: radial-gradient(circle, rgba(90,154,199,.15) 0%, transparent 70%);

  pointer-events:none;

}

.bd-apartmani .bd-hero::after {

  content:'';

  position:absolute;

  bottom:-30%;

  left:10%;

  width:300px;

  height:300px;

  background: radial-gradient(circle, rgba(45,127,154,.1) 0%, transparent 70%);

  pointer-events:none;

}

.bd-apartmani .bd-hero-badge {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  background: rgba(255,255,255,.12);

  border: 1px solid rgba(255,255,255,.2);

  color: rgba(255,255,255,.85);

  padding: 5px 14px;

  border-radius: 20px;

  font-size: .72rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .1em;

  margin-bottom: 14px;

  position: relative;

  z-index: 1;

}

.bd-apartmani .bd-hero-badge::before {

  content:'';

  width: 8px;

  height: 8px;

  background: var(--bd-primary-light);

  border-radius: 50%;

  animation: bd-apt-pulse 2s infinite;

}

@keyframes bd-apt-pulse { 0%,100%{opacity:1} 50%{opacity:.4} }

.bd-apartmani .bd-hero h1 {

  font-family: 'Cairo',sans-serif;

  font-size: clamp(1.6rem,3.5vw,2.3rem);

  font-weight: 800;

  line-height: 1.15;

  margin: 0 0 10px;

  position: relative;

  z-index: 1;

}

.bd-apartmani .bd-hero h1 em {

  font-style: normal;

  color: #8ec5e8;

}

.bd-apartmani .bd-hero p {

  font-size: .9rem;

  color: rgba(255,255,255,.6);

  position: relative;

  z-index: 1;

  max-width: 620px;

  margin: 0;

}

.bd-apartmani .bd-hero-stats {

  display: flex;

  gap: 28px;

  margin-top: 22px;

  position: relative;

  z-index: 1;

  flex-wrap: wrap;

}

.bd-apartmani .bd-hero-stat {

  text-align: center;

}

.bd-apartmani .bd-hero-stat-num {

  font-family: 'Cairo',sans-serif;

  font-size: 1.8rem;

  font-weight: 800;

  color: #fff;

  line-height: 1;

}

.bd-apartmani .bd-hero-stat-lbl {

  font-size: .7rem;

  color: rgba(255,255,255,.45);

  text-transform: uppercase;

  letter-spacing: .08em;

}



/* SEO BLOK */

.bd-apartmani .bd-seo {

  background: var(--bd-white);

  border-radius: var(--bd-radius);

  padding: 30px 36px;

  margin-bottom: 24px;

  box-shadow: 0 2px 12px var(--bd-shadow);

  border: 1px solid var(--bd-border2);

  border-left: 4px solid var(--bd-btn);

}

.bd-apartmani .bd-seo h2 {

  font-family: 'Cairo',sans-serif;

  font-size: 1.5rem;

  font-weight: 800;

  color: var(--bd-dark);

  margin: 0 0 14px;

  line-height: 1.25;

}

.bd-apartmani .bd-seo h3 {

  font-family: 'Cairo',sans-serif;

  font-size: 1.1rem;

  font-weight: 700;

  color: var(--bd-dark2);

  margin: 22px 0 10px;

  padding-left: 12px;

  border-left: 3px solid var(--bd-accent);

}

.bd-apartmani .bd-seo p {

  font-size: .95rem;

  color: var(--bd-text);

  margin: 0 0 12px;

  line-height: 1.75;

}

.bd-apartmani .bd-seo strong {

  color: var(--bd-dark);

  font-weight: 700;

}

.bd-apartmani .bd-seo ul {

  margin: 8px 0 14px 22px;

  padding: 0;

}

.bd-apartmani .bd-seo ul li {

  font-size: .9rem;

  color: var(--bd-text2);

  margin-bottom: 6px;

  line-height: 1.6;

}

.bd-apartmani .bd-seo ul li::marker {

  color: var(--bd-btn);

}



/* Info grid */

.bd-apartmani .bd-info-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

  gap: 12px;

  margin: 14px 0 6px;

}

.bd-apartmani .bd-info-card {

  background: linear-gradient(135deg, #f8fafc, #eef4fa);

  border: 1px solid var(--bd-border2);

  border-left: 3px solid var(--bd-btn);

  border-radius: 6px;

  padding: 14px 16px;

}

.bd-apartmani .bd-info-card .bd-ic-lbl {

  font-size: .72rem;

  color: var(--bd-text3);

  text-transform: uppercase;

  letter-spacing: .05em;

  margin-bottom: 4px;

  font-weight: 600;

}

.bd-apartmani .bd-info-card .bd-ic-val {

  font-family: 'Cairo',sans-serif;

  font-size: 1rem;

  color: var(--bd-dark);

  font-weight: 700;

}



/* Tip box */

.bd-apartmani .bd-tip {

  background: var(--bd-gold-light);

  border-left: 4px solid var(--bd-gold);

  border-radius: 6px;

  padding: 14px 18px;

  margin: 16px 0;

  font-size: .88rem;

  color: var(--bd-text);

}

.bd-apartmani .bd-tip strong {

  color: var(--bd-dark);

}



/* Atrakcije grid (šta posjetiti) */

.bd-apartmani .bd-attr-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));

  gap: 12px;

  margin: 16px 0;

}

.bd-apartmani .bd-attr {

  background: linear-gradient(135deg, #fafbfc, #eef4fa);

  border: 1px solid var(--bd-border2);

  border-radius: 8px;

  padding: 16px;

  text-align: center;

  transition: transform .2s, box-shadow .2s;

}

.bd-apartmani .bd-attr:hover {

  transform: translateY(-3px);

  box-shadow: 0 8px 20px rgba(0,0,0,.08);

  border-color: var(--bd-primary-light);

}

.bd-apartmani .bd-attr-ico {

  font-size: 1.6rem;

  line-height: 1;

  margin-bottom: 6px;

}

.bd-apartmani .bd-attr-name {

  font-family: 'Cairo',sans-serif;

  font-weight: 700;

  color: var(--bd-dark);

  font-size: .9rem;

  margin-bottom: 3px;

}

.bd-apartmani .bd-attr-dist {

  font-size: .72rem;

  color: var(--bd-text3);

}



/* FAQ */

.bd-apartmani .bd-faq {

  background: var(--bd-white);

  border-radius: var(--bd-radius);

  padding: 28px 34px;

  margin-bottom: 24px;

  box-shadow: 0 2px 12px var(--bd-shadow);

  border: 1px solid var(--bd-border2);

}

.bd-apartmani .bd-faq h2 {

  font-family: 'Cairo',sans-serif;

  font-size: 1.4rem;

  font-weight: 800;

  color: var(--bd-dark);

  margin: 0 0 18px;

  padding-bottom: 10px;

  border-bottom: 3px solid var(--bd-primary);

  display: inline-block;

}

.bd-apartmani .bd-faq-i {

  border-bottom: 1px solid var(--bd-border2);

  padding: 14px 0;

}

.bd-apartmani .bd-faq-i:last-child {

  border-bottom: none;

}

.bd-apartmani .bd-faq-q {

  font-family: 'Cairo',sans-serif;

  font-size: 1rem;

  font-weight: 700;

  color: var(--bd-dark);

  margin-bottom: 6px;

}

.bd-apartmani .bd-faq-a {

  font-size: .9rem;

  color: var(--bd-text2);

  line-height: 1.65;

}

.bd-apartmani .bd-faq-a strong {

  color: var(--bd-dark);

}



/* Cross-links */

.bd-apartmani .bd-xlinks {

  background: #eef4fa;

  border-radius: var(--bd-radius);

  padding: 16px 24px;

  margin-bottom: 24px;

  font-size: .88rem;

  color: var(--bd-text2);

  border: 1px solid #d5e3ee;

}

.bd-apartmani .bd-xlinks strong {

  color: var(--bd-dark);

}

.bd-apartmani .bd-xlinks a {

  color: var(--bd-btn);

  text-decoration: none;

  font-weight: 600;

  margin: 0 4px;

}

.bd-apartmani .bd-xlinks a:hover {

  text-decoration: underline;

  color: var(--bd-btn-hover);

}



/* FILTERS */

.bd-apartmani .bd-filters {

  background: var(--bd-white);

  border-radius: var(--bd-radius);

  padding: 18px 24px;

  margin-bottom: 18px;

  box-shadow: 0 2px 10px var(--bd-shadow);

  border: 1px solid var(--bd-border2);

}

.bd-apartmani .bd-filt-row {

  display: flex;

  align-items: center;

  gap: 10px;

  flex-wrap: wrap;

}

.bd-apartmani .bd-filt-row + .bd-filt-row {

  margin-top: 10px;

  padding-top: 10px;

  border-top: 1px solid var(--bd-border2);

}

.bd-apartmani .bd-filt-lbl {

  font-family: 'Cairo',sans-serif;

  font-size: .78rem;

  font-weight: 700;

  color: var(--bd-dark2);

  text-transform: uppercase;

  letter-spacing: .05em;

  margin-right: 6px;

}

.bd-apartmani .bd-fb {

  padding: 8px 16px;

  border: 2px solid var(--bd-border);

  border-radius: 6px;

  background: var(--bd-white);

  font-size: .78rem;

  font-weight: 600;

  color: var(--bd-text2);

  cursor: pointer;

  transition: all .2s;

  font-family: inherit;

}

.bd-apartmani .bd-fb:hover,

.bd-apartmani .bd-fb.active {

  border-color: var(--bd-btn);

  color: var(--bd-btn);

  background: rgba(45,125,154,.05);

}

.bd-apartmani .bd-fb-zona[data-z="grad"].active          { border-color: var(--bd-z-grad);    color: var(--bd-z-grad);    background: rgba(45,95,138,.06); }

.bd-apartmani .bd-fb-zona[data-z="pritoka"].active       { border-color: var(--bd-z-pritoka); color: var(--bd-z-pritoka); background: rgba(26,138,122,.06); }

.bd-apartmani .bd-fb-zona[data-z="golubic"].active       { border-color: var(--bd-z-golubic); color: var(--bd-z-golubic); background: rgba(44,138,62,.06); }

.bd-apartmani .bd-fb-zona[data-z="ripac_racic"].active   { border-color: var(--bd-z-ripac);   color: var(--bd-z-ripac);   background: rgba(61,164,194,.06); }

.bd-apartmani .bd-fb-zona[data-z="lohovo"].active        { border-color: var(--bd-z-lohovo);  color: var(--bd-z-lohovo);  background: rgba(106,142,58,.06); }

.bd-apartmani .bd-fb-zona[data-z="klokot"].active        { border-color: var(--bd-z-klokot);  color: var(--bd-z-klokot);  background: rgba(176,133,56,.06); }

.bd-apartmani .bd-fb-zona[data-z="pokoj_kostela"].active { border-color: var(--bd-z-sjever);  color: var(--bd-z-sjever);  background: rgba(139,90,43,.06); }

.bd-apartmani .bd-fb-zona[data-z="kulen_vakuf"].active   { border-color: var(--bd-z-kanjon);  color: var(--bd-z-kanjon);  background: rgba(90,74,138,.06); }



.bd-apartmani .bd-search {

  flex: 1;

  min-width: 180px;

  max-width: 320px;

  padding: 9px 14px;

  border: 2px solid var(--bd-border);

  border-radius: 6px;

  background: var(--bd-white);

  font-size: .82rem;

  color: var(--bd-text);

  font-family: inherit;

  transition: border-color .2s;

}

.bd-apartmani .bd-search:focus {

  outline: none;

  border-color: var(--bd-btn);

}

.bd-apartmani .bd-fcount {

  font-size: .76rem;

  color: var(--bd-text3);

  margin-left: auto;

  font-family: 'Cairo',sans-serif;

}

.bd-apartmani .bd-fcount strong {

  color: var(--bd-btn);

  font-weight: 700;

}



/* SECTION TITLE */

.bd-apartmani .bd-st {

  font-family: 'Cairo',sans-serif;

  font-size: 1.15rem;

  font-weight: 700;

  color: var(--bd-dark);

  margin: 0 0 18px;

  padding-bottom: 10px;

  border-bottom: 3px solid var(--bd-primary);

  display: inline-block;

}

.bd-apartmani .bd-sw {

  margin-bottom: 32px;

}



/* MAP */

.bd-apartmani .bd-map-wrap {

  border-radius: var(--bd-radius);

  overflow: hidden;

  box-shadow: 0 4px 20px var(--bd-shadow2);

  border: 1px solid var(--bd-border);

  margin-bottom: 24px;

}

.bd-apartmani #bd-apt-map {

  width: 100%;

  height: 480px;

}



/* Zone legend (above map) */

.bd-apartmani .bd-legend {

  display: flex;

  gap: 14px;

  flex-wrap: wrap;

  background: var(--bd-white);

  border: 1px solid var(--bd-border2);

  border-radius: 6px;

  padding: 10px 16px;

  margin-bottom: 14px;

  font-size: .76rem;

  color: var(--bd-text2);

}

.bd-apartmani .bd-leg-item {

  display: flex;

  align-items: center;

  gap: 6px;

}

.bd-apartmani .bd-leg-dot {

  width: 12px;

  height: 12px;

  border-radius: 50%;

  border: 1.5px solid #fff;

  box-shadow: 0 0 0 1px rgba(0,0,0,.2);

}



/* CARDS GRID */

.bd-apartmani .bd-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));

  gap: 20px;

}

.bd-apartmani .bd-card {

  background: #fff;

  border-radius: 10px;

  overflow: hidden;

  box-shadow: 0 2px 10px rgba(0,0,0,.08);

  border: 1px solid #e7e7e7;

  cursor: pointer;

  display: flex;

  flex-direction: column;

  transition: transform .2s, box-shadow .2s, border-color .2s;

}

.bd-apartmani .bd-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 10px 26px rgba(0,0,0,.12);

  border-color: var(--bd-primary);

}

.bd-apartmani .bd-card.active {

  border-color: var(--bd-primary);

  box-shadow: 0 0 0 2px var(--bd-primary), 0 12px 32px rgba(45,95,138,.15);

}

.bd-apartmani .bd-card-photo {

  width: 100%;

  height: 210px;

  position: relative;

  overflow: hidden;

  background: linear-gradient(135deg, #f3f5f7, #e8edf2);

}

.bd-apartmani .bd-card-photo-img {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  opacity: 0;

  transition: opacity .5s, transform .5s cubic-bezier(.16,1,.3,1);

}

.bd-apartmani .bd-card-photo-img.bd-loaded {

  opacity: 1;

}

.bd-apartmani .bd-card:hover .bd-card-photo-img.bd-loaded {

  transform: scale(1.06);

}

.bd-apartmani .bd-card-ph {

  position: absolute;

  inset: 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 8px;

  background: linear-gradient(135deg, #fafafa, #f0f0f0);

  transition: opacity .4s;

}

.bd-apartmani .bd-card-ph.bd-hidden {

  opacity: 0;

  pointer-events: none;

}

.bd-apartmani .bd-card-ph svg {

  width: 48px;

  height: 48px;

  opacity: .25;

}

.bd-apartmani .bd-card-ph-name {

  font-family: 'Cairo',sans-serif;

  font-size: .82rem;

  font-weight: 700;

  color: var(--bd-text3);

  text-align: center;

  padding: 0 14px;

  line-height: 1.3;

}

.bd-apartmani .bd-card-zone {

  position: absolute;

  top: 12px;

  left: 12px;

  padding: 4px 10px;

  border-radius: 4px;

  font-size: .65rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: .04em;

  z-index: 3;

  color: #fff;

  box-shadow: 0 2px 6px rgba(0,0,0,.2);

}

.bd-apartmani .bd-card-zone[data-z="grad"]          { background: var(--bd-z-grad); }

.bd-apartmani .bd-card-zone[data-z="pritoka"]       { background: var(--bd-z-pritoka); }

.bd-apartmani .bd-card-zone[data-z="golubic"]       { background: var(--bd-z-golubic); }

.bd-apartmani .bd-card-zone[data-z="ripac_racic"]   { background: var(--bd-z-ripac); }

.bd-apartmani .bd-card-zone[data-z="lohovo"]        { background: var(--bd-z-lohovo); }

.bd-apartmani .bd-card-zone[data-z="klokot"]        { background: var(--bd-z-klokot); }

.bd-apartmani .bd-card-zone[data-z="pokoj_kostela"] { background: var(--bd-z-sjever); }

.bd-apartmani .bd-card-zone[data-z="kulen_vakuf"]   { background: var(--bd-z-kanjon); }



.bd-apartmani .bd-card-tip {

  position: absolute;

  top: 12px;

  right: 12px;

  background: rgba(255,255,255,.95);

  border-radius: 4px;

  padding: 4px 10px;

  font-size: .65rem;

  color: var(--bd-dark);

  font-weight: 700;

  z-index: 3;

  text-transform: uppercase;

  letter-spacing: .03em;

  box-shadow: 0 2px 6px rgba(0,0,0,.12);

}



.bd-apartmani .bd-card-body {

  padding: 16px 18px 12px;

  flex: 1;

}

.bd-apartmani .bd-card-name {

  font-family: 'Cairo',sans-serif;

  font-size: 1.05rem;

  font-weight: 800;

  color: var(--bd-dark);

  line-height: 1.25;

  margin: 0 0 8px;

}

.bd-apartmani .bd-card-row {

  font-size: .82rem;

  color: var(--bd-text2);

  margin-bottom: 5px;

  display: flex;

  align-items: flex-start;

  gap: 8px;

}

.bd-apartmani .bd-card-row-ico {

  font-size: .85rem;

  flex-shrink: 0;

  margin-top: 1px;

}

.bd-apartmani .bd-card-phone {

  color: var(--bd-btn);

  text-decoration: none;

  font-weight: 700;

  font-size: .88rem;

}

.bd-apartmani .bd-card-phone:hover {

  color: var(--bd-btn-hover);

}

.bd-apartmani .bd-card-web {

  color: var(--bd-primary);

  text-decoration: none;

  font-size: .78rem;

  word-break: break-all;

}

.bd-apartmani .bd-card-web:hover {

  text-decoration: underline;

}



.bd-apartmani .bd-card-foot {

  display: flex;

  gap: 8px;

  padding: 12px 18px 16px;

  border-top: 1px solid #ececec;

  background: #fafafa;

}

.bd-apartmani .bd-call-btn,

.bd-apartmani .bd-nav-btn,

.bd-apartmani .bd-map-btn,

.bd-apartmani .bd-book-btn {

  flex: 1;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 4px;

  padding: 10px 12px;

  border-radius: 6px;

  font-size: .72rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: .04em;

  text-decoration: none;

  white-space: nowrap;

  transition: background .2s, color .2s, transform .2s;

}



.bd-apartmani .bd-call-btn {

  background: var(--bd-btn);

  color: #fff !important;

}

.bd-apartmani .bd-call-btn:hover {

  background: var(--bd-btn-hover);

}



.bd-apartmani .bd-nav-btn {

  background: var(--bd-primary);

  color: #fff !important;

}

.bd-apartmani .bd-nav-btn:hover {

  background: var(--bd-primary-dark);

  color: #fff !important;

}



.bd-apartmani .bd-map-btn {

  background: var(--bd-primary);

  color: #fff !important;

  border: none;

  cursor: pointer;

}

.bd-apartmani .bd-map-btn:hover {

  background: var(--bd-primary-dark);

}



.bd-apartmani .bd-book-btn {

  background: var(--bd-booking);

  color: #fff !important;

}

.bd-apartmani .bd-book-btn:hover {

  background: #002a66;

}



/* Hint na placeholderu da je kartica klikabilna */

.bd-apartmani .bd-card-photo::after {

  content: '';

  position: absolute;

  inset: 0;

  background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,.35) 100%);

  pointer-events: none;

  z-index: 2;

  opacity: 0;

  transition: opacity .25s;

}

.bd-apartmani .bd-card:hover .bd-card-photo::after {

  opacity: 1;

}

.bd-apartmani .bd-card-hint {

  position: absolute;

  bottom: 10px;

  left: 50%;

  transform: translateX(-50%) translateY(8px);

  background: rgba(255,255,255,.95);

  color: var(--bd-primary-dark);

  font-family: 'Cairo',sans-serif;

  font-size: .7rem;

  font-weight: 700;

  padding: 5px 12px;

  border-radius: 4px;

  white-space: nowrap;

  text-transform: uppercase;

  letter-spacing: .04em;

  z-index: 3;

  opacity: 0;

  transition: opacity .25s, transform .25s;

  pointer-events: none;

  box-shadow: 0 2px 8px rgba(0,0,0,.2);

}

.bd-apartmani .bd-card:hover .bd-card-hint {

  opacity: 1;

  transform: translateX(-50%) translateY(0);

}



/* GOOGLE RECENZIJE BADGE */

.bd-apartmani .bd-rating {

  display: inline-flex;

  align-items: center;

  gap: 4px;

  background: #fff8e1;

  border: 1px solid #f0d27a;

  padding: 3px 8px;

  border-radius: 4px;

  font-size: .76rem;

  font-weight: 700;

  color: #5a4a00;

  margin-bottom: 8px;

}

.bd-apartmani .bd-rating-stars {

  color: #f5a623;

  font-size: .82rem;

}

.bd-apartmani .bd-rating-num {

  font-family: 'Cairo',sans-serif;

}

.bd-apartmani .bd-rating-count {

  color: var(--bd-text3);

  font-weight: 500;

  font-size: .7rem;

}



/* "GOOGLE FOTO" overlay button */

.bd-apartmani .bd-photo-link {

  position: absolute;

  bottom: 10px;

  right: 10px;

  background: rgba(255,255,255,.95);

  color: var(--bd-primary-dark) !important;

  font-family: 'Cairo',sans-serif;

  font-size: .68rem;

  font-weight: 700;

  padding: 5px 10px;

  border-radius: 4px;

  text-decoration: none;

  z-index: 4;

  text-transform: uppercase;

  letter-spacing: .04em;

  box-shadow: 0 2px 6px rgba(0,0,0,.18);

  transition: background .2s;

}

.bd-apartmani .bd-photo-link:hover {

  background: #fff;

  color: var(--bd-primary) !important;

}



/* "VIDI NA GOOGLE MAPS" link */

.bd-apartmani .bd-gmaps-row {

  font-size: .76rem;

  color: var(--bd-text2);

  margin-bottom: 6px;

  display: flex;

  align-items: center;

  gap: 6px;

}

.bd-apartmani .bd-gmaps-link {

  color: var(--bd-btn);

  text-decoration: none;

  font-weight: 600;

}

.bd-apartmani .bd-gmaps-link:hover {

  text-decoration: underline;

}



/* TABLE */

.bd-apartmani .bd-tbl-wrap {

  overflow-x: auto;

  border-radius: var(--bd-radius);

  border: 1px solid var(--bd-border);

  box-shadow: 0 2px 12px var(--bd-shadow);

  background: var(--bd-white);

}

.bd-apartmani .bd-tbl {

  width: 100%;

  border-collapse: collapse;

  font-size: .82rem;

}

.bd-apartmani .bd-tbl thead tr {

  background: var(--bd-dark);

}

.bd-apartmani .bd-tbl thead th {

  padding: 12px 14px;

  text-align: left;

  color: rgba(255,255,255,.85);

  font-weight: 600;

  font-size: .7rem;

  letter-spacing: .08em;

  text-transform: uppercase;

  border-bottom: 2px solid var(--bd-primary-light);

  white-space: nowrap;

}

.bd-apartmani .bd-tbl tbody tr {

  border-bottom: 1px solid var(--bd-border2);

  cursor: pointer;

  transition: background .14s;

}

.bd-apartmani .bd-tbl tbody tr:last-child {

  border-bottom: none;

}

.bd-apartmani .bd-tbl tbody tr:hover {

  background: #eef4fa;

}

.bd-apartmani .bd-tbl tbody tr.bd-tr-active {

  background: rgba(45,95,138,.06);

}

.bd-apartmani .bd-tbl td {

  padding: 10px 14px;

  vertical-align: middle;

  color: var(--bd-text2);

}

.bd-apartmani .bd-tbl-name {

  color: var(--bd-dark);

  font-weight: 700;

}

.bd-apartmani .bd-tbl-phone {

  color: var(--bd-btn);

  text-decoration: none;

  font-weight: 700;

}

.bd-apartmani .bd-tbl-phone:hover {

  text-decoration: underline;

}

.bd-apartmani .bd-tbl-zone {

  display: inline-block;

  font-size: .62rem;

  padding: 2px 7px;

  border-radius: 4px;

  font-weight: 700;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: .04em;

}



/* LEAFLET POPUP */

.bd-apartmani-popup .leaflet-popup-content-wrapper {

  background: var(--bd-white) !important;

  border-radius: var(--bd-radius) !important;

  box-shadow: 0 8px 32px rgba(0,0,0,.2) !important;

  padding: 0 !important;

  border: 1px solid var(--bd-border) !important;

}

.bd-apartmani-popup .leaflet-popup-content {

  margin: 0 !important;

}

.bd-apartmani-popup .leaflet-popup-tip {

  background: var(--bd-white) !important;

}

.bd-apt-popup {

  min-width: 260px;

  padding: 14px 18px 16px;

}

.bd-apt-popup-name {

  font-family: 'Cairo',sans-serif;

  font-size: 1rem;

  font-weight: 700;

  color: var(--bd-dark);

  margin-bottom: 6px;

}

.bd-apt-popup-row {

  font-size: .78rem;

  color: var(--bd-text2);

  margin-bottom: 4px;

}

.bd-apt-popup-call {

  display: block;

  margin-top: 10px;

  background: var(--bd-btn);

  color: #fff !important;

  font-weight: 800;

  font-size: .8rem;

  text-decoration: none;

  text-align: center;

  padding: 9px;

  border-radius: 6px;

  letter-spacing: .04em;

}

.bd-apt-popup-call:hover {

  background: var(--bd-btn-hover);

}



@media (max-width:768px) {

  .bd-apartmani {

    padding: 10px;

  }

  .bd-apartmani .bd-hero {

    padding: 28px 22px;

  }

  .bd-apartmani .bd-hero-stats {

    gap: 18px;

  }

  .bd-apartmani .bd-hero-stat-num {

    font-size: 1.4rem;

  }

  .bd-apartmani .bd-grid {

    grid-template-columns: 1fr;

  }

  .bd-apartmani #bd-apt-map {

    height: 320px;

  }

  .bd-apartmani .bd-filters {

    padding: 14px 16px;

  }

  .bd-apartmani .bd-card-photo {

    height: 180px;

  }

  .bd-apartmani .bd-seo {

    padding: 22px 20px;

  }

  .bd-apartmani .bd-seo h2 {

    font-size: 1.25rem;

  }

  .bd-apartmani .bd-faq {

    padding: 22px 20px;

  }

}

@media (max-width:480px) {

  .bd-apartmani .bd-hero-stats {

    flex-wrap: wrap;

    gap: 14px;

  }

  .bd-apartmani .bd-fb {

    padding: 7px 11px;

    font-size: .73rem;

  }

  .bd-apartmani .bd-search {

    max-width: 100%;

  }

}



/* Use Jannah content width instead of custom container */

.bd-apartmani {

  background: var(--bd-bg);

  color: var(--bd-text);

  line-height: 1.6;

  /* remove hard width/padding control */

  max-width: none;

  margin: 0;

  padding: 0;

}



/* Let the theme entry-content control the horizontal limits */

.entry-content .bd-apartmani {

  max-width: 100%;

  margin: 0;

  padding: 0;

}



/* Tighter hero, like a normal content block */

.bd-apartmani .bd-hero {

  margin-bottom: 24px;

  padding: 28px 26px;

}



/* Directory-style grid: 3 cards desktop, 2 tablet, 1 mobile */

.bd-apartmani .bd-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 18px;

}



/* Slightly smaller card photo to feel more compact */

.bd-apartmani .bd-card-photo {

  height: 190px;

}



/* Tablet: 2 columns */

@media (max-width: 1100px) {

  .bd-apartmani .bd-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

}



/* Mobile: 1 column, full width */

@media (max-width: 768px) {

  .bd-apartmani .bd-grid {

    grid-template-columns: 1fr;

  }

}