/* Budva Beaches index — isolated from Budva, Beach detail and Landing CSS */
body.ma-budva-beaches-active{overflow-x:clip}
body.ma-budva-beaches-active .site-content,
body.ma-budva-beaches-active .content-area,
body.ma-budva-beaches-active .site-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.ma-budva-beaches-active .page-header-image,
body.ma-budva-beaches-active .inside-article>.post-image{display:none!important}

.ma-budva-beaches{--bb-navy:#073653;--bb-blue:#1399c9;--bb-line:#dce6eb;--bb-muted:#687d89;--bb-coral:#ff7148;background:#fff;color:#0a304a;position:relative}
.ma-budva-beaches *{box-sizing:border-box}
.ma-budva-beaches a{text-decoration:none!important}
.mabch-container{width:min(1220px,calc(100% - 48px));margin-inline:auto}

.mabch-hero{position:relative;min-height:360px;background:#0e5579 var(--mabch-hero,none) center/cover no-repeat;color:#fff}
.mabch-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,37,57,.84),rgba(4,37,57,.38) 58%,rgba(4,37,57,.1))}
.mabch-hero-inner{position:relative;z-index:1;padding:105px 0 70px}
.mabch-breadcrumbs{display:flex;gap:9px;align-items:center;font-size:11px;color:rgba(255,255,255,.86);margin-bottom:18px}
.mabch-breadcrumbs a{color:#fff!important}
.mabch-hero h1{margin:0 0 14px;color:#fff!important;font-size:clamp(44px,4.3vw,64px)!important;line-height:.98!important;font-weight:700!important;letter-spacing:-.035em!important}
.mabch-hero p{max-width:520px;margin:0;color:#fff!important;font-size:15px;line-height:1.65}

.mabch-filter-wrap{position:relative;z-index:5;margin-top:-34px}
.mabch-filter-bar{display:grid;grid-template-columns:1.4fr .8fr .85fr .9fr 180px;gap:10px;padding:10px;background:#fff;border-radius:8px;box-shadow:0 12px 28px rgba(4,40,61,.14)}
.mabch-filter-bar select,.mabch-search-field{height:52px;border:1px solid var(--bb-line);border-radius:5px;background:#fff;color:#304b5b;font-size:12px}
.mabch-search-field{display:flex;align-items:center;gap:10px;padding:0 14px}.mabch-search-field i{color:#0b5d82}
.mabch-search-field input{width:100%;height:48px;border:0!important;box-shadow:none!important;background:transparent!important;font-size:12px}
.mabch-filter-bar select{padding:0 13px}
#mabch-reset{border:0;border-radius:5px;background:var(--bb-navy);color:#fff;font-size:11px;font-weight:700;cursor:pointer}

.mabch-quick{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;padding:26px 0 32px}
.mabch-quick button{min-height:98px;padding:11px 7px;border:1px solid var(--bb-line);border-radius:7px;background:#fff;color:#0a304a;box-shadow:0 4px 13px rgba(4,40,61,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.mabch-quick button:hover,.mabch-quick button.is-active{border-color:#7cc6e2;background:#f5fbfe}
.mabch-quick i{font-size:24px;color:var(--bb-blue)}.mabch-quick button:nth-child(5) i{color:var(--bb-coral)}
.mabch-quick strong{font-size:10px}.mabch-quick small{font-size:9px;color:var(--bb-muted)}

.mabch-results{padding-bottom:44px}
.mabch-results-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.mabch-results-head h2{margin:0!important;font-size:22px!important;line-height:1.2!important;color:#073653!important;font-weight:700!important}
.mabch-view-tools{display:flex;align-items:center;gap:10px;font-size:10px}.mabch-view-tools button,.mabch-view-tools a{height:34px;border:1px solid var(--bb-line);border-radius:5px;background:#fff;padding:0 10px;display:inline-flex;align-items:center;gap:6px;color:#173e55!important;font-size:10px}.mabch-view-tools .is-active{background:var(--bb-navy);color:#fff!important}

.mabch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mabch-card{border:1px solid var(--bb-line);border-radius:7px;background:#fff;overflow:hidden;box-shadow:0 4px 14px rgba(3,38,57,.05)}
.mabch-image{position:relative;display:block;height:165px;background:#e9f1f4;overflow:hidden}.mabch-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.mabch-card:hover .mabch-image img{transform:scale(1.025)}
.mabch-image-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:35px;color:#9dc3d3}
.mabch-heart{position:absolute;top:9px;right:9px;width:31px;height:31px;border:0;border-radius:50%;background:rgba(3,37,57,.40);color:#fff;font-size:16px;display:grid;place-items:center;cursor:pointer}
.mabch-card-body{padding:12px 13px 0}.mabch-card h3{margin:0 0 9px!important;font-size:14px!important;line-height:1.2!important}.mabch-card h3 a{color:#0a304a!important}
.mabch-facts{min-height:46px;display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;color:#627884;font-size:10px}.mabch-facts span{display:flex;align-items:center;gap:6px;min-width:0}.mabch-facts i{width:13px;color:var(--bb-blue)}
.mabch-location{margin:10px -13px 0;padding:10px 13px;border-top:1px solid #e8eef1;display:flex;align-items:center;justify-content:space-between;color:#526d7b!important;font-size:10px}.mabch-location span{display:flex;align-items:center;gap:6px}.mabch-location i{color:#087ba8}
.mabch-no-listings{grid-column:1/-1;padding:60px 20px;text-align:center;border:1px dashed #cddbe2;border-radius:8px}.mabch-no-listings>i{font-size:34px;color:#83bcd1}.mabch-no-listings h3{font-size:18px;margin:13px 0 6px}.mabch-no-listings p,.mabch-no-results{text-align:center;color:var(--bb-muted);font-size:12px}
.mabch-card[hidden]{display:none!important}

.mabch-map{display:grid;grid-template-columns:355px minmax(0,1fr);min-height:330px;border-radius:8px;overflow:hidden;margin-bottom:27px;background:var(--bb-navy);color:#fff}
.mabch-map-copy{padding:43px 34px;background:linear-gradient(135deg,#073753,#09648c)}
.mabch-map h2{color:#fff!important;font-size:24px!important;line-height:1.08!important;margin:0 0 15px!important}.mabch-map p{font-size:12px;line-height:1.6;margin:0 0 22px}.mabch-map-copy a{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.72);border-radius:4px;padding:12px 14px;color:#fff!important;font-size:10px;font-weight:700}
.mabch-map-embed{min-width:0;background:#e7eef2}.mabch-map-embed>*{height:100%!important;min-height:330px}

.mabch-newsletter{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:15px 20px;border:1px solid var(--bb-line);border-radius:7px;margin-bottom:35px}
.mabch-newsletter-copy{display:flex;align-items:center;gap:13px}.mabch-newsletter-copy>i{font-size:25px;color:var(--bb-blue)}.mabch-newsletter strong,.mabch-newsletter small{display:block}.mabch-newsletter strong{font-size:11px}.mabch-newsletter small,.mabch-newsletter>span{margin-top:4px;color:var(--bb-muted);font-size:9px}

@media(max-width:1050px){
 .mabch-filter-bar{grid-template-columns:1fr 1fr}.mabch-filter-bar #mabch-reset{min-height:48px}
 .mabch-quick{grid-template-columns:repeat(4,1fr)}
 .mabch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mabch-map{grid-template-columns:1fr}
}
@media(max-width:760px){
 .mabch-container{width:calc(100% - 30px)}
 .mabch-hero{min-height:350px}.mabch-hero-inner{padding:92px 0 64px}.mabch-hero h1{font-size:38px!important}.mabch-hero p{font-size:13px}
 .mabch-filter-wrap{margin-top:-25px}.mabch-filter-bar{grid-template-columns:1fr;padding:8px}.mabch-filter-bar select,.mabch-search-field{height:46px}
 .mabch-quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;overflow-x:auto}.mabch-quick button{min-width:88px;min-height:83px}
 .mabch-results-head{align-items:flex-start;gap:12px}.mabch-results-head h2{font-size:18px!important}.mabch-view-tools>span,.mabch-view-tools button{display:none}
 .mabch-grid{grid-template-columns:1fr}.mabch-image{height:210px}
 .mabch-map-copy{padding:28px 22px}.mabch-newsletter{display:block}.mabch-newsletter>span{display:block;margin-top:14px}
}

/* v0.4.1 — full-bleed hero; content remains on the 1220px grid */
body.ma-budva-beaches-active .ma-budva-beaches .mabch-hero{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}
body.ma-budva-beaches-active .ma-budva-beaches .mabch-hero-inner{
  width:min(1220px,calc(100% - 48px));
  margin-inline:auto;
}
@media(max-width:760px){
  body.ma-budva-beaches-active .ma-budva-beaches .mabch-hero-inner{
    width:calc(100% - 30px);
  }
}


/* v0.4.2 — true viewport-width Budva Beaches page + hero.
   GeneratePress can keep the template inside its centered article column;
   breaking the Atlas root itself out removes the remaining right-side gutter. */
html,
body.ma-budva-beaches-active{
  overflow-x:clip;
}
body.ma-budva-beaches-active .site-content,
body.ma-budva-beaches-active .content-area,
body.ma-budva-beaches-active .site-main,
body.ma-budva-beaches-active article.page,
body.ma-budva-beaches-active article.page .inside-article{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.ma-budva-beaches-active .ma-budva-beaches{
  width:100vw!important;
  max-width:100vw!important;
  position:relative!important;
  left:50%!important;
  margin-left:-50vw!important;
  margin-right:0!important;
}
body.ma-budva-beaches-active .ma-budva-beaches .mabch-hero{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}