/* Strana grada bez kancelarije (template-parts/city-page.php), po aurora-page-design.html / CITY-PAGE-TEMPLATE.md, 2026-10-20.
   Ucitava se posle branch-page.css; sve je pod .cp-page, pa strane poslovnica ostaju iste. */

/* kancelarija koja opsluzuje grad */
.cp-map{margin:0;}
.cp-map img{width:100%;height:auto;border-radius:8px;border:1px solid var(--bp-line);}
.cp-office-card{padding:28px;display:flex;flex-direction:column;gap:14px;}
.cp-office-name{font-size:22px;font-weight:900;color:var(--bp-ink);line-height:1.25;}
.cp-office-card p{line-height:1.5;}
.cp-office-btns{margin-top:auto;}
.cp-page .cp-list{list-style:disc;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:15px;}
.cp-page .cp-list li{padding-left:2px;}
.cp-page .cp-btn-outline{border-color:var(--bp-ink);color:var(--bp-ink);background:#fff;}
.cp-page .cp-btn-outline:hover{background:var(--bp-ink);color:#fff;}

/* cene (kompaktno: bez tabele, link na stranu poslovnice) */
.cp-page section.bp-pricing .bp-stack{gap:20px;}
.cp-max-760{max-width:760px;}
.cp-card-pad{padding:22px;}
.cp-card-title{font-weight:800;color:var(--bp-ink);margin-bottom:8px!important;}
.cp-page .bp-pricing p a,.cp-page .cp-guide p a{text-decoration:underline;text-decoration-color:var(--bp-yellow);text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700;}

/* zuta CTA traka */
.cp-page section.cp-band{background:var(--bp-yellow);padding:36px 0;}
.cp-band-row{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;}
.cp-band-title{font-size:24px;font-weight:900;color:var(--bp-ink);line-height:1.25;}
.cp-band-row > div:first-child{color:var(--bp-ink);}

/* vodic kroz grad */
.cp-guide-wrap{max-width:900px;gap:44px;}
.cp-page .cp-h2-sm{font-size:28px;line-height:1.2;}
.cp-guide-row{gap:28px;align-items:flex-start;}
.cp-col-text{flex:1 1 380px;min-width:0;}
.cp-col-fig{flex:1 1 320px;min-width:0;margin:0;}
.cp-col-fig img{width:100%;height:240px;object-fit:cover;border-radius:8px;}
.cp-col-fig figcaption{padding-top:8px;}

/* gradovi u blizini (siva) i FAQ (bela), kao u dizajnu */
.cp-page section.bp-area{background:var(--bp-grey);}
.cp-page section.bp-faq{background:#fff;}
.cp-page section.bp-faq details{border:1px solid var(--bp-line);}

/* inner.css na mobilnom forsira "section h2/h3" (30px/24px !important); ovde vazi velicina iz dizajna */
@media (max-width:768px){
	.cp-page section h2{font-size:28px!important;line-height:1.15!important;}
	.cp-page section h2.cp-h2-sm{font-size:24px!important;line-height:1.2!important;}
	.cp-page section h3{font-size:18px!important;line-height:1.25!important;}
	.cp-page section summary h3{font-size:17px!important;line-height:1.3!important;}
	.cp-page section .bp-post h3{font-size:20px!important;line-height:1.3!important;}
}
@media (max-width:767px){
	.cp-office-card{padding:22px;}
	.cp-page section.cp-band{padding:28px 0;}
	.cp-band-title{font-size:21px;}
	.cp-guide-wrap{gap:32px;}
	.cp-page .cp-h2-sm{font-size:24px;}
	.cp-band-row .bp-btns,.cp-office-btns{width:100%;}
	.cp-band-row .bp-btn{flex:1 1 auto;}
}