/*
Theme Name: K-Rewards
Theme URI: 
Author: PPK Innovation
Author URI: 
Description: K-Rewards Custom Theme (Child of Twenty Twenty-Four)
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: k-rewards
Tags: 
*/

@import 'fonts/ddt/stylesheet.css';

body.home.page-template-default.page.page-id-7.logged-in.wp-embed-responsive.theme-twentytwentyfour.woocommerce-uses-block-theme.woocommerce-block-theme-has-button-styles.woocommerce-js.elementor-default.elementor-kit-93 {
    background-attachment: fixed !important;
    background-image: url("https://krewards.ppkinnovation.com/wp-content/uploads/2024/09/Background-main.png");
    background-position: center;
    box-shadow: inset 0px -387px 266px 55px black;
}

.product_tag-gold .wp-block-column.is-vertically-aligned-center.titolo_header.has-background.has-global-padding.is-content-justification-left.is-layout-constrained.wp-container-core-column-is-layout-2.wp-block-column-is-layout-constrained {
    background-image: url(https://krewards.ppkinnovation.com/wp-content/uploads/2024/09/Background-main.png) !important;
    box-shadow: inset 0px -387px 266px 55px #101012;
    background-position: center center !important;
    position: relative;
    width: 100%;
}

.woocommerce .price ins {
    font-weight: 600;
}

.single_add_to_cart_button {
    border: 1px solid #FFD500 !important;
    width: 100%;
}

.quantity {
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    padding: 0 auto !important;
}

p.woope-notice {
    margin: -24px 0px 0px;
    padding-bottom: 30px;
}

ul.tabs.wc-tabs {
    display: none !important;
}

h1 {
    padding-right: 0px !important;
}

.titolo_header {
    width: 98% !important;
}

.taxonomy-sport.wp-block-post-terms {
    font-weight: 600;
    text-decoration: none !important;
}


.wp-block-post-title {
    font-size: 19px;
    font-weight: 400;
    font-family: DDT !important;
}

h3.wp-block-post-title.has-medium-font-size {
    font-size: 14px !important;
    line-height: 24px;
    /*font-weight: 600 !important;
    font-family: DDT !important; */
    margin-bottom: 3px !important;
}


p {
    font-size: 14px !important;
    font-weight: 400 !important;
}

li.elenco {
    font-size: 12px !important;
    list-style-type: none;
    padding-left: 0;
}

li.elenco::before {
    content: '✔';
    margin-right: 25px !important;
    color: white !important;
}

:root :where(.wp-block-post-terms a:where(:not(.wp-element-button))) {
    text-decoration: none !important;
}

.wp-block-woocommerce-product-image-gallery {
    background-color: #262626 !important;
}

.taxonomy-product_cat.is-style-default.wp-block-post-terms {
    margin-left: 40px;
    font-size: 16px;
}

ul {
    margin-inline-end: 20px;
    padding-inline-start: 27px;
}

div#tab-reviews {
    display: none !important;
}

span.woocommerce-Price-currencySymbol {
    font-weight: 400;
}

.wc-block-grid.has-3-columns .wc-block-grid__products {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-y: auto;
}

.wc-block-grid.has-3-columns .wc-block-grid__product {
    max-width: 38%;
}

.woocommerce.woocommerce-shop .wc-block-breadcrumbs .woocommerce-breadcrumb {
    display: none;
}

h1.alignwide.wp-block-query-title {
    display: none;
}

.wc-block-grid__product-price.wc-block-grid__product-price {
    text-align: left;
    font-size: 13px;
}

.woocommerce .wp-block-woocommerce-product-image-gallery:after {
    display: none;
}

.woocommerce div.product div.images img {
    padding-top: 10px;
    width: 32%;
    margin: 0 auto;
}

div.images .woocommerce-product-gallery__trigger {
    display: none;
}

.woocommerce div.product form.cart {
    display: block;
}
div.product .wc-block-add-to-cart-form form.cart button.single_add_to_cart_button {
    float: initial;
    margin: 0 auto;
    display: block;
}

.has-medium-font-size {
    font-size: 14px !important;
    text-align: left;
}

.has-small-font-size {
    font-size: 14px !important;
    text-align: right;
    font-weight: 500 !important;
    font-family: DDT;
}

.has-large-font-size {
    font-size: 14px !important;
    text-align: left;
    font-weight: 500 !important;
    font-family: DDT;
}

