/*
Theme Name: Shoptimizer for Maxmaling.no
Theme URI: https://www.maxmaling.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 {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
	--border-radius: 5px;
}

/*
 * Header Section
 */
.col-full.topbar-wrapper {
    background-color: #fff;
    border-bottom-color: #ffffff;
}
@media (min-width: 993px) {
	.main-navigation .products-all {
		background: #1a2530;
		padding: 0 17px;
	}
}
.shoptimizer-cart-icon .mini-count {
	display: none !important;
} 

/*
 * 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;
}

/*
 * 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 {
  display: inline-flex;
  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: #fff;
  color: #000;
  border: 1px solid #000;
  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: #f5f5f5;
}
.shoptimizer-archive nav.navigation.pagination span.page-numbers.current,
.woocommerce nav.woocommerce-pagination span.page-numbers.current {
  background-color: #2c3e51;
  color: #fff;
  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;
}

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

/* Product Cards - Center */
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;
}

/*
 * Colours - Custom Post Type
 */
/* Archive display */
.tax-colour_cat .content-area {
    float: unset;
    width: 100%;
}
.colour-row {
    margin-left: -1em;
    margin-right: -1em;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}
article.colour {
    display: flex;
}
@media (min-width: 993px) {
    article.colour {
        margin: 0 1%;
	    width: 18%;
    }
}
@media (max-width: 992px) {
    article.colour {
        margin: 0 2.5%;
	    width: 45%;
    }
}
article.colour .entry-header h2 {
	font-size: 15px;
	line-height: unset;
	text-align: center;
}
article.colour .entry-header a {
	color: #353535;
}
article.colour .entry-content {
	display: none;
}
/* Category list on archive display */
.cat-list {
    display: block;
    overflow: hidden;
}
.cat-list ul {
    list-style: none;
    margin: 0;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
li.cat-list-single {
    border-radius: 4px;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    display: inline;
    margin: .375em;
    line-height: normal;
    padding: 0.5em 0.63em;
}
li.cat-list-single.button a {
    color: #ffffff !important;
}
li.cat-list-single.button {
    background-color: #2c3e51 !important;
}
li.cat-list-single.button:hover {
    background-color: #1a2530 !important;
}
/* Single colour display */
.single-colour .content-area {
    float: unset;
    width: 100%;
}
.single-colour img.wp-post-image {
    max-height: 200px;
    width: 100%;
}
.single-colour .posted-on {
    display: none;
}

/* Lipscore - Fix for no rating stars */
.lipscore-wc-loop-rating {
    min-height: 26.86px;    
}