/* ==========================================================================
   Nourish Knoxville (NK) Site-Specific Styles
   Turquoise color scheme: #04a39b
   ========================================================================== */

/* --- NK Navbar --- */
.nk-nav {
    background-color: #04a39b;
    border-bottom-width: 4px;
    border-color: #038a83;
}

.nk-nav,
.nk-nav .asap-promo-link,
.nk-nav .dropdown .btn,
.nk-nav .navbar-brand.title {
    font-family: var(--font-condensed, 'Roboto Condensed', sans-serif);
}

/* NK nav link colors */
.nk-nav .asap-promo-link:link,
.nk-nav .asap-promo-link:visited {
    color: #fff !important;
}

.nk-nav .asap-promo-link.active,
.nk-nav .asap-promo-link:hover {
    text-decoration: underline;
    color: #ffe066 !important;
}

/* NK logo image in navbar */
.nk-nav .navbar-brand.logo {
  margin-top: 3px;
}
.nk-logo-img {
    max-height: 50px;
    width: auto;
}

.nk-nav .navbar-brand.title::before {
    background: #bfbbbb;
}

/* NK navbar toggle (hamburger) */
.nk-nav .navbar-toggle {
    border-color: rgba(255, 255, 255, 0.3);
}
.nk-nav .navbar-toggle .icon-bar {
    background-color: #fff;
}
.nk-nav .navbar-toggle:hover,
.nk-nav .navbar-toggle:focus {
    background-color: rgba(255, 255, 255, 0.15);
}

/* NK dropdown buttons in nav */
.nk-nav .dropdown .btn {
    color: #fff;
    background: transparent;
    border: none;
    font-size: 18px;
    font-weight: 400;
}
.nk-nav .dropdown .btn:hover,
.nk-nav .dropdown .btn:focus {
    color: #ffe066;
    text-decoration: underline;
}

/* --- NK Footer --- */
.nk-footer-line {
    border-top: 1px solid #80d1cd;
    height: 1px;
    width: 100%;
    margin-top: 30px;
}

.nk-footer-wrapper {
    padding: 30px 0 0 0;
    margin-top: 7px;
    border-bottom: 1px solid #80d1cd;
}

.nk-footer {
    margin-bottom: 40px;
}

.nk-footer h3 {
    font-family: var(--font-primary);
    font-size: var(--font-size-h3, 26px);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-text-gray, #666666);
    margin-bottom: 20px;
    border-bottom: 1px solid #80d1cd;
    padding-bottom: 10px;
}

.nk-footer > .row > [class*="col-"] {
    text-align: center;
}

.nk-footer img {
    max-width: 100%;
}

.nk-footer p {
    font-family: var(--font-primary);
    font-size: var(--font-size-paragraph-medium, 18px);
    font-weight: var(--font-weight-regular, 400);
    color: #000;
}

.nk-footer a {
    transition: all 0.15s ease-in-out;
    margin-bottom: 25px;
}

.nk-footer .social {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nk-footer .social li {
    float: left;
    font-size: 24px;
    margin: 0 10px;
}

.nk-footer .social.social-centered {
    display: flex;
    justify-content: center;
    padding: 20px 0;
    margin-top: 20px;
}

.nk-footer .social.social-centered li {
    float: none;
}

@media only screen and (min-width: 992px) {
    .nk-footer .social li {
        font-size: 36px;
    }
}

/* NK button style (turquoise) */
.bttn-nk {
    color: #fff;
    background-color: #04a39b;
    font-weight: bold;
    border: none;
}
.bttn-nk:hover {
    background-color: #038a83;
    color: #fff;
}

/* --- NK Listing Detail Headers (teal #04a39b for all NK listing types) --- */

/* All section headers in NK normal listings */
.detail .detail-header {
    background-color: #04a39b;
}
.detail .detail-header h3 {
    color: #ffffff;
}

/* All section headers in NK wholesale listings - match NK normal listings (teal) */
.wholesale-container .detail-header {
    background-color: #04a39b;
}
.wholesale-container .detail-header h3 {
    color: #ffffff;
}

/* NK Listing Buttons - Override green/brown buttons with teal */
.detail .bttn-green,
.detail .btn.bttn-green {
    background-color: #04a39b;
    color: #ffffff;
}
.detail .bttn-green:hover,
.detail .bttn-green:focus,
.detail .btn.bttn-green:hover,
.detail .btn.bttn-green:focus {
    background-color: #038a83;
    color: #ffffff;
}

/* NK Wholesale buttons - teal to match NK normal listings */
.wholesale-container .bttn-brown {
    background-color: #04a39b;
    color: #ffffff;
}
.wholesale-container .bttn-brown:hover,
.wholesale-container .bttn-brown:focus {
    background-color: #038a83;
    color: #ffffff;
}

/* NK Wholesale guide-link buttons (Supplier/Vendor Guidelines) -
   match NK teal listing buttons/headers */
.wholesale-container .bttn-grey {
    background: #04a39b;
    color: #ffffff;
}
.wholesale-container .bttn-grey:hover,
.wholesale-container .bttn-grey:focus {
    background: #038a83;
    color: #ffffff;
}

/* NK Wholesale search submit button - match NK teal guideline buttons */
.wholesale-container .bttn-green {
    background-color: #04a39b;
    color: #ffffff;
}
.wholesale-container .bttn-green:hover,
.wholesale-container .bttn-green:focus {
    background-color: #038a83;
    color: #ffffff;
}

/* NK Wholesale pagination active - match NK teal */
.wholesaleFilters .pagination > .active > a,
.wholesaleFilters .pagination > .active > span,
.wholesaleFilters .pagination > .active > a:hover,
.wholesaleFilters .pagination > .active > span:hover,
.wholesaleFilters .pagination > .active > a:focus,
.wholesaleFilters .pagination > .active > span:focus {
    background-color: #04a39b;
    border-color: #038a83;
}

/* NK Business Title - teal text instead of ASAP green */
.listing-title h1 {
    color: #00502f;
}
.listing-subtitle {
    color: #04a39b;
}

/* NK footer bottom row */
.nk-footer-bottom-row {
    background-color: #04a39b;
    padding: 20px 0 10px;
}
.nk-footer-bottom-row li {
    color: #fff;
}
.nk-footer-bottom-row a {
    color: #e0f7f6;
}
.nk-footer-bottom-row a:hover {
    color: #fff;
}

/* ===========================================
   NK New Footer Styles (2026 Redesign)
   Uses turquoise color scheme (#04a39b)
   =========================================== */
.footer-redesign.footer-nk {
    background-color: #04a39b;
}

.footer-redesign.footer-nk .footer-btn {
    background-color: #038a83;
}

.footer-redesign.footer-nk .footer-btn:hover {
    background-color: #027670;
}

.footer-redesign.footer-nk .footer-contact-info a:hover {
    color: #e0f7f6;
}

.footer-redesign.footer-nk .footer-social-link {
    color: #04a39b;
}

.footer-redesign.footer-nk .footer-social-link:hover {
    background-color: #e0f7f6;
    color: #04a39b;
}

.footer-redesign-bottom.footer-nk-bottom {
    background-color: #04a39b;
}

.footer-redesign-bottom.footer-nk-bottom .footer-bottom-item a:hover {
    color: #e0f7f6;
}