.has-x-large-font-size {
    font-size: 16px !important;
    text-align: left;
    font-weight: 600 !important;
    font-family: DDT;
    line-height: 24px;
}

h1.alignwide.wp-block-query-title {
    display: block;
}

.wc-block-product {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100% !important;
}

.wc-block-grid__product .wc-block-grid__product-image {
    display: flex;
    width: 25%;
    margin-top: 10px;
}

.wc-block-grid__product.wc-block-grid__product {
    box-sizing: border-box;
    background-image: url(https://krewards.ppkinnovation.com/wp-content/uploads/2024/09/Background-main.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 1401px;
    background-position-y: 44%;
    margin-bottom: 30px;
    padding: 5px;
    border-radius: 10px;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.wc-block-grid__product .wc-block-grid__product-title {
    font-size: 13.5px;
    width: 75%;
    margin-top: 15px;
    text-align: left;
}

a:where(:not(.wp-element-button)) {
    text-decoration: none;
}

.prezzi {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
}

.wc-block-grid__product .wc-block-grid__product-add-to-cart,
.wc-block-grid__product .wc-block-grid__product-onsale,
.wc-block-grid__product .wc-block-grid__product-price,
.wc-block-grid__product .wc-block-grid__product-rating {
    margin: 0 auto 0px;
}

.wc-block-components-pagination__page--active[disabled] {
    color: white !important;
    background-color: rgba(60, 60, 66, 1) !important;
    font-size: 18px;
    font-weight: 500;
    opacity: 1 !important;
    border-radius: 4px;
}

button.wc-block-pagination-page.wc-block-components-pagination__page.wc-block-components-pagination-page--arrow {
    color: white;
    font-size: 18px !important;
}

.wc-block-components-pagination__page:not(.toggle) {
    background-color: transparent;
    color: rgba(60, 60, 66, 1);
}

.wc-block-components-pagination {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 50px;
}

/*
.woocommerce-Price-currencySymbol {
    margin-left: 25px !important;
}*/

.icon2 {
    margin-right: 60px;
    margin-top: 0px !important;
}

hr.wp-block-separator.aligncenter.has-alpha-channel-opacity.is-style-wide {
    width: 40%;
    color: rgba(76, 76, 84, 1);
}

p.woope-notice {
    font-weight: 500 !important;
    font-size: 12px;
    color: rgba(130, 130, 143, 1);
    font-family: DDT;
    text-align: center;
}

.descrizione {
    margin-top: 5px !important;
}

.wp-block-post-excerpt__excerpt {
    display: none;
}

.wp-block-woocommerce-product-image-gallery.gallery_background {
    background-color: transparent !important;
}

.filtri_attributi {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    overflow-x: scroll;
}

.wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container {
    padding: 4px 8px 4px 8px;
    background-color: grey;
}

/* ???
.wp-block-woocommerce-filter-wrapper {
    flex: 0 1 325px;
    margin-right: 160px;
}*/

.wp-block-woocommerce-filter-wrapper:has(.wc-blocks-filter-wrapper:not([hidden])):not(:last-child) {
    border-bottom: 1px solid #3a3a3f;
    padding-bottom: 1em;
    margin-bottom: 1em;
}

.wc-block-mini-cart__button {
    margin-left: 55px !important;
}

.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list {
    width: 250px;
}

.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
    width: 150px;
}

.wc-block-components-filter-reset-button {
    display: none !important;
}

.wp-block-search__inside-wrapper {
    display: flex;
    max-width: 100%;
    flex-direction: row-reverse;
}

.wp-block-search__button {
    margin-left: 0px;
    word-break: normal;
}

:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
    background-color: #ffffff;
    border-color: #ffffff;
    /* width: 21%; Camma - Attenzione ai selettori CSS, questo fa ballare la larghezza all'hover di tutti i pulsanti */
}

.wp-block-search__input {
    border: 1px solid #ffffff;
    background-color: #ffffff;
}

.wp-block-search__inside-wrapper {
    background-color: #ffffff;
    border-radius: 30px;
}

.categoria_tag {
    padding: .6rem;
    gap: .3em;
}

.categoria_tag,
.categoria_tag a {
    font-size: .8rem !important;
    vertical-align: bottom;
    line-height: .8rem;
}

.product_tag-gold .taxonomy-product_tag a,
.product_tag-gold .categoria_tag {
    color: #CCA300;
    text-transform: uppercase;
}

