/**
 * Wolf Digital - DJS i18n Fixes
 * Header Icons Alignment Styles
 */

/* Fix vertical alignment of header icons */
.elementor-widget-container > .wolfd-locale-selector,
.elementor-widget-container > button,
.elementor-widget-container > a {
    vertical-align: middle !important;
    display: inline-block;
}

/* Ensure locale selector aligns with other elements */
.wolfd-locale-selector {
    vertical-align: middle !important;
}

/* Align all direct children of the header icons container */
.elementor-element-64dfa7e > .elementor-widget-container > * {
    vertical-align: middle !important;
    margin-left: 15px !important; /* Reduced from default spacing by ~25-30% */
}

/* Remove margin from first element */
.elementor-element-64dfa7e > .elementor-widget-container > *:first-child {
    margin-left: 0 !important;
}

/* Ensure search button, account, and cart links are properly aligned */
.elementor-element-64dfa7e button,
.elementor-element-64dfa7e a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

/* Center the images/icons within their containers */
.elementor-element-64dfa7e button img,
.elementor-element-64dfa7e a img {
    display: block;
    margin: 0;
    vertical-align: middle;
}

/* Fine-tune the dropdown alignment */
.wolfd-locale-dropdown {
    vertical-align: middle;
}

/* Additional specificity for Elementor overrides */
.elementor-widget-icon .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important; /* Reduced spacing between elements */
}

/* Ensure consistent height for all elements */
.elementor-widget-icon .elementor-widget-container > * {
    height: auto;
    line-height: normal;
}

/* Additional icon centering for the header icons */
.elementor-widget-icon .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 35px !important; /* Match the height of the locale dropdown */
}

/* Ensure all header icon elements have consistent height */
.elementor-widget-icon .elementor-widget-container > *,
.wolfd-locale-selector {
    height: 35px;
    display: inline-flex;
    align-items: center;
}

/* Specific fix for the search button */
.jet-search__popup-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    height: 35px !important;
    width: auto !important;
}

/* Center the search icon SVG */
.jet-search__popup-trigger svg,
.jet-search__popup-trigger img {
    display: block !important;
    margin: 0 auto !important;
    vertical-align: middle !important;
}

/* Reduce column gap for the header icons container */
.elementor-element-c65242c {
    column-gap: 20px !important;
    gap: 20px !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .elementor-element-64dfa7e > .elementor-widget-container > * {
        margin-left: 10px !important;
    }
    
    .elementor-widget-icon .elementor-widget-container {
        gap: 10px !important;
    }
    
    .elementor-element-c65242c {
        column-gap: 15px !important;
        gap: 15px !important;
    }
}