/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/

/* ────────────────────────────────────────────────
   LGV: HEADER SEARCH + USER MENU + EXPLORE MENU
   Clean unified version — October 2025
   ──────────────────────────────────────────────── */

/* ────────────────
   HEADER SEARCH BOX
   ──────────────── */
header .quicksearch input[type="text"],
header .header-search input[type="search"],
header .header-search.dark-forms input[type="search"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important; /* Chrome/Safari autofill */
  caret-color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

header .quicksearch input[type="text"]::placeholder,
header .header-search input[type="search"]::placeholder {
  color: #fff !important;
  opacity: 1 !important;
}

/* Remove theme underline or focus line */
header .search-form::after,
header .quicksearch::after,
header .header-search .focus-line,
header .header-search .line,
header .header-search .underline {
  content: none !important;
  background: transparent !important;
  display: none !important;
}

/* Reinforce white text on teal-header pages */
.lgv-teal-header header .header-search input[type="search"],
.lgv-teal-header header .dark-forms.header-search input[type="search"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
}

/* ────────────────
   USER DROPDOWN MENU
   (Profile / Account / Sign Out, etc.)
   ──────────────── */
header .user-dropdown,
header .user-dropdown a,
header .user-dropdown li,
header .user-dropdown .menu-item a,
header .user-area .dropdown-menu,
header .user-area .dropdown-menu a,
header .account-dropdown,
header .account-dropdown a,
header .user-profile-dropdown .dropdown-menu,
header .user-profile-dropdown .dropdown-menu a,
header .user-profile-dropdown .dropdown-menu li a {
  background: #fff !important;
  color: #02A5BF !important;
}

header .user-dropdown a:hover,
header .user-area .dropdown-menu a:hover,
header .account-dropdown a:hover,
header .user-profile-dropdown .dropdown-menu a:hover,
header .user-profile-dropdown .dropdown-menu li:hover > a {
  color: #028ca4 !important; /* slightly darker teal on hover */
}

header .user-dropdown hr,
header .user-dropdown .divider {
  border-color: rgba(2,165,191,.25) !important;
}

header .user-dropdown i,
header .user-dropdown svg {
  color: #02A5BF !important;
}

/* ────────────────
   EXPLORE DROPDOWN MENU
   (Regions under Explore)
   ──────────────── */
header .main-nav .sub-menu,
header .i-dropdown ul.sub-menu,
header .main-menu .sub-menu {
  background: #fff !important;
}

header .main-nav .sub-menu a,
header .main-nav .sub-menu li a,
header .main-menu .sub-menu a {
  color: #02A5BF !important;
  background: #fff !important;
}

header .main-nav .sub-menu a:hover,
header .main-menu .sub-menu a:hover {
  color: #028ca4 !important; /* hover teal */
}

header .main-nav .sub-menu li,
header .main-menu .sub-menu li {
  border-bottom: 1px solid rgba(2,165,191,0.25) !important;
}

header .main-nav .sub-menu li:last-child,
header .main-menu .sub-menu li:last-child {
  border-bottom: none !important;
}

/* =========================================================
   LGV Header — Final Alignment v1.0
   Layout:  LOGO (far left) • ICONS (middle) • HAMBURGER (far right)
   Scope:   Mobile + squeeze desktop (where hamburger appears)
   Notes:   Adjust left/right offsets (16px) and logo max-height as needed
   ========================================================= */
@media (max-width: 1600px){
  /* Positioning context = full header row */
  #c27-site-header .header-top,
  header.header .header-container .header-top{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 0 !important;
  }

  /* HAMBURGER — pin to far right */
  .header.header .header-top .mobile-menu,
  #c27-site-header .header-top .mobile-menu{
    position: absolute !important;
    right: 16px !important;                 /* tweak spacing if you like */
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 1003 !important;               /* keep it clickable */
  }

  /* LOGO — pin to far left (logo lives under .header-left) */
  .header.header .header-top .header-left .logo,
  #c27-site-header .header-top .header-left .logo{
    position: absolute !important;          /* positioned against .header-top */
    left: 16px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 1002 !important;
  }
  .header-top .logo img{
    height: auto;
    max-height: 48px;                        /* adjust to taste */
    width: auto;
  }

  /* ICONS (account + search) — don’t collide with logo/hamburger */
  #c27-site-header .header-right,
  header.header .header-right{
    padding-left: 88px !important;           /* ≈ logo width + left gap */
    padding-right: 56px !important;          /* reserve space for hamburger */
  }
}

/* ===== Optional micro-tweaks ===== */

/* 1) Extra-small phones: slightly smaller logo for breathing room */
@media (max-width: 360px){
  .header-top .logo img{ max-height: 44px; }
}

/* 2) If your logo is wider than usual, add a touch more left padding for icons */
/*
@media (max-width: 1600px){
  #c27-site-header .header-right,
  header.header .header-right{ padding-left: 100px !important; }
}
*/



/* LGV: Fix mobile account menu visibility */
.user-dashboard .mobile-nav,
.mobile-nav {
  background-color: #ffffff !important;
}

.user-dashboard .mobile-nav a,
.mobile-nav a {
  color: #555d6d !important; /* your preferred grey text */
  font-weight: 500;
}

.user-dashboard .mobile-nav a:hover,
.mobile-nav a:hover {
  color: #02A5BF !important; /* your teal accent */
}

/* Optional: icons tint (if white) */
.user-dashboard .mobile-nav i,
.mobile-nav i {
  color: #555d6d !important;
  opacity: 0.9;
}