.product_tag-silver .taxonomy-product_tag a,
.product_tag-silver .categoria_tag {
    color: #B6C3C7;
    text-transform: uppercase;
}

.product_tag-bronze .taxonomy-product_tag a,
.product_tag-bronze .categoria_tag {
    color: #E77E51;
    text-transform: uppercase;
}



.taxonomy-squadra.wp-block-post-terms {
    color: #ADADB7 !important;
    font-size: 16px !important;
    line-height: 28px;
    font-weight: 400;
}

.is-product-collection-layout-list {
    margin-right: 0px !important;
}

:root :where(.is-layout-flow)>* {
    margin-block-start: 0px;
    line-height: 25px;
}



.prodotti_layout {
    width: 100% !important;
    height: auto;
    box-sizing: border-box;
}


hr.wp-block-separator.aligncenter.has-alpha-channel-opacity.separatore.is-style-wide {
    width: 100%;
}

.wc-block-cart .wc-block-cart__submit-container--sticky:before {
    box-shadow: none;
}

:root :where(.is-layout-flex) {
    gap: 0.2rem;
}

.taxonomy-product_cat.wp-block-post-terms,
.krewards_label-category {
    pointer-events: none !important;
    text-transform: uppercase;
}

.taxonomy-product_tag.wp-block-post-terms {
    pointer-events: none !important;
    text-transform: uppercase;
}



span.wp-block-woocommerce-mini-cart-title-items-counter-block {
    display: none;
}

h2.wc-block-mini-cart__title {
    font-size: 20px;
    font-family: DDT;
    margin-top: 60px !important;
}

h3 .titolo_checkout {
    font-family: DDT !important;
    font-weight: 400;
    line-height: 1.2;
    font-size: 20px !important;
    font-weight: 700;
}


.woocommerce form .form-row .required {
    color: white;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    background-color: #2d2d33;
    border-radius: 8px;
    border: none;
    color: #82828F !important;
}

.select2-container--default .select2-selection--single {
    background-color: #2d2d33;
    border: none;
    border-radius: 8px;
    color: #82828F !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #82828F !important;
}

input#ship-to-different-address-checkbox {
    background-color: black !important;
    border: 1px solid #adadb7;
    border-radius: 4px !important;
}

.woocommerce-page label {
    font-size: 14px;
    font-weight: 400;
}

p#order_comments_field {
    display: none;
}

.woocommerce-page table.shop_table td,
.woocommerce-page table.shop_table th {
    padding: 5px 0px 10px 0px;
}

th.product-name {
    color: #adadb7;
}

th.product-total {
    color: #adadb7;
}

td.product-name {
    font-size: 16px;
}


a.woocommerce-privacy-policy-link {
    color: #ADADB7;
}

.woocommerce-privacy-policy-text {
    color: #ADADB7;
}

/*.woocommerce-checkout #payment ul.payment_methods { Prendiamo direttamente il container*/

.woocommerce-checkout #payment ul.payment_methods {
    background-color: transparent;
    border: none !important;
    padding-bottom: 0;
}

.woocommerce-checkout #payment ul.payment_methods .wc_payment_method>label {
    font-size: 1.1em;
    font-weight: 600;
}

.woocommerce-checkout #payment div.payment_box .form-row {
    padding: 0;
}

.woocommerce-checkout-payment {
    background-color: #1d1d21 !important;
    border-radius: 1em !important;
    border: 1px solid #1d1d21;
    margin-bottom: 1em;
}

.form-row.place-order {
    background-color: #1d1d21;
}

.woocommerce-checkout #payment div.payment_box {
    background-color: #1d1d21;
    color: #adadb7;
    margin: 0 auto;
    padding: 0px;
}

.woocommerce-checkout #payment div.payment_box::before {
    border: none;
    display: block;
    margin: 0 auto;
}

fieldset {
    border: none;
    padding: 0px;
    border-bottom: 1px solid #adadb7;
}

.woocommerce-checkout #payment div.form-row {
    padding: 0px 20px;
}

.wc-block-components-notice-banner.is-info>svg {
    display: none;
}

:where(.wp-site-blocks)>* {
    margin-block-start: 0;
}

.wp-block-group.sezione_prodotto.is-vertical.is-content-justification-stretch.is-layout-flex.wp-container-core-group-is-layout-10.wp-block-group-is-layout-flex {
    width: 100% !important;
}

.page-numbers {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1.25em;
    padding: .7em;
    border-radius: .5em;
}

