/*
Theme Name: MOMA Interiordesign
Author: Vaida van de Vlekkert
Description: Custom theme
Version: 1.0
Text Domain: momainteriordesign
*/

/* Logo sizing */
.site-logo {
  height: 75px;      /* Pick one consistent size */
  max-height: 45px !important;
  width: auto;
  display: block;
}

/* Keep header items aligned inline */
#header .container-fluid {
  display: flex;
  align-items: center;     /* centers logo + menu + socials */
  justify-content: space-between;
}

/* Make sure menu aligns with logo */
#navmenu {
  display: flex;
  align-items: center;
}

/* Hide hamburger on desktop */
@media (min-width: 1200px) {
  .mobile-nav-toggle {
    display: none;
  }
}

/* Mobile adjustments */
@media (max-width: 1199px) {
  #navmenu .menu {
    display: none;          /* hide menu until toggle */
    flex-direction: column;
   
  }
  #navmenu.active .menu {
    display: flex;
  }
}


@media (max-width: 1199px) {
  #navmenu ul {
    display: none;
    flex-direction: column;
  }

  #navmenu.active ul {
    display: flex;
  }
}

.header .container-fluid {
    padding-left: 2rem;
    padding-right: 2rem;
}
@media (max-width: 1199px) {
  .mobile-nav-toggle {
    display: block;
    cursor: pointer;
    font-size: 1.5rem; /* adjust size */
  }
}
.mobile-nav-toggle {
    color: #333; /* dark gray or black */
    font-size: 1.8rem; /* optional, bigger for mobile */
}

/* Ensure toggle icon is above the menu */
.mobile-nav-toggle {
    position: absolute; /* so z-index works */
    right: 1rem;        /* align right */
    z-index: 2000;      /* higher than nav menu */
    font-size: 2rem;    /* easier to see */
    color: #333;        /* dark color visible on light background */
    cursor: pointer;
}

/* Optional: force icon above any dropdowns or overlays */
#navmenu.active .mobile-nav-toggle {
    z-index: 2000;
}



.footer-logo svg {
  width: 150px;
  height: auto;
}