/* ==========================================================================
   Global Styles
   ========================================================================== */

    :root {
        /* Layout */
        --layout__max-width: 1460px;

        /* Colors */
        --primary__color: #333333;
        --primary__color__secondary: #0B116D;
        --primary__color__secondary__lighter: #23297C;
        --primary__color__tertiary: #E03C7E;

        --neutral__color__darkest: #000000;
        --neutral__color__darker: #272727;
        --neutral__color__dark: #979696;
        --neutral__color: #BCBEC0;
        --neutral__color__light: #DDDDDD;
        --neutral__color__lighter: #F2F2F2;
        --neutral__color__lightest: #F8F8F8;

        --active__color: var(--primary__color__secondary);
        --error__color: #F40101;

        /* Links */
        --link__color: var(--primary__color__secondary);

        /* Headings */
        --heading__text-transform__base: uppercase;

        /* Page Titles */
        --page-title__font-weight: var(--font-weight__bold);
        --page-title__text-transform: uppercase;

        /*  Borders & Shadows */
        --border-color__base: var(--neutral__color__light);
        --border-radius__base: 10px;
        --box-shadow__base: 0 1px 3px 1px rgba(0, 0, 0, 0.12);

        /* Icons */
        --icon-font__color: var(--primary__color__secondary);
        --icon-font__hover__color: var(--primary__color__secondary__lighter);
        --icon-font__active__color: var(--primary__color__secondary__lighter);

        /* Button - Default */
        --button__background: var(--neutral__color__light);
        --button__border: 0;
        --button__border-radius: 20px;
        --button__box-shadow: var(--box-shadow__base);
        --button__color: var(--primary__color);

        --button__hover__background: var(--neutral__color__lighter);

        /* Button - Primary */
        --button-primary__background: var(--primary__color__secondary);
        --button-primary__border: 0;
        --button-primary__border-radius: 40px;
        --button-primary__box-shadow: var(--box-shadow__base);
        --button-primary__color: var(--color-white);

        --button-primary__hover__background: var(--primary__color__secondary__lighter);
        --button-primary__hover__border: 0;
        --button-primary__active__border: 0;

        /* Forms */
        --form-element-input__border-radius: 20px;
        --form-element-input__box-shadow: var(-box-shadow__base);

        /* Tables */
        --table__box-shadow: var(--box-shadow__base);

        /* Page Backgrounds */
        --page-wrapper__background-color: #F2F2F2;
        --page-main__background-color: #F2F2F2;
        --page-content__background-color: #F2F2F2;
    }


/* ==========================================================================
   Header
   ========================================================================== */

    .announcement.wrapper {
        --announcement__background: var(--primary__color__secondary);
        --announcement__color: var(--color-white);
        --announcement__font-weight: var(--font-weight__semibold);
        --announcement__text-transform: uppercase;

        --icon-font__color: var(--color-white);
        --icon-font__hover__color: var(--primary__color__tertiary);
        --icon-font__active__color: var(--primary__color__tertiary);
    }

    header {
        /* Header - Globals */
        --header__box-shadow: var(--box-shadow__base);
        --header__line-height: 50px;
        --header__padding: var(--indent__base);
        --header-desktop__padding: 15px var(--indent__base);

        /* Header - Ordering */
        --header-logo__order: 2;
        --header-search__order: 4;
        --header-left__order: 1;
        --header-right__order: 3;

        --header-logo-desktop__order: 1;
        --header-search-desktop__order: 3;
        --header-left-desktop__order: 2;
        --header-right-desktop__order: 4;

        /* Header - Logo */
        --header-logo__flex: 1;
        --header-logo__justify-content: center;
        --header-logo__max-width: 140px;
        --header-logo__padding: 0;

        --header-logo-desktop__flex: unset;
        --header-logo-desktop__justify-content: flex-start;
        --header-logo-desktop__max-width: 140px;
        --header-logo-desktop__padding: 0;

        /* Header - Search */
        --header-search__flex: 1;
        --header-search__justify-content: center;
        --header-search__margin: var(--indent__base) 0 0;

        --header-search-desktop__flex: unset;
        --header-search-desktop__justify-content: center;
        --header-search-desktop__margin: 0;

        /* Header - Left Container */
        --header-left__flex: 1;
        --header-left__justify-content: flex-start;

        --header-left-desktop__flex: 1;
        --header-left-desktop__justify-content: flex-end;

        /* Header - Right Container */
        --header-right__flex: 1;
        --header-right__justify-content: flex-end;

        --header-right-desktop__flex: unset;
        --header-right-desktop__justify-content: center;

        /* Header - Fixed */
        --header-fixed-logo-desktop__max-width: 140px;
    }