span.page-numbers.current {
    background-color: #3c3c42;
    color: white;
    margin: 0 .25em;
}

a.page-numbers {
    color: #3c3c42;
}

.wc-block-components-notice-banner.is-info {
    background-color: #2d2d33;
    border-color: #2d2d33;
}

.wc-block-components-notice-banner {
    background-color: #2d2d33;
    color: #adadb7;
    margin: 20px 0;
    padding: 20px 10px !important;
}

h1.has-text-align-center.wp-block-post-title {
    font-weight: 400 !important;
    font-size: 24px;
    line-height: 36px;
}

.wp-block-query-pagination-numbers {
    padding-top: 30px;
}



/* Duplicato
.product_tag-bronze .titolo_header .krewards_single-product-col .prodotto_layout {
    background-image: url('https://rewards-media.app.k-fans.com/wp-content/uploads/2024/11/22091537/Group-481883.png'), 
    linear-gradient(to bottom, #101012, #1D1D21, #361C11);
    background-position: right bottom;
    background-repeat: no-repeat !important;
    width: 100%;
    border-radius: 0px 0px 8px 8px;
    padding: 5px 15px 5px 8px;
}

.product_tag-silver.titolo_header .krewards_single-product-col.prodotto_layout {
    background-image: url('https://rewards-media.app.k-fans.com/wp-content/uploads/2024/11/22091535/Group-481883-1.png'), 
    linear-gradient(to bottom, #101012, #1D1D21, #28363A);
    background-position: right bottom;
    background-repeat: no-repeat !important;
    width: 100%;
    border-radius: 0px 0px 8px 8px;
    padding: 5px 15px 5px 8px;
}

.product_tag-gold.titolo_header .krewards_single-product-col.prodotto_layout {
    background-image: url('https://rewards-media.app.k-fans.com/wp-content/uploads/2024/11/22091534/Group-481883-2.png'),
        linear-gradient(to bottom, #101012, #1D1D21, #4A350A);
    background-position: right bottom;
    background-repeat: no-repeat !important;
    width: 100%;
    border-radius: 0px 0px 8px 8px;
    padding: 5px 15px 5px 8px;
}  */


/* CammaConsiglio: Quando possibile, invece di usare selettori css da inspector, inserisci un selettore custom. è più facile lavorare per creare regole omogenee */
.krewards_product_card,
.krewards_mini-cart_product_card,
.krewards_single-product-col {
    background-repeat: no-repeat !important;
    background-position: right bottom;
    background-clip: border-box;
    background-origin: border-box;
    box-sizing: border-box;
    width: 100% !important;
    border-radius: .5em;
}

/* Fix card in search */
.search .krewards_product_card .dettaglio_prodotto {
    padding: 0 1em;

}

/* Stile Card Prodotto singolo */
.single-product {
    padding: .5em;
}

.krewards_single-product-col {
    position: relative;
    margin: 0 auto !important;
    max-width: 500px;
    width: 100%;
    border-radius: 1em;
    overflow: hidden;
    padding: 0;
    min-height: 450px;
}

.krewards_single-product-col:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    background-image: url(https://krewards.ppkinnovation.com/wp-content/uploads/2024/09/Background-main.png);
    background-size: 180%;
    background-position: top center;
    z-index: -1
}


.krewards_product_card,
.krewards_minicart-items tr.wc-block-cart-items__row {
    background-size: auto 75%, contain;
}

