/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ZIP Code Container */
.zip-code-container {
    display: flex;
    align-items: center;
    gap: 3px; /* Space between elements */
    font-size: 14px;
    color: #7d7c90; /* Match Cart & My Account text */
    font-weight: 600;
}

/* ZIP Code Text */
.zip-code-container span {
    color: #7d7c90;
    font-weight: 600;
}

/* Change Button */
.zip-code-button {
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 600;
    color: #c2924c; /* Match Cart icon color */
    cursor: pointer;
    transition: color 0.3s ease-in-out;
}

.zip-code-button:hover {
    color: #a37432; /* Darker shade on hover */
}

/* Align with Cart & Account */
.header-nav .zip-code-container {
    display: flex;
    align-items: center;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.mobile-nav .nav-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mobile-nav .nav-right li {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  white-space: nowrap;
}

.mobile-nav .nav-right li button.zip-code-button {
  background: none;
  border: none;
  font-size: 14px;
  padding: 0;
}

.mobile-nav .nav-right li span,
.mobile-nav .nav-right li i {
  line-height: 1;
}

#current-zip {
  font-weight: bold;
  white-space: nowrap;
}