/*
 Theme Name: Astra Child
 Theme URI: https://example.com/astra-child/
 Author: Your Name
 Template: astra
 Version: 1.0.5
*/
 
/* ===== Desktop Header Menu Styling ===== */

/* Main Header Background */
.main-header-bar {
    background: linear-gradient(90deg, #0077b6, #00b4d8) !important; /* Ocean Blue gradient */
}

/* Menu Links */
.main-header-menu a {
    color: #ffffff !important;   /* White text */
    font-weight: 600;
    padding: 12px 18px;
    transition: all 0.3s ease;
}

/* Hover Effect */
.main-header-menu a:hover {
    background-color: #ff6f00 !important; /* Dark Orange hover */
    color: #ffffff !important; /* Keep text white */
    border-radius: 6px;
}

/* Active Menu Item */
.main-header-menu .current-menu-item > a {
    background-color: #ff6f00 !important; /* Dark Orange active */
    border-radius: 6px;
    color: #ffffff !important;
}

/* ===== Responsive Post Images ===== */
.entry-content img,
.post-content img,
.single-post img,
.page-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 15px auto; /* Center images */
    border-radius: 8px; /* Optional: smooth corners */
}

/* ===== Mobile Header & Menu Styling ===== */

/* Mobile header bar (where hamburger button shows) */
.ast-mobile-header-wrap,
.ast-mobile-header-wrap .main-header-bar {
    background: linear-gradient(90deg, #0077b6, #00b4d8) !important;
}

/* Mobile dropdown / off-canvas menu background */
.ast-mobile-popup-content,
.ast-mobile-popup-inner,
.ast-mobile-popup-inner .ast-header-navigation {
    background: linear-gradient(180deg, #0077b6, #00b4d8) !important;
}

/* Mobile menu links */
.ast-mobile-popup-inner .ast-header-navigation li a {
    color: #ffffff !important;   /* White text */
    font-weight: 600;
    padding: 12px 18px;
    display: block;
    transition: all 0.3s ease;
}

/* Hover & Active state in mobile */
.ast-mobile-popup-inner .ast-header-navigation li a:hover,
.ast-mobile-popup-inner .ast-header-navigation .current-menu-item > a {
    background-color: #ff6f00 !important; /* Dark Orange */
    color: #ffffff !important;
    border-radius: 6px;
}