/* Montenegro Atlas — Budva city page. Fully isolated from beach.css */
:root{--mab-navy:#052f49;--mab-navy2:#0a5579;--mab-blue:#159bc8;--mab-text:#0a2f48;--mab-muted:#6b7c87;--mab-line:#dfe8ed;--mab-shadow:0 10px 30px rgba(4,43,67,.10)}
body.page-budva .site-content,body.page-budva .content-area,body.page-budva .site-main{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.ma-budva-page{background:#fff;color:var(--mab-text);overflow:hidden}.ma-budva-page *{box-sizing:border-box}.mab-container{width:min(1390px,calc(100% - 96px));margin-inline:auto}
.mab-hero{min-height:545px;position:relative;background:linear-gradient(135deg,#075a82,#06334e);color:#fff;display:flex;align-items:center;background-position:center;background-size:cover}.mab-hero.no-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 30%,rgba(77,174,210,.42),transparent 30%),linear-gradient(135deg,#0b628d,#06334f 65%)}.mab-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,35,54,.84),rgba(2,35,54,.42) 48%,rgba(2,35,54,.07) 78%)}
.mab-hero-content{position:relative;z-index:1;padding:78px 18px 122px}.mab-eyebrow,.mab-kicker{font-size:12px;font-weight:800;letter-spacing:.07em}.mab-eyebrow{color:#eef9ff}.mab-kicker{color:#168fb9}.mab-hero h1{font-size:clamp(58px,6vw,88px);line-height:.92;letter-spacing:-.045em;color:#fff;margin:12px 0 20px}.mab-hero p{max-width:515px;font-size:18px;line-height:1.55;color:#fff;margin:0 0 27px}.mab-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.mab-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:4px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.02em}.mab-btn-primary{background:var(--mab-navy);border:1px solid var(--mab-navy);color:#fff!important}.mab-btn-ghost{border:1px solid rgba(255,255,255,.72);color:#fff!important;background:rgba(5,50,76,.18)}
.mab-search-wrap{position:relative;z-index:4;margin-top:-48px}.mab-search-card{background:#fff;border-radius:10px;box-shadow:0 15px 34px rgba(4,35,52,.18);display:grid;grid-template-columns:1.2fr 1.2fr .9fr 190px;min-height:94px;overflow:hidden}.mab-search-card>div{padding:22px 25px;border-right:1px solid var(--mab-line);display:flex;align-items:center;gap:13px}.mab-search-card>div>span{font-size:23px;color:#0a506f}.mab-search-card label{font-size:13px;font-weight:700;display:block}.mab-search-card small{display:block;color:#7c8d97;font-size:11px;font-weight:400;margin-top:4px}.mab-search-btn{margin:16px;background:var(--mab-navy);color:#fff!important;text-decoration:none;border-radius:4px;display:grid;place-items:center;font-size:12px;font-weight:800}
.mab-about{padding:72px 0 42px;display:grid;grid-template-columns:340px minmax(0,1fr);gap:68px;border-bottom:1px solid #edf2f5}.mab-about h2,.mab-riviera h2,.mab-map h2{font-size:34px;line-height:1.14;margin:10px 0 0;color:var(--mab-text)}.mab-about-copy{font-size:15px;line-height:1.8;color:#415866}.mab-about-text{max-height:126px;overflow:hidden;transition:max-height .3s ease}.mab-about-copy.is-open .mab-about-text{max-height:1200px}.mab-read-more{border:0;background:none;color:#0b7fa8;padding:10px 0 0;font-size:11px;font-weight:800;cursor:pointer}
.mab-categories{padding:30px 0 60px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.mab-categories a{min-height:108px;border:1px solid var(--mab-line);border-radius:8px;box-shadow:0 6px 17px rgba(6,54,83,.06);text-decoration:none;color:var(--mab-text);padding:18px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;background:#fff}.mab-categories span{grid-row:1/3;font-size:29px;color:#1f9cca}.mab-categories b{font-size:12px;align-self:end}.mab-categories small{font-size:11px;color:#687b86}
.mab-riviera{display:grid;grid-template-columns:305px minmax(0,1fr);gap:34px;padding:4px 0 64px}.mab-riviera-copy p{font-size:14px;line-height:1.68;color:#425966;margin:16px 0 22px}.mab-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.mab-feature-card{height:260px;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(145deg,#3c94ba,#0b4667);text-decoration:none;background-image:var(--mab-card);background-size:cover;background-position:center}.mab-feature-card:nth-child(2){background-color:#23799d}.mab-feature-card:nth-child(3){background-color:#146784}.mab-feature-card:nth-child(4){background-color:#2d89ad}.mab-feature-card:nth-child(5){background-color:#17617f}.mab-feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(2,22,34,.1) 42%,rgba(1,22,34,.92))}.mab-feature-card span{position:absolute;z-index:2;left:17px;right:14px;bottom:15px;color:#fff}.mab-feature-card strong,.mab-feature-card small{display:block}.mab-feature-card strong{font-size:17px}.mab-feature-card small{font-size:11px;margin-top:7px}
.mab-explore{padding:0 0 46px}.mab-section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #e6edf1;padding-bottom:15px;margin-bottom:18px}.mab-section-head h2{font-size:24px;line-height:1.15;margin:0;color:var(--mab-text)}.mab-section-head>a,.mab-text-link{color:#0b7ea7;text-decoration:none;font-size:11px;font-weight:800}.mab-explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.mab-list-card{border:1px solid var(--mab-line);border-radius:8px;background:#fff;padding:19px;min-height:370px;box-shadow:0 6px 18px rgba(6,54,83,.05)}.mab-list-card h3{margin:0 0 15px;font-size:13px}.mab-list-card h3 span{color:#159bc8;margin-right:8px}.mab-mini-place{display:grid;grid-template-columns:48px 1fr 20px;gap:10px;align-items:center;text-decoration:none;color:var(--mab-text);margin:11px 0}.mab-mini-img{width:48px;height:42px;border-radius:5px;background:#edf3f6;overflow:hidden}.mab-mini-img img{width:100%;height:100%;object-fit:cover}.mab-mini-place strong,.mab-mini-place small{display:block}.mab-mini-place strong{font-size:11px}.mab-mini-place small{font-size:10px;color:#82909a;margin-top:2px}.mab-mini-place b{font-weight:400;color:#7d909b}.mab-empty{font-size:12px;color:#758691;line-height:1.55}.mab-text-link{display:inline-block;margin-top:13px;color:var(--mab-text)}
.mab-areas-card{min-height:370px;border-radius:8px;padding:30px;color:#fff;background:linear-gradient(180deg,rgba(6,54,83,.05),rgba(4,35,54,.88)),linear-gradient(145deg,#2f91ba,#0d4d6c);display:flex;flex-direction:column;justify-content:space-between}.mab-areas-card span{font-size:11px}.mab-areas-card h3{font-size:30px;color:#fff;margin:5px 0 12px}.mab-areas-card p{font-size:13px;line-height:1.65}.mab-areas-card a{color:#fff!important;border:1px solid rgba(255,255,255,.8);border-radius:4px;padding:12px 14px;text-decoration:none;text-align:center;font-size:11px;font-weight:800}
.mab-map{margin-top:12px;margin-bottom:30px;min-height:355px;display:grid;grid-template-columns:365px 1fr;border-radius:8px;overflow:hidden;background:var(--mab-navy);color:#fff}.mab-map-copy{padding:48px 38px;background:linear-gradient(135deg,#073854,#0c5b82)}.mab-map h2{color:#fff;font-size:24px}.mab-map p{font-size:13px;line-height:1.6;margin:16px 0 25px}.mab-map-embed{min-width:0;background:#e7eef2}.mab-map-embed>*{height:100%!important;min-height:355px}.mab-newsletter{margin-bottom:42px;border:1px solid var(--mab-line);border-radius:8px;min-height:84px;display:flex;align-items:center;justify-content:space-between;padding:18px 25px;box-shadow:0 5px 18px rgba(6,54,83,.05)}.mab-newsletter strong,.mab-newsletter small{display:block}.mab-newsletter strong{font-size:12px}.mab-newsletter small{font-size:10px;color:#7e8e98;margin-top:5px}.mab-newsletter form{display:flex;width:min(520px,48%)}.mab-newsletter input{flex:1;border:1px solid var(--mab-line);border-radius:4px 0 0 4px;padding:12px 15px;font-size:12px}.mab-newsletter button{border:0;background:var(--mab-navy);color:#fff;padding:0 28px;font-size:11px;font-weight:800;border-radius:0 4px 4px 0}
@media(max-width:1100px){.mab-container{width:min(100% - 36px,1000px)}.mab-search-card{grid-template-columns:1fr 1fr}.mab-search-card>a{min-height:58px}.mab-categories{grid-template-columns:repeat(3,1fr)}.mab-riviera{grid-template-columns:1fr}.mab-feature-grid{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto;padding-bottom:8px}.mab-explore-grid{grid-template-columns:1fr 1fr}.mab-map{grid-template-columns:1fr}.mab-map-copy{padding:32px}.mab-about{grid-template-columns:1fr;gap:18px}}
@media(max-width:700px){.mab-container{width:calc(100% - 30px)}.mab-hero{min-height:500px}.mab-hero-content{padding:72px 0 100px}.mab-hero h1{font-size:56px}.mab-hero p{font-size:15px}.mab-search-wrap{margin-top:-62px}.mab-search-card{grid-template-columns:1fr;border-radius:14px}.mab-search-card>div{min-height:68px;padding:13px 16px;border-right:0;border-bottom:1px solid var(--mab-line)}.mab-search-btn{height:50px;margin:12px}.mab-about{padding:54px 0 34px}.mab-about h2{font-size:28px}.mab-about-text{max-height:148px}.mab-categories{grid-template-columns:1fr 1fr;gap:10px;padding:24px 0 46px}.mab-categories a{min-height:104px;padding:14px;grid-template-columns:34px 1fr}.mab-categories span{font-size:24px}.mab-riviera{padding-bottom:48px}.mab-feature-grid{display:flex}.mab-feature-card{min-width:72vw;height:260px}.mab-explore-grid{grid-template-columns:1fr}.mab-list-card{min-height:0}.mab-map{margin-inline:15px;width:auto}.mab-newsletter{display:block;margin-inline:15px;width:auto}.mab-newsletter form{width:100%;margin-top:16px}.mab-newsletter button{padding:0 16px}}

/* v0.2.2: keep the featured image and hero copy in one layer. */
body.page-budva .ma-budva-page .mab-hero{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:545px!important;
    background-image:var(--mab-hero,none)!important;
    background-size:cover!important;
    background-position:center!important;
    overflow:hidden;
}
body.page-budva .ma-budva-page .mab-hero-shade{
    position:absolute!important;inset:0!important;z-index:0!important;
    background:linear-gradient(90deg,rgba(2,35,54,.84),rgba(2,35,54,.42) 48%,rgba(2,35,54,.07) 78%)!important;
}
body.page-budva .ma-budva-page .mab-hero-content{
    position:relative!important;z-index:1!important;
    padding:78px 18px 122px!important;
    background:transparent!important;
}
body.page-budva .ma-budva-page .mab-hero h1,
body.page-budva .ma-budva-page .mab-hero p{color:#fff!important}
@media(max-width:700px){
 body.page-budva .ma-budva-page .mab-hero{min-height:500px!important}
 body.page-budva .ma-budva-page .mab-hero-content{padding:72px 0 100px!important}
}

/* v0.2.3 — Budva hero: remove theme duplicate featured image and break hero to viewport edges. */
body.page-budva .page-header-image,
body.page-budva .page-header-image-single,
body.page-budva .featured-image,
body.page-budva .post-image,
body.page-budva .inside-article > .post-image,
body.page-budva .site-main > article > .post-image,
body.page-budva .site-content > .page-header-image {
    display:none!important;
}

body.page-budva .ma-budva-page .mab-hero{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
}

/* Search and the rest remain aligned to the Atlas content grid. */
body.page-budva .ma-budva-page{
    width:100%!important;
    max-width:none!important;
}

/* v0.2.4 — true viewport-width Budva hero.
   v0.2.3 correctly broke the hero out of the content column, but
   .ma-budva-page still clipped that overflow. Keep the page from
   creating horizontal scroll while allowing the hero breakout. */
html, body.page-budva { overflow-x: clip; }
body.page-budva .ma-budva-page,
body.page-budva .site-content,
body.page-budva .content-area,
body.page-budva .site-main,
body.page-budva article.page,
body.page-budva article.page .inside-article {
    overflow: visible !important;
}
body.page-budva .ma-budva-page .mab-hero {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    margin-left: -50vw !important;
    margin-right: 0 !important;
}
body.page-budva .ma-budva-page .mab-hero-content {
    width: min(1390px, calc(100% - 96px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media (max-width:1100px){
    body.page-budva .ma-budva-page .mab-hero-content {
        width:min(100% - 36px,1000px) !important;
    }
}
@media (max-width:700px){
    body.page-budva .ma-budva-page .mab-hero-content {
        width:calc(100% - 30px) !important;
    }
}

/* v0.2.5 — visual alignment with approved Atlas design + Mogren typography */
body.page-budva .ma-budva-page{font-family:inherit;color:#0b2f49}
body.page-budva .ma-budva-page .mab-container{width:min(1220px,calc(100% - 48px));margin-inline:auto}

/* Hero typography: same visual family as Mogren, scaled to the approved Budva mockup */
body.page-budva .mab-hero{min-height:500px!important}
body.page-budva .mab-hero-content{padding:72px 0 118px!important}
body.page-budva .mab-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.page-budva .mab-hero h1{font-family:inherit!important;font-size:clamp(48px,4.6vw,68px)!important;line-height:.98!important;font-weight:700!important;letter-spacing:-.035em!important;margin:10px 0 18px!important}
body.page-budva .mab-hero p{font-family:inherit!important;max-width:530px;font-size:17px!important;line-height:1.55!important;margin-bottom:24px!important}
body.page-budva .mab-btn{font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.02em;min-height:44px;padding:0 19px}

/* Section headings use the same visual system as Mogren Beach */
body.page-budva .mab-about h2,
body.page-budva .mab-riviera h2,
body.page-budva .mab-section-head h2,
body.page-budva .mab-map h2{
  font-family:inherit!important;
  color:#073a5a!important;
  font-size:25px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
body.page-budva .mab-kicker{font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;color:#0b83ad}
body.page-budva .mab-about-copy{font-size:15px;line-height:1.75;color:#3b4f5c}
body.page-budva .mab-riviera-copy p{font-size:15px;line-height:1.75;color:#3b4f5c}
body.page-budva .mab-list-card h3{font-size:13px;color:#073a5a;font-weight:700;display:flex;align-items:center;gap:8px}
body.page-budva .mab-list-icon{color:#159bc8;display:inline-flex;width:18px;justify-content:center}

/* Search icons */
body.page-budva .mab-search-icon{font-size:19px!important;color:#0b6488!important;width:24px;display:inline-flex;justify-content:center;flex:0 0 24px}
body.page-budva .mab-search-btn{display:flex!important;gap:8px;align-items:center;justify-content:center}

/* Category cards + true Font Awesome icons, matching the approved mockup */
body.page-budva .mab-categories{gap:14px;padding:28px 0 58px}
body.page-budva .mab-categories a{min-height:105px;padding:17px 18px;grid-template-columns:48px 1fr;column-gap:12px;border-radius:7px}
body.page-budva .mab-category-icon{grid-row:1/3!important;font-size:28px!important;color:#159bc8!important;width:42px;height:42px;display:grid;place-items:center;align-self:center}
body.page-budva .mab-category-icon.mab-icon-orange{color:#ff7a1a!important}
body.page-budva .mab-category-icon.mab-icon-coral{color:#ff6b45!important}
body.page-budva .mab-category-icon.mab-icon-gold{color:#e9a51a!important}
body.page-budva .mab-categories b{font-size:11px;font-weight:700;letter-spacing:.01em;align-self:end}
body.page-budva .mab-categories small{font-size:10px;line-height:1.45;color:#687b86}

/* Refine proportions to match mockup */
body.page-budva .mab-about{padding:58px 0 40px;grid-template-columns:315px minmax(0,1fr);gap:58px}
body.page-budva .mab-riviera{grid-template-columns:285px minmax(0,1fr);gap:30px;padding-bottom:58px}
body.page-budva .mab-feature-card{height:245px}
body.page-budva .mab-section-head{padding-bottom:12px;margin-bottom:16px}
body.page-budva .mab-list-card{min-height:350px;padding:17px}
body.page-budva .mab-areas-card{min-height:350px}
body.page-budva .mab-map{min-height:330px}
body.page-budva .mab-map-embed>*{min-height:330px!important}

@media(max-width:700px){
 body.page-budva .ma-budva-page .mab-container{width:calc(100% - 30px)}
 body.page-budva .mab-hero h1{font-size:42px!important}
 body.page-budva .mab-hero p{font-size:15px!important}
 body.page-budva .mab-about h2,body.page-budva .mab-riviera h2,body.page-budva .mab-section-head h2,body.page-budva .mab-map h2{font-size:20px!important}
}

body.page-budva .ma-budva-page .mab-hero-content{padding-top:105px!important;}
@media(max-width:700px){body.page-budva .ma-budva-page .mab-hero-content{padding-top:92px!important;}}
