/* Pharmacy, lab and lab test pages of the new design: what the compiled component SCSS did not cover. */

/* breadcrumb (Filter-nav) */
.ph-breadcrumb a { color: #0A0A0A; text-decoration: none; }
.ph-breadcrumb a:hover { color: #1BAC20; }
.ph-breadcrumb i { color: #737373; font-size: .8em; }

/* listings */
.v-pharmacies .pharmacy h2 a, .v-labs .lab h2 a { color: #0A0A0A !important; text-decoration: none; }
.v-pharmacies .pharmacy .logo img, .v-labs .lab .logo img { width: 100%; height: auto; object-fit: contain; }
.v-pharmacies .pharmacy a, .v-labs .lab a:not(.btn) { text-decoration: none; }
.ph-pagination { margin: 1.5rem 0; }
.ph-pagination nav { overflow-x: auto; }
.ph-no-data { max-width: 220px; height: auto; }
.v-label-filter .card { border-radius: 12px; }

/* details pages */
.v-pharmacy-details #pharmacy .col-2, .v-pharmacy-details #pharmacy .col-3,
.v-label-details #lab .col-2, .v-label-details #lab .col-3 { background: #FFF0C5; border-radius: 20px; padding: 20px; display: flex; align-items: center; }
.v-pharmacy-details .inner a, .v-label-details .inner a,
.v-pharmacy-details #details .bi, .v-label-details #details .bi { color: #0EB629; text-decoration: none; }
.v-pharmacy-details #scheduling-details a[href^="tel:"], .v-label-details #scheduling-details a[href^="tel:"] { color: #0A0A0A; text-decoration: none; }
.ph-description img { max-width: 100%; height: auto; }
.v-pharmacy-details #insurance .col::after, .v-label-details #insurance .col::after,
.v-label-details #services .col::after { content: ""; display: table; clear: both; }
[dir="rtl"] .v-pharmacy-details #insurance .card { float: right; }
.v-pharmacy-details #insurance .card a, .v-label-details #insurance .card a,
.v-label-details #services .card a { color: #0A0A0A; }
.ph-insurance-logo { width: 60px; height: 60px; object-fit: contain; margin-inline-end: .5rem; }

/* lab test pages */
.v-header .heading-box h1 { font-size: 40px; font-weight: 700; color: #111; }
.v-header .heading-box { padding-bottom: 100px; }
.v-header .arrow-box, .v-header .heading-box { max-width: 100%; padding-inline: 16px; }
.ph-intro { color: #737373; margin-bottom: 1rem; }
.ph-test-search { max-width: 560px; margin: 0 auto; }
.v-lab-tests-box .custome-card { width: auto; height: 100%; min-height: 153px; text-align: center; }
.v-lab-tests-box a .custome-card:hover { box-shadow: 5px 8px 40px 0 rgba(35, 23, 15, .1); }
.v-lab-test .cardBox { margin-bottom: 1.5rem; }
.v-lab-test .cardBox h2 { font-weight: 600; font-size: 40px; color: #0A0A0A; }
.v-lab-test .cardBox ul li a { color: #737373; text-decoration: none; }
.v-lab-test .cardBox ul li a:hover { color: #1BAC20; }
.v-lab-test-details .custom-row12 { gap: 1rem !important; }
.v-lab-test-details .skull h2 { font-weight: 600; font-size: 24px; color: #0A0A0A; }
.ph-test-text { color: #737373; font-size: 18px; line-height: 1.5; }
.ph-test-text img { max-width: 100%; height: auto; }
.v-lab-test-details .microscopic-list a { color: #0EB629; text-decoration: none; }
.v-lab-test-details .card-box a { color: #0A0A0A; }

@media (max-width: 767.98px) {
    .v-header .heading-box h1 { font-size: 28px; }
    .v-lab-test .cardBox { width: 100%; }
    .v-lab-test-details .custom-row12 h1 { font-size: 28px; }
    .v-pharmacies .pharmacy, .v-labs .lab { padding: 16px; }
}