.product_tag-gold .krewards_product_card,
.krewards_mini-cart_product_card.product_tag-gold,
.single-product.product_tag-gold .krewards_single-product-col {
    border: 1px solid #cca300;
    background-image: url(https://rewards-media.app.k-fans.com/wp-content/uploads/2024/11/28151906/Group-481883-2-1.png), linear-gradient(rgba(16, 16, 18, 0), rgb(29, 29, 33), rgb(74, 53, 10));

}

.product_tag-silver .krewards_product_card,
.krewards_mini-cart_product_card.product_tag-silver,
.single-product.product_tag-silver .krewards_single-product-col {
    border: 1px solid #b6c3c7;
    background-image: url('https://rewards-media.app.k-fans.com/wp-content/uploads/2024/11/28151907/Group-481883-1-1.png'), linear-gradient(to bottom, #10101200, #1D1D21, #28363A);

}

.product_tag-bronze .krewards_product_card,
.krewards_mini-cart_product_card.product_tag-bronze,
.single-product.product_tag-bronze .krewards_single-product-col {
    border: 1px solid #b96d26;
    background-image: url(https://rewards-media.app.k-fans.com/wp-content/uploads/2024/11/28151847/Group-481883-3.png), linear-gradient(to bottom, #10101200, #1D1D21, #361C11);
}



/* Modificato, ora lo sfondo del tag è nel parent
.krewards_single-product-col .sfondo_tag {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    z-index: -1;
}*/


/* MARK: CSS CARRELLO */

.krewards_minicart-items tr.wc-block-cart-items__row {
    margin: .75em auto;
}

.riga_chiusura {
    padding-left: 25% !important;
}

.wp-block-group.riga_chiusura.is-content-justification-right.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-1.wp-block-group-is-layout-flex {
    width: 100%;
}

.wp-block-add-to-cart-form.wc-block-add-to-cart-form {
    z-index: 1;
    position: relative;
}


a.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-cart-button-block.wc-block-mini-cart__footer-cart.outlined {
    display: none;
}

.wp-block-group.sezione_prodotto.is-vertical.is-content-justification-stretch.is-layout-flex.wp-container-core-group-is-layout-11.wp-block-group-is-layout-flex {
    width: 100% !important;
}

.wc-block-components-product-image.wc-block-grid__product-image {
    margin-top: 10px;
    text-align: right;
}

ul.wc-block-product-template__responsive.columns-2.wc-block-product-template.wp-block-woocommerce-product-template {
    width: 100%;
}

.krewards_mini-cart_product_card .wc-block-cart-item__total {
    display: none !important;
}

/* Usiamo le CSS grid perchè la flexbox calcola lo spazio anche per wp-block-cart-item__total
.krewards_mini-cart_product_card {
    display: flex !important;
    flex-direction: row-reverse;
    padding-left: 10px !important;
}*/

.krewards_mini-cart_product_card {
    display: grid;
    grid-template-columns: 2fr 108px !important;
    position: relative;
    padding: 1em !important;
}

.krewards_mini-cart_product_card td.wc-block-cart-item__image {
    grid-column: 2 !important;
}

.krewards_mini-cart_product_card td.wc-block-cart-item__product {
    grid-column: 1 !important;
}

/* Aggiungo il logo prima del prezzo */
.krewards_mini-cart_product_card .wc-block-components-product-price__value:before {
    content: "";
    background: url(https://rewards-media.app.k-fans.com/wp-content/uploads/2024/09/02170702/Group-481658-3.png);
    display: inline-block;
    background-size: 31px auto;
    background-position: center;
    height: 31px;
    width: 31px;
    vertical-align: middle;
}

.krewards_mini-cart_product_card .wc-block-cart-item__remove-link,
.krewards_mini-cart_product_card .wc-block-components-product-metadata {
    color: #ADADB7 !important
}

/* Qty selector (Questo lo lascio generico, può servire altrove) */
.wc-block-components-quantity-selector__button {
    border-radius: 50% !important;
    background-color: #101012 !important;
    border: 2px solid #2D2D33 !important;
    width: 30px;
    height: 30px;
    color: #FFCC00 !important;
    opacity: 1 !important;
}

/* Banner disponibilità */
.wc-block-components-product-badge {
    margin-right: 1em;
    border: none
}

/* Purtroppo l'approccio meno peggio è utilizzare position-absolute, assicurandoci però che ci sia lo spazio dedicato */
.krewards_mini-cart_product_card .wc-block-cart-item__quantity {
    position: absolute;
    padding: 0;
    margin: 0 !important;
    right: 1em;
    bottom: 1.2em;
    padding: 0 !important;
}

.krewards_mini-cart_product_card .wc-block-components-quantity-selector {
    margin: 0 !important;
    z-index: 1;
    
}

.krewards_mini-cart_product_card .wc-block-cart-item__remove-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    overflow: hidden;
    z-index: 1;
    display: none !important;
    opacity: 0;
}

/* HACK BRUTTISSIMO */
.wc-block-cart-item__quantity:has(.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--minus:disabled) .wc-block-cart-item__remove-link {
    display: block !important;
}

.krewards_mini-cart_product_card td.wc-block-cart-item__image {
    padding-bottom: 30px !important;
    padding-right: 0 !important;
    /* woocommerce m**** */
}

/* Ristabilisco l'ordine delle info nella card prodotto */
.krewards_mini-cart_product_card .wc-block-cart-item__wrap {
    display: grid;
    grid-template-rows: repeat(4, auto);
}

.krewards_mini-cart_product_card .wc-block-components-product-metadata {
    grid-row: 2;
}

.krewards_mini-cart_product_card .wc-block-cart-item__prices {
    grid-row: 3;
}

.krewards_mini-cart_product_card .wc-block-cart-item__quantity {
    grid-row: 4 !important;
}

button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--plus {
    font-weight: 800;
    font-size: 16px;
}

button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--minus {
    font-weight: 800;
    font-size: 16px;
}

/* MARK: CSS Popup Filtri */
.krewards_filters_popup {
    min-height: 500px;
    height: auto;
    margin: 1em;
}

.krewards_filters_popup .makeiteasy-popup-overlay {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100dvw;
    height: 100dvh;
}

.krewards_filters_popup .makeiteasy-popup-wrapper {
    border-radius: 1.5em;
    padding: 0;
    height: fit-content;
    bottom: 0;
    top: auto !important;
}

.krewards_filters_popup .makeiteasy-popup-content-wrapper {
    padding: .5em 1em;
    height: auto;
}

/* Checkbox 
.krewards_filters_popup .wc-block-components-checkbox>label {
    background-color: #3A3A3F;
    border-radius: 1.5em;
    padding: .5em 1em;
    text-align: center;
}

.krewards_filters_popup .wc-block-components-checkbox>label>input,
.krewards_filters_popup .wc-block-components-checkbox>label>svg {
    opacity: 0;
    visibility: hidden;
    position: absolute !important;
}

.krewards_filters_popup .wc-block-components-checkbox>label:has(>input:checked) {
    background-color: white;
    color: black;
}

.krewards_filters_popup .wc-block-attribute-filter .wc-block-attribute-filter-list {
    display: flex;
    gap: .25em
}
*/

/* WP Notice Style (Eventi) */
.krewards_store-notices .wc-block-components-notice-banner {
    border-radius: 1em;
}

.krewards_store-notices .wc-block-components-notice-banner.is-success {
    background-color: #2D2D32;
}

.krewards_store-notices .is-success .button {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: .5em;
    padding: .5em !important;
    box-sizing: border-box;
    text-decoration: none;

    background: linear-gradient(to top, rgba(192, 148, 0, 1), rgba(255, 204, 0, 1), rgba(255, 221, 0, 1)) !important;
    color: #332900 !important;
    font-size: 16px;
    font-weight: 800 !important;
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward {
    opacity: 1 !important;
}


/* Checkout Page (Hack brutti per template php) */
.woocommerce-checkout #customer_details>*,
.woocommerce-checkout .woocommerce-checkout-review-order-table {
    width: 100% !important
        /* Scusa cuscì */
}

.woocommerce-checkout-review-order-table {
    border-collapse: collapse;
}

.woocommerce-checkout-review-order-table .cart-subtotal,
.woocommerce-checkout-review-order-table .order-total {
    border-top: 1px solid #2D2D33 !important;
    padding-top: 1em !important;
}

.woocommerce-checkout-review-order-table tr {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5em
}

.woocommerce-checkout-review-order-table .order-total {
    font-size: 1.25em;
}

.woocommerce-checkout-review-order-table .woocommerce-Price-amount {
    color: #FFCC00
}

.woocommerce-checkout-review-order-table .woocommerce-Price-currencySymbol {
    margin-left: 0;
}

.woocommerce-checkout-review-order-table .woocommerce-Price-currencySymbol::before {
    content: "Punti"
}

tr.cart_item {
    font-size: .75em;
}

.woocommerce-checkout .woocommerce {
    margin: 0 auto;
}

.woocommerce-checkout .entry-content {
    max-width: 820px;

}

/* ACTION BUTTON (camma: creiamone uno solo per uniformità)
a.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-checkout-button-block.wc-block-mini-cart__footer-checkout.contained {
    background: linear-gradient(to top, rgba(192, 148, 0, 1), rgba(255, 204, 0, 1), rgba(255, 221, 0, 1));
    color: #332900 !important;
    font-size: 16px;
    font-weight: 800 !important;
    width: 90%;
    border-radius: 24px;
    text-transform: uppercase;
}

button.single_add_to_cart_button.button.alt.wp-element-button {
    background: linear-gradient(to top, rgba(192, 148, 0, 1), rgba(255, 204, 0, 1), rgba(255, 221, 0, 1));
    color: #332900 !important;
    font-size: 16px;
    font-weight: 800 !important;
    width: 80%;
    border-radius: 24px;
} */
.empty-cart-wrapper.krewards_primary-button.single_add_to_cart_button.button.alt.wp-element-button{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

a.svuota_carrello{
    color: #332900 !important;
}

button#place_order,
.krewards_primary-button,
button.single_add_to_cart_button.button.alt.wp-element-button,
a.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-checkout-button-block.wc-block-mini-cart__footer-checkout.contained {
    background: linear-gradient(to top, rgba(192, 148, 0, 1), rgba(255, 204, 0, 1), rgba(255, 221, 0, 1));
    color: #332900 !important;
    font-size: 16px;
    font-weight: 800 !important;
    width: 100%;
    border-radius: 26px;
    text-transform: uppercase;
    box-sizing: border-box;
    height: 52px;
    box-shadow: 0px 2px 8px #000;
    border: 2px solid #FD0;
    /* camma: Questo risolve il problema della larghezza del bottone, poichè calcola il padding entro i limiti dell'elemento e non fuori */
}

    .empty-cart-wrapper.krewards_svuota-carrello {
        background: white !important;
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: 500;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
        text-transform: uppercase;
        border-radius: 26px;
        font-weight: 600 !important;
    }
    a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
        background: linear-gradient(to top, rgba(192, 148, 0, 1), rgba(255, 204, 0, 1), rgba(255, 221, 0, 1));
    color: #332900 !important;
    font-size: 14px;
    font-weight: 800 !important;
    border-radius: 26px;
    text-transform: uppercase;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px #000;
    border: 2px solid #FD0;
    padding: 10px !important;
    }

a#acquista_coins {
    background: linear-gradient(to top, rgba(192, 148, 0, 1), rgba(255, 204, 0, 1), rgba(255, 221, 0, 1));
    color: #332900 !important;
    font-size: 14px;
    font-weight: 800 !important;
    border-radius: 26px;
    text-transform: uppercase;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px #000;
    border: 2px solid #FD0;
    padding: 10px !important;
}

.wp-block-button.acquista_coins {
    width: 100% !important;
}

.wp-block-button.acquista_coins .wp-element-button.wp-block-button__link{
    width: 100%;
    background: linear-gradient(to top, rgba(192, 148, 0, 1), rgba(255, 204, 0, 1), rgba(255, 221, 0, 1));
    color: #332900 !important;
    font-size: 16px;
    font-weight: 800 !important;
    border-radius: 26px;
    text-transform: uppercase;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px #000;
    border: 2px solid #FD0;
    padding: 10px 5px !important;
    margin-bottom: 30px !important;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child {
    color: black;
    padding-bottom: 10px;
}

.wp-block-woocommerce-cart .wp-block-woocommerce-cart-order-summary-totals-block{
    display: none;
}

.wp-block-woocommerce-cart .krewards_product_card {
    margin: 16px 0;
}

/* Woocommerce select "Ordina per */
.woocommerce.wc-block-catalog-sorting select.orderby {
    appearance: none; /* Rimuove lo stile di default */
    -webkit-appearance: none;
    -moz-appearance: none;

    background-color: #1c1c1c; /* Sfondo scuro */
    color: #d1d1d1; /* Testo chiaro */

    border: none;
    border-radius: 20px; /* Bordo arrotondato */
    padding: 10px 40px 10px 15px; /* Spaziatura interna */
    cursor: pointer;
    outline: none;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    background-image: url('icons/chevron-down.svg'); /* Usa l'icona come background */
    background-repeat: no-repeat;
    background-position: right 15px center; /* Posiziona l'icona a destra */
    background-size: 16px; /* Adatta la dimensione dell'icona */
}

/* Effetto hover */
.woocommerce.wc-block-catalog-sorting select.orderby:hover {
    background-color: #292929;
}

/* Effetto focus */
.woocommerce.wc-block-catalog-sorting select.orderby:focus {
    background-color: #333;
}

/* Stile per le opzioni */
.woocommerce.wc-block-catalog-sorting select.orderby option {
    background-color: #1c1c1c;
    color: #fff;
    padding: 10px;
}


.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child    {
    color: white;
}

.wc-block-components-notice-banner.is-error .wc-block-components-notice-banner__content:last-child{
    color: black !important;
}