/* ==========================================================================
   Search
   ========================================================================== */

    .block-search {
        --search-global-button__border-radius: 0 var(--border-radius__base) var(--border-radius__base) 0;

        --search-global-input__background: var(--color-white);
        --search-global-input__border: 1px solid var(--form-element-input__border-color);
        --search-global-input-desktop__border: 1px solid var(--form-element-input__border-color);
        --search-global-input__border-radius: 25px;
        --search-global-input__box-shadow: var(--box-shadow__base);

        --search-global-processing__border-color: var(--primary__color__secondary);

        --autocomplete__border-radius: 0 0 var(--border-radius__base) var(--border-radius__base);
        --autocomplete__box-shadow: var(--box-shadow__base);

        --search-global-content-desktop__padding: 0 var(--indent__s);
    }

/* ==========================================================================
    Account Links
    ========================================================================== */

    .account-menu-wrapper {
        --account-links-desktop__font-size: inherit;

        --account-links-dropdown__border-radius: 0 0 var(--border-radius__base) var(--border-radius__base);
    }

/* ==========================================================================
   Minicart
   ========================================================================== */

    .minicart-wrapper {
        --minicart-qty__background: var(--primary__color__tertiary);
        --minicart-qty__height: 30px;
    }

/* ==========================================================================
    Contact
    ========================================================================== */

    .contact-link {
        --contact-phone__display: flex;
        --contact-phone__display-desktop: flex;

        --contact-link__display: flex;
        --contact-link__display-desktop: flex;
    }

/* ==========================================================================
    Main Navigiation
    ========================================================================== */

    .nav-toggle {
        --navigation-toggle-icon__margin: 0 var(--indent__s) 0 0;
    }

    .navigation {
        --navigation-level0-item__border: 1px solid var(--border-color__base);
        --navigation-level0-item__border-radius: 0;
        --navigation-level0-item__font-size: 15px;
        --navigation-level0-item__font-weight: var(--font-weight__bold);
        --navigation-level0-item__text-transform: uppercase;

        --navigation-level0-item__color: var(--primary__color__secondary);
        --navigation-level0-item__hover__color: var(--primary__color__tertiary);
        --navigation-level0-item__active__color: var(--primary__color__tertiary);

        --navigation-level0-item-arrow__color: var(--primary__color__secondary);

        --navigation-desktop__font-size: 15px;
        --navigation-desktop__font-weight: var(--font-weight__bold);
        --navigation-desktop__text-align: center;

        --navigation-desktop-level0-item__line-height: 60px;
        --navigation-desktop-level0-item__padding: 0 var(--indent__l) 0 var(--indent__s);
        --navigation-desktop-level0-item__text-transform: uppercase;

        --navigation-desktop-level0-item__color: var(--primary__color__secondary);
        --navigation-desktop-level0-item__hover__color: var(--primary__color__tertiary);
        --navigation-desktop-level0-item__active__color: var(--primary__color__tertiary);

        --navigation-desktop-level0-item-arrow__color:  var(--primary__color__secondary);
        --navigation-desktop-level0-item-arrow__right: 10px;
    }

    .submenu {
        --submenu-desktop__padding: var(--indent__base);

        --submenu-item__border: 1px solid var(--border-color__base);
        --submenu-item__border-radius: 0;
        --submenu-item__color: var(--primary__color__secondary);

        --submenu-desktop-item__padding: 8px var(--indent__base);
        --submenu-desktop-item__margin: 0 0 var(--indent__xd);
        --submenu-desktop-item__text-transform: uppercase;

        --submenu-desktop-item-parent__background-color: transparent;
        --submenu-desktop-item-parent__font-weight: var(--font-weight__semibold);
        --submenu-desktop-item-parent__margin: 0;

        --submenu-desktop-item__hover__background: var(--neutral__color__lightest);
        --submenu-desktop-item__hover__color: var(--primary__color__secondary);

        --submenu-desktop-item__active__background: var(--neutral__color__lightest);
        --submenu-desktop-item__active__border-color: var(--primary__color__secondary);
    }


