/*
Theme Name: Shoptimizer for Spraylakk.no
Theme URI: https://www.spraylakk.no
Description: Child theme of Shoptimizer
Author: SYNTAX ERROR
Author URI: https://syntaxerror.no
Template: shoptimizer
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * Defaults - Root Values
 */
:root {
    --black: #221E20;/*Logo colour*/
    --white: #fff;
    --green: #3bb54a;
    --green-dark: #3bb54a;
    --purple: #7712a6;
    --button-bg: var(--green);
    --button-bg-hover: var(--green-dark);
    --border-radius: 5px;
}

/*
 * Header Section
 */
 
/* Top Menu */
@media (min-width: 993px) {
     /* Add background and display bars for "All products" */
    .shoptimizer-primary-navigation .main-navigation .products-all {
        background: #111;
        padding: 0 18px;
    }
    .shoptimizer-primary-navigation .main-navigation ul li.menu-item > a {
        display: inline-block !important;
    }
    .shoptimizer-primary-navigation .main-navigation .products-all::before {
        content: '';
        display: inline-block;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6"><path fill-rule="evenodd" d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd" /></svg>');
        background-size: contain;
        background-repeat: no-repeat;
        width: 26px;
        height: 28px;
        vertical-align: middle;
        margin-right: 6px;
        filter: brightness(0) invert(1);
    }

    /* Move last item to right, close to cart */
    .shoptimizer-primary-navigation .main-navigation {
        flex: 1;
    }
    .shoptimizer-primary-navigation ul#menu-main-meny {
        display: flex;
        align-items: center;
        width: 100%;
    }
    .shoptimizer-primary-navigation ul#menu-main-meny > li.last-item {
        margin-left: auto;
        margin-right: 2em;
    }
}

/*
 * Sidebar Section
 */
.left-archives-sidebar .widget-area,
.right-archives-sidebar .widget-area,
.left-woocommerce-sidebar .widget-area,
.right-woocommerce-sidebar .widget-area {
    background: #f6f6f6;
    border: solid 1px rgb(0 0 0 / 3%) !important;
    border-radius: var(--border-radius) !important;
    padding: 10px;
}
/* Fix for widgets using H3 tag for title */
#secondary.widget-area h3,
#secondary.widget-area h3 {
    font-size: 15px;
}

/*
 * Content Section
 */

/* -- Pagination -- */
.shoptimizer-archive nav.navigation.pagination,
.woocommerce nav.woocommerce-pagination {
  display: flex;
  justify-content: center;
  width: 100%;
  float: none;
}
.shoptimizer-archive nav.navigation.pagination ul,
.woocommerce nav.woocommerce-pagination ul {
  gap: 0.5rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.shoptimizer-archive nav.navigation.pagination li,
.woocommerce nav.woocommerce-pagination li {
  margin: 0;
  padding: 0;
}
.shoptimizer-archive nav.navigation.pagination a.page-numbers,
.shoptimizer-archive nav.navigation.pagination span.page-numbers,
.woocommerce nav.woocommerce-pagination a.page-numbers,
.woocommerce nav.woocommerce-pagination span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 8px;
  background-color: var(--white);
  color: var(--black);
  border: 1px solid #888;
  border-radius: 50%;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.shoptimizer-archive nav.navigation.pagination a.page-numbers:hover,
.woocommerce nav.woocommerce-pagination a.page-numbers:hover {
  background-color: var(--button-bg-hover);
  border-color: #444;
}
.shoptimizer-archive nav.navigation.pagination span.page-numbers.current,
.woocommerce nav.woocommerce-pagination span.page-numbers.current {
  background-color: var(--button-bg);
  color: var(--white);
  cursor: default;
}

/*
 * Footer Section
 */
.below-content .widget, footer .widget {
    text-align: center;
}
footer.copyright .widget:last-child {
    text-align: center !important;
}

/**
 * WooCommerce
 */

/* Button - Added to cart */
.product form.cart .button.added, .product-widget ul li,
#content a.added_to_cart {
    width: 100%;
}
.product form.cart .button.added:before, .product-widget ul li:before,
#content a.added_to_cart::before {
    content: "✓" !important;
    display: inline-block !important;
    margin-right: 0.4em !important;
    font-size: 1.1em !important;
}

/* Button - Shopping cart - Go to checkout */
.button.checkout-button,
.widget_shopping_cart a.button.checkout {
    background: var(--button-bg) !important;
    border-color: var(--button-bg) !important;
}
.button.checkout-button:hover,
.widget_shopping_cart a.button.checkout:hover {
    background: var(--button-bg-hover) !important;
    border-color: var(--button-bg-hover) !important;
}

/* Category Cards */
@media (min-width: 993px) {
    ul.products li.product.product-category {
        margin-bottom: 20px !important;
    }
}

/* Product Cards - Archive - Center on desktop */
@media (min-width: 993px) {
    .tax-product_cat ul.products {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* Product Cards - Unsett shitty hover effect */
@media (min-width: 993px) {
    body ul.products li.product:not(.product-category):before {
        width: calc(100% + 10px) !important;
        height: calc(100% + 10px) !important;
        margin-top: -5px;
        border-radius: var(--border-radius);
    }
}

/* Product Cards - Add background and margin */
ul.products li.product .product-card-inner {
     background: rgb(0 0 0 / 1%);
     border: solid 1px rgb(0 0 0 / 3%);
     border-radius: var(--border-radius) !important;
     padding: 10px;
}
ul.products li.product .product-card-inner .button {
     position: relative;
     justify-content: center;
     width: 100%;
}
@media (min-width: 993px) {
    ul.products li.product:not(.product-category) {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px !important;
    }
}
ul.products li.product:focus-within::before, ul.products li.product:hover::before {
    display: none;
}
ul.products li.product {
    padding: 5px;
}
.static-cta-buttons ul.products li.product:not(.product-category) {
    margin-bottom: 0px !important;
}
@media (max-width: 992px) {
    ul.products {
        -moz-column-gap: 5px;
        column-gap: 5px;
        row-gap: 10px;
    }
}
.cat-image-wrapper, .woocommerce-image__wrapper {
    mix-blend-mode: darken;
}

/* -- Product Cards - Button position fix -- */
body ul.products li.product .added_to_cart, body ul.products li.product .button {
    display: inline-table;
    position: relative !important;
}

/* -- Single Product -- */
.color-options {
    margin-bottom: 15px;
}
.price-per-m2 {
    font-size: 75%;
    margin-left: 8px;
}

/* FiboSearch - Reduce font size to display all text */
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder {
    font-size:13px;
}