/* ========== GLOBAL HEADER ========== */
.header-navbar { padding:10px 15px; background:#e8e8e8; border-bottom:1px solid #eee; font-family:'Roboto Slab',serif; }
.header-logo img { margin:0 0 10px 25px; width:130px; }
.header-nav-item { margin:0 15px; position:relative; }
.header-nav-item>a { color:#666666; text-decoration:none; padding:8px 4px; display:block; }
.header-nav-item>a:hover { color:#07A597; }

/* ========== MEGAMENU (Global Defaults) ========== */
.header-megamenu { position:absolute; left:0; top:40px; width:650px; background:#e8e8e8; padding:20px; border-radius:6px; border:1px solid #ddd; box-shadow:0 3px 12px rgba(0,0,0,0.15); display:none; opacity:0; transition:opacity .3s ease; z-index:999; }
.header-megamenu.show { display:block; opacity:1; }
.header-megamenu h6 { font-weight:bold; color:#07A597; cursor:pointer; margin-bottom:8px; }
.header-megamenu a { display:block; padding:4px 0; color:#666666; transition:background 0.3s ease; text-decoration:none; }

/* ========== DESKTOP (>=992px) ========== */
@media(min-width:992px){
  .header-nav-item:hover>.header-megamenu { display:block!important; opacity:1!important; }
  .header-megamenu a:hover { background:#07A597; color:#fff; padding-left:5px; border-radius:4px; text-decoration:none!important; }

  .header-megamenu { display:block!important; max-height:0; opacity:0; overflow:hidden; transition:max-height 0.5s ease, opacity 0.5s ease, padding 0.5s ease; padding:0 20px; }
  .header-nav-item:hover>.header-megamenu { max-height:1000px; opacity:1; padding-top:20px; padding-bottom:20px; }

  .header-megamenu h6.submenu-toggle { display:flex; align-items:center; justify-content:flex-start; gap:5px; }
}

/* ========== MOBILE (<=991px) ========== */
@media(max-width:991px){
  .navbar-collapse { padding:0 10px; }

  /* --- FIX: HEADER HEIGHT INCREASED --- */
  .mobile-top-row { 
    display:flex; 
    align-items:center; 
    justify-content:space-between; 
    padding: 12px 15px; 
    flex-wrap: nowrap; 
    width: 100%;
    background: #fff;
    min-height: 70px; 
  }
  
  .mobile-top-row .header-logo { 
    margin-right: auto;
    display: flex;
    align-items: center;
  }
  
  /* Logo Image Height Fix */
  .mobile-top-row .header-logo img {
      height: 55px !important; 
      width: auto;
  }

  .mobile-top-row #mobileDropdowns {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }

  .mobile-top-row .header-dropdown-wrapper { margin:0 5px; }

  /* Arrow icon rotation */
  .header-nav-item>a i { transition:transform 0.3s; }
  .header-nav-item>a.active i { transform:rotate(180deg); }

  /* Main List Item Spacing */
  .header-nav-item { margin-bottom:0; position:relative; z-index:1; }
  .header-nav-item > a {
      padding: 12px 0;
      border-bottom: 1px solid #eee;
  }
  
  /* --- FIXED SECTION START --- */
  .header-megamenu { 
    position:relative; 
    top: 0 !important;
    left: 0 !important;
    width:100%; 
    border:none; 
    box-shadow:none; 
    padding:0; 
    margin:0; 
    overflow:hidden; 
    max-height:0; 
    transition:max-height 0.3s ease, padding 0.3s ease; 
    background:transparent; 
  }
  
  .header-megamenu.show { 
    max-height:1500px; 
    padding-bottom: 15px; 
    border-bottom: 1px solid #eee;
  }

  /* Remove grid margins */
  .header-megamenu .row { margin:0 !important; }
  .header-megamenu .col-md-4, 
  .header-megamenu .col-md-3, 
  .header-megamenu .col-md-2 { 
    padding:0 !important; 
    margin-bottom:0 !important; 
  }

  /* --- CHANGE HERE: Fixed the arrow position --- */
  .header-megamenu h6.submenu-toggle {
    display: flex;
    justify-content: flex-start; /* Changed from space-between to flex-start */
    gap: 10px; /* Added gap to separate text and arrow */
    align-items: center;
    padding: 8px 0 8px 15px;
    margin-bottom: 0;
    color: #07A597;
    background: transparent;
    border: none;
  }

  .header-submenu { 
    max-height:0; 
    overflow:hidden; 
    padding-left:0; 
    margin-top:0; 
    transition:max-height 0.3s ease; 
  }
  .header-submenu.open { 
    max-height:500px; 
    padding-bottom:5px; 
  }

  .header-megamenu .header-submenu a {
    padding: 6px 0 6px 30px;
    margin-bottom: 0;
    font-size: 0.95rem;
    color: #555;
    background: transparent;
  }

  .header-mobile-item { width:100%; display:block; margin-bottom:10px; }
  .header-dropdown-wrapper { display:block; margin-bottom:5px; position:relative; }
}

/* ========== BUTTONS ========== */
.header-small-btn { background:#07A597; color:#fff; padding:6px 12px; font-size:0.9rem; border:none; border-radius:6px; display:flex; align-items:center; justify-content:space-between; cursor:pointer; white-space: nowrap; }
.header-small-btn:hover { background:#048d81; }
.header-login-btn { background:#07A597; color:#fff!important; padding:7px 14px; border-radius:6px; text-decoration:none; }
.header-login-btn:hover { background:#048d81!important; text-decoration:none!important; }
.header-buttons-group>* { margin-right:10px; margin-bottom:5px; }

.header-dropdown-wrapper { position:relative; display:inline-block; margin-right:5px; }
.header-dropdown-panel { background:#07A597; color:#fff; display:none; position:absolute; top:100%; left:0; min-width:120px; padding:5px 0; border-radius:6px; z-index:999; box-shadow:0 2px 8px rgba(0,0,0,0.2); }
.header-dropdown-panel a { display:block; padding:6px 12px; color:#fff; text-decoration:none; font-size:0.9rem; }
.header-dropdown-panel a:hover { background:#004d45; }
.rotate { transform:rotate(180deg); transition:transform 0.3s; }

/* ========== SLEEK ANIMATED HAMBURGER ICON ========== */
.navbar-toggler {
  border: none;
  background: transparent;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none !important;
  flex-shrink: 0; 
  margin-left: 10px;
}

.animated-icon {
  width: 28px;
  height: 20px;
  position: relative;
  margin: 0;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon span {
  display: block;
  position: absolute;
  height: 2px; /* Sleek height */
  width: 100%;
  background: #333;
  border-radius: 4px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

.animated-icon span:nth-child(1) { top: 0px; }
.animated-icon span:nth-child(2) { top: 8px; }
.animated-icon span:nth-child(3) { top: 16px; }

/* ANIMATION LOGIC */
.navbar-toggler[aria-expanded="true"] .animated-icon span:nth-child(1) {
  top: 8px;
  transform: rotate(135deg);
}
.navbar-toggler[aria-expanded="true"] .animated-icon span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.navbar-toggler[aria-expanded="true"] .animated-icon span:nth-child(3) {
  top: 8px;
  transform: rotate(-135deg);
}

 
  /* SEARCH WRAPPER */
  .acc-search-wrapper { position:relative;     }
  .acc-search-bar {
    background:#f8f8f8; 
    padding:14px; max-width:900px; margin:0 auto;
    /* allow visible dropdowns positioned outside inner elements */
    overflow: visible;
  }

  /* shared field style */
  .acc-search-field {
    border:1px solid #ddd; border-radius:6px; padding:8px 12px; width:100%; font-size:15px;
    box-sizing: border-box;
  }
  .acc-search-field:focus { border-color:#07A597; box-shadow:0 0 5px rgba(7,165,151,0.25); outline:none; }

  .acc-btn-find { background:#07A597; color:#fff; font-weight:600; border-radius:6px; padding:8px 20px; width:100%; border:none; }
  .acc-btn-find:hover { background:#069885; }

  /* autocomplete */
  .acc-autocomplete-list {
    position:absolute; z-index:2500; background:#fff; border:1px solid #ddd; border-top:none;
    width:100%; border-radius:0 0 6px 6px; box-shadow:0 4px 8px rgba(0,0,0,0.1);
    max-height:260px; overflow-y:auto; box-sizing:border-box;
  }
  .acc-autocomplete-header { font-size:13px; text-transform:uppercase; color:#999; background:#f8f8f8; padding:6px 12px; border-bottom:1px solid #eee; font-weight:600; }
  .acc-autocomplete-item { padding:8px 12px; cursor:pointer; }
  .acc-autocomplete-item:hover { background:#f1f9f8; }
  .acc-highlight { color:#07A597; }

  /* CUSTOM SELECT (doesn't overflow) */
  .acc-select {
    position: relative;
    user-select: none;
  }
  .acc-select-button {
    display:flex; align-items:center; justify-content:space-between;
    cursor:pointer;
    border:1px solid #ddd; border-radius:6px; padding:8px 12px; background:#fff;
    min-height:40px; box-sizing:border-box;
  }
  .acc-select-button .label { color:#666; font-size:15px; }
  .acc-select-options {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    z-index: 3000;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    border-radius: 6px;
    max-height: 220px;
    overflow-y: auto;
    box-sizing: border-box;
  }
  .acc-select-options .opt {
    padding: 10px 12px; cursor: pointer;
  }
  .acc-select-options .opt:hover { background: #f1f9f8; }
  .acc-select .chev { margin-left:8px; color:#666; }

  /* layout desktop */
  @media (min-width: 992px) {
    #acc-search-form { display:flex; align-items:center; gap:10px; }
    .acc-field { flex:1; margin-bottom:0; }
    .acc-btn-col { width:auto; }
    .acc-btn-find { width:auto; padding:10px 28px; }
  }

  /* mobile spacing */
  @media (max-width:991px) {
    .acc-search-bar { padding:14px; }
    .acc-field { margin-bottom:10px; }
    /* slightly smaller datepicker */
    .ui-datepicker { font-size:13px !important; }
  }
  
  
  .test{
  border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,0.15);
  }