/* ==========================================================================
   Footer
   ========================================================================== */

    footer {
        --footer__background-color: var(--primary__color__secondary);
        --footer__color: var(--color-white);

        --link__color: var(--color-white);
        --link__visited__color: var(--color-white);
        --link__hover__color: var(--primary__color__tertiary);
        --link__active__color: var(--primary__color__tertiary);

        --icon-font__color: var(--color-white);
        --icon-font__hover__color: var(--primary__color__tertiary);
        --icon-font__active__color: var(--primary__color__tertiary);
        --icon-font__size: 38px;
    }

    .widget.block.social-links,
    .widget.block.payment-logos {
        --icon-font__color: var(--primary__color__secondary);
        --icon-font__hover__color: var(--primary__color__secondary__lighter);
        --icon-font__active__color: var(--primary__color__secondary__lighter);
    }

    .widget.block.payment-logos {
        --payment-logos-desktop__justify-content: flex-end;
    }

    .bottom {
        --footer__color: white;
    }


/* ==========================================================================
   Catalogue
   ========================================================================== */

    /* Products Item(s)
    ========================================================================== */

    .products-grid {
        --product-grid__grid-gap: 20px;
        --product-grid__text-align: left;
        --product-item-details__justify-items: start;
    }

    .product-item {
        --product-item__background: var(--color-white);
        --product-item__border: 1px solid var(--border-color__base);
        --product-item__border-radius: var(--border-radius__base);
        --product-item__box-shadow: var(--box-shadow__base);
        --product-item__margin: 0 0 var(--indent__s);
        --product-item__padding: var(--indent__s);
    }

    /* Names
    ========================================================================== */

    .product-item-name {
        --product-name__text-transform: uppercase;
        --product-name__font-weight: var(--font-weight__bold);
    }

    /* Category View
    ========================================================================== */

    /*  Filter / Layered Navigation  */
    .block.filter {
        --filter-block__border-width: 1px;
        --filter-block__box-shadow: var(--box-shadow__base);

        --filter-subtitle__padding: var(--indent__s) var(--indent__base);
        padding: 0 !important;
        border-color: var(--border-color__base) !important;
    }

    /*  Toolbar  */
    .toolbar {
        --toolbar__border-width: 1px;
        --toolbar__box-shadow: var(--box-shadow__base);
        --toolbar__padding: 0 var(--indent__base);
    }

    /*  Pager  */
    .pages {
        --pager__border: 1px solid var(--border-color__base);
        --pager-action__border-radius: 100%;
    }

    /*  Category Description  */
    .category-description {
        --category-description__box-shadow: var(--box-shadow__base);
        --category-description__padding: var(--indent__base);
    }

    /* Product View
    ========================================================================== */

    /*  Image Gallery  */
    .product.media {
        --gallery__background-color: transparent;
        --gallery__border: 0;
        --gallery__border-radius: 0;

        --gallery-arrow__background-color: transparent;
        --gallery-arrow__color: var(--primary__color__secondary);
    }

    .fotorama__nav-wrap--vertical .fotorama__nav__shaft {
        background-color: var(--gallery__background-color);
    }

    /*  Sections (Tabs / Accordion)  */
    .data.items {
        --tab-content__box-shadow: var(--box-shadow__base);
        --accordion__box-shadow: var(--box-shadow__base);
    }

