/* ------------------------------------------------------------------
   restore.css - additions for the Wayback restore of kayasehirveteriner.com

   The original site swapped the template's LineIcons <i> glyphs for <img>
   files and shipped no CSS rule for them, so the recovered images need an
   explicit box. Everything here is additive; no template rule is edited.
   ------------------------------------------------------------------ */

/* service icons: 2x assets rendered at 70px */
.single-service .service-icon img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

/* navbar logo: 380x100 asset rendered at half size */
.navigation .navbar .navbar-brand img {
    width: 190px;
    height: 50px;
    object-fit: contain;
}

/* hero portrait fills the framed slot */
.header-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* favicon-style rounded corners on the WhatsApp bubble image */
.whatsapp-button-generator img {
    max-width: 100%;
    height: auto;
}

/* the map iframe shipped with no dimensions */
.contact-map .gmap_canvas iframe {
    width: 100%;
    height: 400px;
    border: 0;
    display: block;
}

/* ---------------- multi-page additions ---------------- */

/* nav is fixed-top; inner pages need the body pushed clear of it */
.page-banner { margin-top: 95px; }

/* footer link colours (footer was copyright-only in the original) */
.footer-area ul a,
.footer-area p a { color: #5c5f74; transition: all .3s ease-out 0s; }
.footer-area ul a:hover,
.footer-area p a:hover { color: #754ef9; }
.footer-area .contact-title { margin-bottom: 14px; font-weight: 600; }
.footer-area .header-social-icon ul li a {
    width: 34px; height: 34px; line-height: 34px; text-align: center;
    border-radius: 50%; background: #754ef9; color: #fff; display: inline-block;
}
.footer-area .header-social-icon ul li a:hover { background: #5a37d6; }

/* service cards on hub pages: keep equal height and let the title link inherit */
.single-service .service-title a { color: #32333c; }
.single-service .service-title a:hover { color: #754ef9; }

/* breadcrumb sits on the dark banner overlay */
.page-banner-content .breadcrumb { display: inline-flex; flex-wrap: wrap; }

/* service detail sidebar checklist */
.single-service ul li i { font-size: 18px; }

/* CTA band buttons keep spacing on small screens */
.main-btn + .main-btn { margin-top: 10px; }
@media (min-width: 576px) { .main-btn + .main-btn { margin-top: 0; } }

/* keep the sticky nav clear of the hero on small screens */
@media (max-width: 767px) {
    .single-service .service-icon img { width: 60px; height: 60px; }
    .contact-map .gmap_canvas iframe { height: 300px; }
}