/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for Astra
Author: Your Name
Template: astra
Version: 1.0
*/

/* --- 1. CORE LAYOUT & STICKY NAV --- */
body {
    margin: 0;
}

.custom-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    transition: all 0.4s ease-in-out; /* Smooth transition for color and height */
}

/* Adjust for WordPress Admin Bar when logged in */
body.logged-in .custom-navbar {
    top: 32px;
}

@media (max-width: 600px) {
    body.logged-in .custom-navbar {
        top: 0;
    }
}

/* --- 2. DEFAULT STATE (Blue Background) --- */
.custom-navbar.header-blue-bg {
    background-color: #3F4A8A !important;
}

.custom-navbar .navbar-brand,
.custom-navbar .navbar-brand span {
    color: #ffffff !important;
}

/* Menu Text (Home, About, Services, Shop, Blogs) - White */
.custom-navbar .navbar-nav .nav-link,
.custom-navbar .custom-navbar-nav li a {
    color: #ffffff !important;
    font-weight: 500;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* Contact Us Button - White Background / Blue Text */
.custom-navbar.header-blue-bg .contact-us-btn {
    background-color: #ffffff !important;
    color: #3F4A8A !important;
    padding: 10px 25px !important;
    border-radius: 5px;
    margin-left: 15px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.3s ease;
}

.custom-navbar .contact-us-btn:hover {
    background-color: #f0f0f0 !important;
    transform: translateY(-1px);
}
.custom-navbar .contact-us-btn {
    background-color: #ffffff !important; /* White background */
    color: #3F4A8A !important;            /* Blue text */
    opacity: 1 !important;
    font-weight: bold;
    border-radius: 4px;
}
/* --- 3. SCROLLED STATE (White Background) --- */
.custom-navbar.scrolled {
    background-color: #ffffff !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.custom-navbar.scrolled .navbar-brand,
.custom-navbar.scrolled .navbar-brand span {
    color: #000000 !important;
}

/* Menu Text (Home, About, Services, Shop, Blogs) - Black */
.custom-navbar.scrolled .navbar-nav .nav-link,
.custom-navbar.scrolled .custom-navbar-nav li a {
    color: #000000 !important;
}

/* Contact Us Button - Blue Background / White Text */
.custom-navbar.scrolled .contact-us-btn {
    background-color: #3F4A8A !important;
    color: #ffffff !important;
}

.custom-navbar.scrolled .contact-us-btn:hover {
    background-color: #2F386E !important;
    color: #ffffff !important;
}

/* --- 4. BLOG SECTION STYLES --- */
.blog-section .post-entry .post-thumbnail {
    display: block;
    height: 250px;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 20px;
    background: #f0f0f0;
}

.blog-section .post-entry .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-section .post-entry:hover .post-thumbnail img {
    transform: scale(1.1);
}

/* --- 5. MOBILE MENU FIX --- */
/* Ensure menu items are visible on mobile toggle */
@media (max-width: 767px) {
    .navbar-collapse {
        background: #3F4A8A;
        padding: 15px;
        margin-top: 15px;
        border-radius: 8px;
    }
    
    .scrolled .navbar-collapse {
        background: #ffffff;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
}