/* MAA Hospital visual polish: consistent card heights, image crops, overlays, logo aspect ratio */

/* Logo: source file is roughly square, not landscape — stop distorting it into old 180x40 boxes */
img[src*="maa_hospital/logo.jpg"] { width: auto !important; height: 56px !important; max-width: 170px; object-fit: contain; }
.footer-info img[src*="maa_hospital/logo.jpg"] { content: url('../images/maa_hospital/logo-transparent.png'); width: auto !important; height: 150px !important; max-width: 150px; object-fit: contain; margin-bottom: 16px; }
.footer-info img[src*="maa_hospital/logo-transparent.png"] { width: auto !important; height: 150px !important; max-width: 150px; object-fit: contain; margin-bottom: 16px; }

/* About boxes (skin care / emergency care cards): equal-height images */
.abox-4 img { width: 100%; height: 230px; object-fit: cover; border-radius: 4px; }

/* Testimonials: equal-height cards regardless of text length */
.owl-carousel.reviews-holder .owl-stage { display: flex; }
.review-2 { height: 100%; display: flex; }
.review-2 .review-txt { display: flex; flex-direction: column; justify-content: space-between; width: 100%; }

/* Department/service cards fed from the activities table: distinct relevant photo per card instead of one shared crop */
.service-photo { background-size: cover !important; background-position: center !important; }
.service-photo-1 { background-image: url('../images/maa_hospital/service-skin-cosmetic.png') !important; }
.service-photo-2 { background-image: url('../images/maa_hospital/service-physiotherapy.png') !important; }
.service-photo-3 { background-image: url('../images/maa_hospital/service-surgery.png') !important; }
.service-photo-4 { background-image: url('../images/maa_hospital/service-orthopaedic.png') !important; }
.service-photo-5 { background-image: url('../images/maa_hospital/service-physician.png') !important; }
.service-photo-6 { background-image: url('../images/maa_hospital/service-pediatric.png') !important; }

/* Statistic counters: dark overlay so white numbers stay readable over the photo */
#statistic-1 { position: relative; }
#statistic-1::before { content: ''; position: absolute; inset: 0; background: rgba(11, 31, 21, .76); z-index: 0; }
#statistic-1 .container { position: relative; z-index: 1; }
#statistic-1 .flaticon-062-cardiogram-3, #statistic-1 .statistic-block:nth-child(1) [class*="flaticon-"] { color: var(--maa-blue, #219653); }
#statistic-1 .statistic-block:nth-child(2) [class*="flaticon-"] { color: var(--maa-orange, #f0812a); }
#statistic-1 .statistic-block:nth-child(3) [class*="flaticon-"] { color: var(--maa-blue, #219653); }
#statistic-1 .statistic-block:nth-child(4) [class*="flaticon-"] { color: var(--maa-orange, #f0812a); }

/* Banner-7 (Highest Quality Medical Treatment): dark overlay for text readability */
#banner-7 { position: relative; background-image: url('../images/maa_hospital/facility/hospital-entrance-night.jpg') !important; }
#banner-7::before { content: ''; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(11,31,21,.68) 0%, rgba(15,41,27,.55) 100%); z-index: 0; }
#banner-7 .container { position: relative; z-index: 1; }

/* About-6 (Group of Certified and Experienced Doctors): breathing room under the button */
#about-6 .btn { margin-bottom: 10px; }
#about-6 { padding-bottom: 30px; }

/* Banner-4 (Need Emergency Help): guarantee a sensible minimum height so image and text balance */
#banner-4 { min-height: 420px; }

/* Header/topbar: remove the compensating negative-margin hack that was leaving a visible gap
   between .maa-topbar and the nav bar once header-fix.css (which it was tuned against) was removed */
.header { margin-top: 0 !important; padding-top: 0 !important; }
.maa-topbar, .hero-widget, #header-2 .wsmainfull { margin: 0 !important; }

