/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


/* VARIABLES — adjust only these */
:root {
    --logo-left: 40px;             /* Distance of logo from left edge */
    --menu-right: 50px;            /* Distance of menu from right edge */
    --menu-link-spacing: 15px;    /* Spacing between normal menu links */
}

/* 1. Header container using flex */
#header-secondary-outer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: var(--menu-right); /* controls menu spacing */
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

/* Remove container padding inside header */
#header-secondary-outer .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

/* 2. Logo wrapper — independent control */
#header-secondary-outer .nectar-center-text {
    margin-left: var(--logo-left); /* controls logo spacing */
    display: flex;
    align-items: center;
}
#header-secondary-outer .nectar-center-text img {
    max-width: 150px;
    height: auto;
    display: block;
}

/* 3. Menu container — flex for regular links */
#header-secondary-outer nav > ul.sf-menu {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding-right: 0;
}

/* 4. Regular menu links spacing */
#header-secondary-outer nav > ul.sf-menu > li:not(.menu-item-gtranslate) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: var(--menu-link-spacing);
}

/* 5. GTranslate — flush right */
#header-secondary-outer .menu-item-gtranslate {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-width: 150px;
}

/* Keep responsive rules from original */
@media (max-width: 991px) {
    #header-secondary-outer nav > ul.sf-menu {
        justify-content: flex-end;
        flex-wrap: wrap;
    }
@media (max-width: 767px) {
    #header-secondary-outer nav > ul.sf-menu {
        flex-direction: column;
        align-items: flex-start;
        padding-right: 0;
    }
@media (max-width: 480px) {
    .secondary-header-items, .secondary-header-text {
        display: none !important;
    }
.tabbed[data-style*=vertical] .wpb_tabs_nav {
    width: 100%;
    float: left;
}
body #footer-outer .row {
    padding: 5px 0;
}
.row, div.clear {
    padding-bottom: 5px;
}

/* === Corrected Logo Positioning and Flex Overrides === */
#header-secondary-outer .nectar-center-text {
  margin-left: var(--logo-left) !important; /* enforce logo spacing */
  flex-shrink: 0; /* prevent flex from collapsing logo */
}

#header-secondary-outer .nectar-center-text img {
  margin-left: var(--logo-left) !important; /* move logo image itself */
  max-width: 150px;
  height: auto;
  display: block;
}