/*
Theme Name: Pet Loss Theme
Theme URI: https://techvibesit.com/
Description: Astra child theme for Pet Loss functionality.
Author: Muntasir Mahmud Aumio
Author URI: http://techvibesit.com/
Template: astra
Version: 1.8
Text Domain: pet-loss-theme
*/

/* Child theme custom styles can be added below. */

/* Sticky Header Styles */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

/* Add padding to body to prevent content from hiding behind fixed header */
body {
    padding-top: 80px; /* Adjust this value based on your header height */
}

/* Header background on scroll (optional enhancement) */
.site-header.ast-sticky-active {
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Ensure header content doesn't get cut off */
.site-header .ast-container {
    padding: 10px 0;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    body {
        padding-top: 60px; /* Smaller padding on mobile */
    }

    .site-header .ast-container {
        padding: 8px 0;
    }
}

/* Smooth scroll behavior for better UX */
html {
    scroll-behavior: smooth;
}

/* Admin Bar Adjustments for Logged-in Users */
.admin-bar .site-header {
    top: 32px; /* Admin bar height on desktop */
}

.admin-bar body {
    padding-top: 112px; /* 32px admin bar + 80px header */
}

/* Mobile admin bar adjustments */
@media (max-width: 782px) {
    .admin-bar .site-header {
        top: 46px; /* Admin bar height on mobile */
    }

    .admin-bar body {
        padding-top: 106px; /* 46px admin bar + 60px header */
    }
}

/* Admin bar styling (optional enhancements) */
#wpadminbar {
    background: #23282d !important;
    position: fixed !important;
    top: 0 !important;
    z-index: 9999 !important;
}

/* ZIP form: location icon before input (Dashicons; Elementor eicon if Elementor icons are loaded) */
/* ZIP form icon and text spacing */
.zipform .zipform-field {
    position: relative;
    display: block;
}

.zipform .zipform-field .zipform-input-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 2;
    font-size: 1.125rem;
    line-height: 1;
    width: 1.125rem;
    height: 1.125rem;
    color: inherit;
    opacity: 0.55;
}

.zipform .zipform-field .zipform-input-icon.dashicons {
    width: 1.125rem;
    height: 1.125rem;
    font-size: 1.125rem;
}

.zipform .zipform-field .zipform-zip-input {
    width: 100%;
    padding-left: 48px !important;
    padding-right: 48px;
    box-sizing: border-box;
}
/* VETMAP TOOLTIP STYLING */
.vmpopup {
	font-family: Montserrat, sans-serif;
}
.vmpopup {
	width: 300px;
	max-width: 100%;
}

.vmpopup .vetname {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	margin: 0 0 5px;
}

.vmpopup .vetlocation {
	font-size: 16px;
	line-height: 22px;
}

.vmpopup .vetdesc {
	font-size: 12px;
	line-height: 18px;
	margin-top: 15px;
}

.vmpopup .vetbtn {
	margin-top: 20px;
}
.vmpopup .vetbtn a {
	display: inline-block;
	padding: 12px 20px;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 700;
	text-decoration: none;
	border-radius: 4px;
	background-color: #4D002C;
	color: #fff;
}

.vmpopup .vetbtn a:hover {
	background-color: #65003A;
	color: #fff;
}