/* Hero label: brand green accent, matching the logo */
.hero-txt h5 { background: rgba(33, 150, 83, .12) !important; color: #15703c !important; }

/* Blog cards on homepage: equal-height images and cards */
#blog-1 .blog-post { height: 100%; display: flex; flex-direction: column; }
#blog-1 .blog-post-img { height: 210px; overflow: hidden; }
#blog-1 .blog-post-img img { width: 100%; height: 100%; object-fit: cover; }
#blog-1 .blog-post-txt { flex: 1; display: flex; flex-direction: column; }
#blog-1 .blog-posts-row > div { display: flex; }

/* Sticky header: the cloned bar is compact, so the logo needs a smaller size than the full header */
.wsmainfull.cloned .desktoplogo { height: auto !important; display: flex !important; align-items: center; padding: 8px 0 !important; }
.wsmainfull.cloned .maa-header-brand { height: auto !important; }
.wsmainfull.cloned .maa-header-brand img { height: 46px !important; width: auto !important; max-width: 90px !important; }

/* Footer: dark charcoal-green to match the logo palette, white text, clean link columns, circular socials */
.maa-footer { background: #12291d; color: #cfe3d6; }
.maa-footer .footer-info img { max-width: 170px; height: auto !important; }
.maa-footer .footer-info p { color: #a9c5b5; }
.maa-footer .footer-links h5 { color: #fff; margin-bottom: 18px; }
.maa-footer .footer-links p { color: #a9c5b5; margin-bottom: 4px; }
.maa-footer .footer-links p a, .maa-footer .footer-links ul a { color: #a9c5b5; }
.maa-footer .footer-links p a:hover, .maa-footer .footer-links ul a:hover { color: #f0a35f; }
.maa-footer .footer-links ul { list-style: none; padding: 0; margin: 0; }
.maa-footer .footer-links ul li { margin-bottom: 8px; }
.maa-footer .foo-socials { list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; justify-content: flex-start; }
.maa-footer .foo-socials li a { width: 38px; height: 38px; border-radius: 50%; background: rgba(255, 255, 255, .12); display: flex; align-items: center; justify-content: center; color: #fff; transition: .2s; font-size: 16px; }
.maa-footer .foo-socials li a:hover { transform: translateY(-2px); }
.maa-footer .foo-socials li a.maa-social-whatsapp:hover { background: #25d366; color: #fff; }
.maa-footer .foo-socials li a.maa-social-instagram:hover { background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); color: #fff; }
.maa-footer .foo-socials li a.maa-social-facebook:hover { background: #1877f2; color: #fff; }
.maa-footer .maa-footer-note { color: #7fa88f; font-size: 12px; }
.maa-footer .bottom-footer { border-top: 1px solid rgba(255, 255, 255, .12); margin-top: 20px; padding-top: 20px; }
.maa-footer .footer-copyright { color: #a9c5b5; margin: 0; }
.maa-footer .footer-copyright span { color: #fff; font-weight: 700; }

/* Topbar social icons: same branded hover treatment */
.maa-topbar-socials a.instagram-hover:hover,
.maa-topbar-socials a:nth-child(2):hover { background: #1877f2 !important; }
.maa-topbar-socials a:nth-child(1):hover { background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important; }
.maa-footer .footer-copyright a { color: #fff; font-weight: 700; text-decoration: underline; }
.maa-footer .footer-copyright a:hover { color: var(--maa-blue, #219653); }

/* Site-wide accent palette, matched to the MAA Hospital logo (green + orange, no blue) */
.blue-color, .blue-color h2, .blue-color h3, .blue-color h4, .blue-color h5, .blue-color h6,
.blue-color p, .blue-color a, .blue-color li, .blue-color i, .steelblue-color .blue-color,
.blue-color span, .cyan-color { color: #219653 !important; }
.steelblue-color, .steelblue-color h2, .steelblue-color h3, .steelblue-color h4, .steelblue-color h5, .steelblue-color h6,
.steelblue-color p, .steelblue-color a, .steelblue-color li, .steelblue-color i, .steelblue-color span { color: #1f3a2c !important; }
.btn-blue, .white-color .btn-blue { color: #fff !important; background-color: #f0812a !important; border-color: #f0812a !important; }
.blue-hover:hover, .white-color .blue-hover:hover { color: #fff !important; background-color: #d4650a !important; border-color: #d4650a !important; }
.bg-blue { background: linear-gradient(120deg, #15703c 0%, #1f3a2c 100%) !important; }

/* .btn-tra-blue had no CSS definition anywhere: transparent bg + white text on .btn's
   default meant it was invisible until :hover. Give it a visible outline style. */
.btn-tra-blue, .white-color .btn-tra-blue { color: #219653 !important; background-color: transparent !important; border-color: #219653 !important; }

/* Justify body copy paragraphs across content pages */
p { text-align: justify; }
.breadcrumb p, .post-meta, .section-title p, .doctor-detail-line, .doctor-qual-chips, .footer-copyright, .maa-footer-note { text-align: left; }
.contact-box p, .sunrise-contact-actions, .sunrise-address, .contact-box a { text-align: left; }
.statistic-block p, .text-center p, .counter-block p, .hero-trust-row p { text-align: center; }