/* Hospital and center pages of the new design (listing + details); complements the scoped
   .v-hospitals / .v-centers / .v-hospital-details / .v-center-details rules of site.css. */

/* breadcrumb (filter-nav) */
.v-hospitals .unit-breadcrumb, .v-centers .unit-breadcrumb, .unit-page .unit-breadcrumb { font-size: .95rem; }
.unit-breadcrumb a { color: #0A0A0A; text-decoration: none; }
.unit-breadcrumb a:hover { text-decoration: underline; }
.unit-breadcrumb i { margin: 0 .5rem; color: #1BAC20; font-size: .8rem; }
.unit-breadcrumb [aria-current="page"] { color: #6c757d; }

/* listing cards */
.v-hospitals .hospital h2 a, .v-centers .center h2 a { color: #0A0A0A !important; text-decoration: none; }
.v-hospitals .hospital .logo img, .v-centers .center .logo img,
.unit-page .doctor .logo img { aspect-ratio: 1 / 1; object-fit: contain; height: auto; }
.v-hospitals #specialties ul li, .v-centers #specialties ul li, .unit-page #specialties ul li { display: inline; }
.v-hospitals .go-to-page p, .v-centers .go-to-page p { display: flex; align-items: center; gap: .4rem; }
.v-hospitals .go-to-page #go-to-page, .v-centers .go-to-page #go-to-page { width: 80px; margin: 0; }
.v-hospitals .pagination, .v-centers .pagination { flex-wrap: wrap; }

/* full-width blocks placed outside a .container must not cause horizontal scroll */
.v-hospitals .v-ask-doctor > .row, .v-centers .v-ask-doctor > .row { margin-left: 0; margin-right: 0; }
.v-hospitals #direct_access, .v-centers #direct_access { border-radius: 12px; }
.v-hospitals #tags .btn.active, .v-centers #tags .btn.active { outline: 2px solid #0A0A0A; }

/* details */
.unit-page .greenny { padding-bottom: .5rem; }
.unit-page .boxed { margin-bottom: 1rem; }
.unit-page #scheduling-details { padding: 1rem 0; }
.unit-page .unit-phone { display: inline-block; margin-inline-end: 1rem; }
.unit-page .unit-phone a, .unit-page .unit-phones a { color: #0A0A0A; }
.unit-page .unit-phones li { font-size: 1.15rem; margin-bottom: .5rem; }
.unit-page .unit-tabs { gap: .25rem; flex-wrap: wrap; }
.unit-page .unit-tabs .nav-link { color: #0A0A0A; border: 1px solid #D4D4D4; background: #fff; border-radius: 30px; padding: .35rem 1rem; }
.unit-page .unit-tabs .nav-link.active, .unit-page .unit-tabs .nav-link:hover { background: #FFD93D; border-color: #FFD93D; color: #0A0A0A; }
.unit-page .unit-section { margin: 1.5rem 0; }
.unit-page .unit-map { border-radius: 12px; overflow: hidden; border: 1px solid #D4D4D4; }
.unit-page .unit-map iframe { border: 0; }
.unit-page .unit-description img { max-width: 100%; height: auto; }
.unit-page #insurance .card { float: none !important; display: inline-block; margin: 10px; }
.unit-page #insurance .card a { color: #0A0A0A; text-decoration: none; }
.unit-page #insurance .card img { object-fit: contain; margin-inline-start: .5rem; }
.unit-page #gallery .card { float: none !important; display: inline-block; margin: 10px; }
.unit-page .categories .btn, .unit-page .tags .btn { margin: 4px; }
.unit-page .btn.disabled { opacity: .85; }
.unit-page [data-unit-doctor-filter] label { cursor: pointer; }