/**
 * Header Navbar Pattern Styles
 *
 * Styles for the Figma-based header navbar pattern
 *
 * @package Edun_Child
 */

/* ============================================
   SHORTCODE WRAPPER - Full Width Support
   ============================================ */
header.edun-header-wrapper,
footer.edun-footer-wrapper,
.edun-header-wrapper,
.edun-footer-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}

.edun-header-wrapper > *,
.edun-footer-wrapper > * {
    max-width: 100% !important;
}

/* Ensure alignfull works inside shortcode wrapper */
.edun-header-wrapper .alignfull,
.edun-footer-wrapper .alignfull,
.edun-header-wrapper .wp-block-group.alignfull,
.edun-footer-wrapper .wp-block-group.alignfull {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Header inside shortcode - maintain sticky positioning */
.edun-header-wrapper .edun-header-navbar,
header.edun-header-wrapper .edun-header-navbar {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 100000 !important;
}

/* Remove any Astra/WordPress container constraints */
.edun-header-wrapper .wp-block-group,
.edun-footer-wrapper .wp-block-group {
    max-width: 100% !important;
}

/* Ensure header/footer breaks out of any parent container */
body .edun-header-wrapper,
body .edun-footer-wrapper,
body header.edun-header-wrapper,
body footer.edun-footer-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
}

/* Reset margin if already full width parent */
.alignfull .edun-header-wrapper,
.alignfull .edun-footer-wrapper,
.full-width-content .edun-header-wrapper,
.full-width-content .edun-footer-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

/* ============================================
   HEADER NAVBAR PATTERN
   ============================================ */
.edun-header-navbar {
    position: sticky !important; /* Default to relative for editor */
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 100000 !important;
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #F7F6F0 !important;
    padding: 20px 40px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
}

/* Sticky positioning ONLY on frontend (not in editor) */
body:not(.block-editor-page):not(.wp-admin) .edun-header-navbar {
    position: sticky !important;
    top: 0 !important;
}

/* Logo */
.edun-logo {
    width: 112px !important;
    height: 30px !important;
}

.edun-logo img {
    width: 112px !important;
    height: 30px !important;
    display: block !important;
}

.edun-logo a {
    display: inline-block !important;
    line-height: 0 !important;
}

/* Header Buttons */
.edun-header-buttons {
    gap: 20px !important;
}

/* Login Button */
.edun-btn-login .wp-block-button__link {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    border: 2px solid #294338 !important;
    border-style: solid !important;
    color: #294338 !important;
    background-color: transparent !important;
    padding: 12px 27px !important;
    transition: all 0.3s ease !important;
}

.edun-btn-login .wp-block-button__link:hover {
    background-color: #294338 !important;
    color: #F7F6F0 !important;
}

/* Get Started Button */
.edun-btn-get-started .wp-block-button__link {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    color: #F7F6F0 !important;
    background-color: #294338 !important;
    padding: 12px 27px !important;
    transition: all 0.3s ease !important;
}

.edun-btn-get-started .wp-block-button__link:hover {
    background-color: #1a2e23 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(41, 67, 56, 0.3) !important;
}

/* Menu Toggle Button */
.edun-menu-toggle .wp-block-button__link {
    border-radius: 50px !important;
    background-color: #294338 !important;
    padding: 12px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.edun-menu-toggle .wp-block-button__link:hover {
    background-color: #1a2e23 !important;
}

.edun-menu-toggle svg {
    pointer-events: none !important;
}

/* Menu toggle icons */
.edun-menu-toggle .menu-icon {
    display: block !important;
}

.edun-menu-toggle .close-icon {
    display: none !important;
}

/* When menu is active */
.edun-menu-toggle.menu-active .menu-icon {
    display: none !important;
}

.edun-menu-toggle.menu-active .close-icon {
    display: block !important;
}
/*===============================*/
/* Hide existing icon/text */
.edun-menu-toggle .wp-block-button__link {
  font-size: 0 !important;
  color: transparent !important;
}

/* Hamburger icon (default state) */
/* .edun-menu-toggle .wp-block-button__link {
  width: 40px;
  height: 40px;
  background: #2f4f3e url("http://edun.local/wp-content/uploads/2026/02/Menu.png") center/18px no-repeat;
  border-radius: 50%;
}

When menu open → show close icon */
/* .edun-menu-toggle.active .wp-block-button__link,
.edun-menu-toggle.toggled .wp-block-button__link {
  background: #2f4f3e url("http://edun.local/wp-content/uploads/2026/02/Property-23.png") center/18px no-repeat;
} */

/* ============================================
   NAVBAR PATTERN (Alternative)
   ============================================ */
.edun-navbar {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #F7F6F0 !important;
    padding: 20px !important;
    position: sticky;
    top: 0;
    z-index: 100000 !important;
    background: #fff;
    
    
}
.edun-header-wrapper{
    position: sticky !important;
    top: 0 !important;
    z-index: 10000 !important;
}

.edun-navbar-buttons {
    gap: 20px !important;
}

.edun-navbar-btn-login .wp-block-button__link {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    border: 2px solid #294338 !important;
    border-style: solid !important;
    color: #294338 !important;
    background-color: transparent !important;
    padding: 12px 27px !important;
}

.edun-navbar-btn-get-started .wp-block-button__link {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    color: #F7F6F0 !important;
    background-color: #294338 !important;
    padding: 12px 27px !important;
}

.edun-navbar .edun-menu-toggle .wp-block-button__link {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    color: #F7F6F0 !important;
    background-color: #294338 !important;
    padding: 12px !important;
}

/* ============================================
   RESPONSIVE - MOBILE
   ============================================ */
@media (max-width: 768px) {
    .edun-navbar {
        padding: 16px !important;
    }

    /* Hide login and get started buttons on small screens */
    .edun-btn-secondary,
    .edun-btn-primary {
        display: none !important;
    }

    /* Keep only the menu toggle visible */
    .edun-menu-toggle-btn {
        display: block !important;
    }
}

/* ============================================
   RESPONSIVE - TABLET
   ============================================ */
@media (min-width: 769px) and (max-width: 991px) {
    .edun-navbar {
        padding: 18px 24px !important;
    }

    /* Show all buttons on tablet */
    .edun-btn-secondary,
    .edun-btn-primary,
    .edun-menu-toggle-btn {
        display: block !important;
    }
}

/* ============================================
   RESPONSIVE - DESKTOP
   ============================================ */
@media (min-width: 992px) {
    .edun-navbar {
        padding: 20px 40px !important;
    }

    /* Show all buttons on desktop */
    .edun-btn-secondary,
    .edun-btn-primary,
    .edun-menu-toggle-btn {
        display: block !important;
    }
}

/* ============================================
   RESPONSIVE - LARGE DESKTOP
   ============================================ */
@media (min-width: 1200px) {
    .edun-navbar {
        padding: 20px 20px !important;
    }
}
.hamberger-close{
    display: none !important;
}
.menu-open .hamberger-close{
    display: block !important;
}
.menu-open .hameberger-menu{
    display: none !important;
}