/* ==========================================================================
   Customer / Account
   ========================================================================== */

    .block.block-collapsible-nav {
        --collapsible-nav-title__box-shadow: var(--box-shadow__base);
    }

/* ==========================================================================
    Cart / Checkout
    ========================================================================== */

    .cart-summary {
        --cart-sidebar-summary__background-color: var(--color-white);
        --cart-sidebar-summary__border: 1px solid var(--border-color__base);
        --cart-sidebar-summary__box-shadow: var(--box-shadow__base);
    }

/* ==========================================================================
   Content (CMS)
   ========================================================================== */

    .breadcrumbs {
        --breadcrumbs__text-transform: uppercase;
    }

    .cms-page-view,
    .neotheme_blog-category-view,
    .neotheme_blog-post-view {
        --page-main__background-color: #FFFFF;
        --page-content__background-color: #FFFFFF;
    }

/* ==========================================================================
   Widgets (Blocks)
   ========================================================================== */

    .block.widget,
    .block-products-list,
    .block.related,
    .block.crosssell,
    .block.upsell {
        --widget-block-title__border: 0;
        --widget-block-title__font-weight: var(--font-weight__bold);
        --widget-block-title__padding: var(--indent__s) 0;
        --widget-block-title__text-align: center;
        --widget-block-title__text-transform: uppercase;

        --widget-block-title-line-before__border-top: 1px solid var(--border-color__base);
        --widget-block-title-line-before__flex: 1;
        --widget-block-title-line-before__margin: 0 40px 0 0;

        --widget-block-title-line-after__border-top: 1px solid var(--border-color__base);
        --widget-block-title-line-after__flex: 1;
        --widget-block-title-line-after__margin: 0 0 0 40px;
    }

/* ==========================================================================
    Sidebar (Blocks)
    ========================================================================== */

    .sidebar {
        --sidebar-block__border-width: 1px;
        --sidebar-block__box-shadow: var(--box-shadow__base);
        --sidebar-block__padding: var(--indent__base);
    }


/* ==========================================================================
    Featured Categories (Module)
    ========================================================================== */

    .featured-categories-list {
        /*  List Layout */
        --featured-categories-list-item__background-color: var(--color-white);
        --featured-categories-list-item__border: 0;
        --featured-categories-list-item__box-shadow: var(--box-shadow__base);
        --featured-categories-list-item__align-items: flex-start;

        --featured-categories-list-item-image__order: 1;
        --featured-categories-list-item-details__order: 2;

        --featured-categories-list-item-name__font-weight: var(--font-weight__bold);
        --featured-categories-list-item-name__text-transform: uppercase;
    }


    .featured-categories-grid {
        /*  Grid Layout */
        --featured-categories-grid-item__border: 0;

        --featured-categories-grid-item-image-desktop__width: 80%;

        --featured-categories-grid-item-name__font-size: var(--font-size__base);
        --featured-categories-grid-item-name__font-weight: var(--font-weight__bold);
        --featured-categories-grid-item-name__text-transform: uppercase;
    }

/* ==========================================================================
    Custom CSS
    ========================================================================== */

    .product-info-main .box-tocart .action.tocart,
    .product-options-bottom .box-tocart .action.tocart,
    .block-minicart .block-footer>.actions>.primary .action.checkout {
        margin-bottom: 20px;
    }

    .toolbar.toolbar-products:empty {
        display: none;
    }

    .swatch-option.text {
        padding: 0 var(--indent__s);
    }