/*
Theme Name:     Shoptimizer Child
Theme URI:      https://alexissuarez.com/
Description:    Shoptimizer child theme.
Author:         Alexis Suarez
Template:       shoptimizer
 Version:      1.0
*/

/*Colors */
:root {
    --white: white;
    --black: #000;
    --mist-grey: #B9B9AE;
    --mainly-green: #343D38;
    --paradise-yellow: #c9b760;
    --grey-light: #ebebeb;
    --paradise-red: #dc1320;
    --paradise-tint: #D9CFA6;
}

/* Menu */
/* Centers the primary navigation menu items horizontally */
.shoptimizer-primary-navigation {
    justify-content: center;
}

/* Search */
/* Styles the search input field with a dark background and removes the border */
.site-search input[type=search] {
    background: #222222;
    border: none;
}

/* Styles the text color for secondary and primary search inputs to white */
#secondary input[type=search],
.site-search form input[type=search] {
    color: #fff;
}

/* Navigation */
/* Sets the text color of navigation menu links and menu icons to white */
.secondary-navigation .menu a,
.ri.menu-item:before,
.fa.menu-item:before {
    color: #ffffff;
}

/* Autocomplete */
/* Positions the autocomplete search results dropdown */
.commercekit-ajs-results {
    position: absolute;
}

/* Cart Design */
/* Adjusts the cart contents to display in a column, aligned at the bottom */
#page .site-header-cart .cart-contents {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: center;
}

/* Removes border and sets line height for the cart link in the header */
.header-5.wc-active .site-header-cart a.cart-contents {
    border: none;
    line-height: 2.5;
}

/* Styles the cart amount text to be smaller and displayed in a row */
.header-5 .shoptimizer-cart .cart-contents .amount {
    font-size: 14px;
    display: flex;
    flex-direction: row;
}

/* Flags Section */
/* Displays flags in a row with small padding */
.banderas {
    display: flex;
    flex-direction: row;
}

.banderas a {
    padding: 2px;
}