/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 28 2025 | 10:25:55 */
:root {
	--green: #1CDE43;
	--yellow: #FFDC00;
	--white: #FFF;
	--font: #121E14;
	--bg: #F3FCF4;
	--red: #ff0000;
	--dark: #070C08;
	--trans: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	--shadow: 0 2px 8px #00000025;
	--n-radius: 10px;
	--s-radius: 5px;
}

/********************
Iubenda
********************/
div.iub__us-widget {
	display: none !important;
}

#iubenda-cs-banner .iubenda-cs-opt-group .iubenda-cs-opt-group-consent button.iubenda-cs-accept-btn {
	background-color: var(--green) !important;
}
#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-customize-btn,
#iubenda-cs-banner .iubenda-cs-opt-group .iubenda-cs-opt-group-consent button.iubenda-cs-reject-btn {
	background-color: white !important;
	border: 2px solid var(--green) !important;
	color: var(--green) !important;
}

/********************
Generale
********************/
.grecaptcha-badge {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}
body {
	background-color: var(--bg);
}
a {
	transition: var(--trans);
	position: relative;
}
a:hover {text-decoration: none;}

.woocommerce-checkout .wc-block-components-checkout-place-order-button {
	padding: 0 !important;
	transition: var(--trans) !important;
}

.woocommerce-checkout .wc-block-components-checkout-place-order-button,
#custom-cart .wc-proceed-to-checkout > .checkout-button,
.single-product.woocommerce form.cart button.single_add_to_cart_button,
.uk-button-secondary,
.uk-button-primary,
.best-sellers__wrapper .el-link,
.woocommerce-page .woocommerce-Button {
	font-weight: 800;
	font-style: italic;
	border-radius: var(--n-radius);
	font-size: 16px;
	letter-spacing: 0;
	line-height: 40px;
	padding: 5px 20px;
	box-shadow: var(--shadow);
	transition: var(--trans);
	overflow: hidden;
	border: none;
	color: white;
}

#custom-cart .wc-proceed-to-checkout > .checkout-button,
.single-product.woocommerce form.cart button.single_add_to_cart_button,
.best-sellers__wrapper .el-link {
	width: 100%;
}

.woocommerce-checkout .wc-block-components-checkout-place-order-button,
#custom-cart .wc-proceed-to-checkout > .checkout-button,
.single-product.woocommerce form.cart button.single_add_to_cart_button,
.uk-button-secondary,
.best-sellers__wrapper .el-link {
	background-color: var(--green);
}
.uk-button-primary {
	background-color: var(--dark);
}

#custom-cart .wc-proceed-to-checkout > .checkout-button:hover,
.single-product.woocommerce form.cart button.single_add_to_cart_button:hover,
.uk-button-secondary:hover,
.uk-button-primary:hover,
.best-sellers__wrapper .el-link:hover {
	border: none;
	color: white;
}

.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
#custom-cart .wc-proceed-to-checkout > .checkout-button:hover,
.single-product.woocommerce form.cart button.single_add_to_cart_button:hover,
.uk-button-secondary:hover,
.best-sellers__wrapper .el-link:hover {
	background-color: var(--dark);
}
.uk-button-primary:hover {
	background-color: var(--green);
}

.woocommerce-checkout .wc-block-components-checkout-place-order-button:active,
#custom-cart .wc-proceed-to-checkout > .checkout-button:active,
.single-product.woocommerce form.cart button.single_add_to_cart_button:active,
.uk-button-primary:active,
.uk-button-secondary:active,
.best-sellers__wrapper .el-link:active,
.footer .social-link__wrapper a:active,
.woocommerce-page .woocommerce-Button:active {
	top: 2px;
}

.uk-button-primary svg,
.uk-button-secondary svg,
.best-sellers__wrapper .el-link svg {
	margin-left: 10px;
}
.uk-button-primary:hover svg,
.uk-button-secondary:hover svg,
.best-sellers__wrapper .el-link:hover svg {
	transform: translateX(150px);
}

.uk-button-primary *,
.uk-button-secondary *,
.best-sellers__wrapper .el-link * {
	transition: var(--trans);
}

.best-sellers__wrapper .el-item .tm-source-woo-price del span {
	color: var(--dark);
}
.best-sellers__wrapper .el-item .tm-source-woo-price del {
	color: red;
	font-size: 18px;
	letter-spacing: 0;
	font-weight: 900;
}
.best-sellers__wrapper .el-item .tm-source-woo-price del::before {
	content: 'Sconto';
	position: absolute;
    top: 5px;
    left: 5px;
    color: white;
    padding: 10px 20px;
    font-size: 21px;
    background-color: red;
    font-weight: 900;
    font-style: italic;
    font-family: 'Fira Sans';
    border-radius: 10px;
	text-transform: none;
}

.uk-navbar-container {
	background-color: transparent !important;
}
.uk-navbar-container .uk-navbar {
	background-color: white;
	border-radius: 20px;
	box-shadow: var(--shadow);
	padding-left: 10px;
	padding-right: 10px;
}

.uk-navbar-nav>li>a {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
}

.tm-top.uk-section-default.uk-section {
	background-color: transparent;
	padding-top: 10px;
	padding-bottom: 0;
	position: sticky;
	top: -10px;
	z-index: 99;
}

.tm-top.uk-section-default.uk-section .widget_custom_html {
	padding-left: 20px;
	padding-right: 20px;
	background-color: var(--yellow);
	border-radius: 20px;
	box-shadow: var(--shadow);
}

:focus-visible {
	outline: none !important;
}

/********************
CF7
********************/
.cf7__wrapper input.wpcf7-submit:disabled {
	background-color: #dfdede !important;
	border-color: #dfdede !important;
}

.cf7__wrapper > p:last-child {
	position: relative;
}
.cf7__wrapper > p:last-child:has(input.wpcf7-submit:disabled)::before {
	text-align: center;
}
.cf7__wrapper > p:last-child:has(input.wpcf7-submit:disabled)::before {
	content: 'Consenti al trattamento dei dati personali per inviare la richiesta';
	position: absolute;
	left: 0;
	right: 0;
	top: -20px;
	font-size: 9px;
	color: var(--red);
	font-weight: 700;
	line-height: 1;
}

#privacy-box {
	padding: 10px 0 25px 0; 
}

#privacy-box .wpcf7-list-item {
	margin: 0;
}

#privacy-box * {
	font-size: 14px;
}

#privacy-box p a {
	color: var(--green);
	font-weight: 800;
}

#privacy-box > p {
	display: inline-block;
}

.cf7__wrapper {
	background-color: white;
	border-radius: var(--n-radius);
	box-shadow: var(--shadow);
	padding: 20px;
	max-width: 500px;
	/*background-color: #F8F9FA;*/
	background-color: white;
}

.cf7__wrapper .uk-button.uk-button-secondary {
	background-color: var(--green) !important;
	color: white !important;
	border: none !important;
}

.cf7__wrapper .uk-button.uk-button-secondary:hover {
	background-color: var(--dark) !important;
}

.cf7__wrapper > p:nth-child(2) {
	text-align: center;
	padding-bottom: 20px;
}
.cf7__wrapper > p {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

.cf7__wrapper > p > span {
	display: flex;
	flex-direction: column;
}

.cf7__wrapper .input,
.cf7__wrapper .textarea {
	border: 0.5px solid black;
	border-radius: 3px;
	font-size: 16px;
	color: black;
	padding-left: 5px;
	background-color: white;
	font-family: Martel;
}

.cf7__wrapper .input {
	height: 40px;
}

.cf7__wrapper .textarea {
	resize: vertical;
	max-height: 300px;
	height: 100%;
	padding-top: 5px;
}

.cf7__wrapper .input::placeholder,
.cf7__wrapper .textarea::placeholder {
	font-size: 14px !important;
	line-height: 100%;
	color: #b3b3b3;
	font-family: Martel;
}

.cf7__wrapper .input:focus,
.cf7__wrapper .textarea:focus {
	border: 1px solid black;
	outline: 0;
}

.cf7__wrapper .wpcf7-not-valid-tip {
    font-size: 12px;
	margin-top: 5px;
	color: var(--red);
}

.cf7__wrapper .wpcf7-not-valid {
	border-color: var(--red);
}

.wpcf7-response-output {
	max-width: 500px;
}

form.wpcf7-form.invalid .wpcf7-response-output {
	color: black;
}
form.wpcf7-form.error .wpcf7-response-output,
form.wpcf7-form.sent .wpcf7-response-output {
	color: white;
}
form.wpcf7-form.error .wpcf7-response-output,
form.wpcf7-form.invalid .wpcf7-response-output,
form.wpcf7-form.sent .wpcf7-response-output {
	max-width: 500px;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    border-radius: var(--xs);
    box-shadow: var(--shadow);
    font-weight: 700;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

form.wpcf7-form.invalid .wpcf7-response-output {
    background-color: var(--yellow);
    border: 1px solid var(--yellow);
}
form.wpcf7-form.sent .wpcf7-response-output {
    background-color: var(--green);
    border: 1px solid var(--green);	
}

form.wpcf7-form.error .wpcf7-response-output {
    background-color: var(--red);
    border: 1px solid var(--red);	
}

form.wpcf7-form.sent .wpcf7-response-output::before,
form.wpcf7-form.error .wpcf7-response-output::before,
form.wpcf7-form.invalid .wpcf7-response-output::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	height: 20px;
	width: 20px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

form.wpcf7-form.error .wpcf7-response-output::before,
form.wpcf7-form.sent .wpcf7-response-output::before {
	background-image: url('/wp-content/uploads/2025/07/icon-check-white.svg');
}
form.wpcf7-form.invalid .wpcf7-response-output::before {
	background-image: url('/wp-content/uploads/2025/07/alert-icon-black.svg');
}

/********************
Shortcuts
********************/
.flex {display: flex;}
.vertical {align-items: center;}
.horizontal {justify-content: center;}
.column {flex-direction: column;}
.relative {position: relative;}
.absolute {position: absolute;}

.bg,
.product_cat-best-seller,
.product_cat-guinzaglio,
.product_cat-collare-personalizzato,
.product_cat-collare-alfa {
	background-color: var(--bg);
}

.bg-white {background-color: white;}

.bg-dark {background-color: var(--font);}
.bg-dark * {
	color: white;
}

.c-gap-s {column-gap: 10px;}
.c-gap-m {column-gap: 20px;}

.color-green {
	color: var(--green);
	font-weight: 900;
}

/********************
Tipografia
********************/
h1 {
	font-size: 50px;
	font-weight: 900;
	font-style: italic;
	letter-spacing: 2px;
	color: var(--font);
	line-height: 120%;
}

h2,
h3 {
	font-weight: 900;
	font-style: italic;
}

h2 {
	font-size: 36px;
	letter-spacing: 2px;
}

.legal_content a {
	font-weight: 900;
	color: var(--green);
}

.legal_content li:not(:first-child) {
	margin-top: 5px;
}

.legal_content li,
p {
	font-size: 16px;
	letter-spacing: 0;
	line-height: 120%;
	color: var(--font);
}

header .uk-navbar-dropdown-nav .menu-item a {
	font-size: 16px;
	color: #2d2e33;
	letter-spacing: 0;
	font-weight: 700;
	position: relative;
}

.tm-header .uk-navbar-dropdown li a::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	background-color: var(--green);
	width: 0;
	transition: var(--trans);
}
.tm-header .uk-navbar-dropdown li a:hover::before {
	width: 100%;
}

header .uk-navbar-dropdown-nav .menu-item.uk-active a,
.tm-header .uk-navbar-nav .uk-active a {
	font-weight: 900;
}

header .uk-navbar-dropdown-nav .menu-item.uk-active a::before {
	bottom: 0 !important;
}
header .uk-navbar-dropdown-nav .menu-item.uk-active a::before,
.tm-header .uk-navbar-nav .uk-active a::before {
	content: '';
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	height: 3px;
	background-color: var(--green);
	width: 100% !important;
}

.tm-header .uk-navbar-nav .menu-item a::before {
	content: '';
	transition: var(--trans);
	position: absolute;
	bottom: 20px;
	left: 0;
	height: 3px;
	background-color: var(--green);
	width: 0;
}

.tm-header .uk-navbar-nav .menu-item a:hover::before {
	width: 100%;
}

/********************
SINGLE PRODUCT PAGE
********************/
.single-product.woocommerce .wc-pao-addon-name {
	font-family: 'Fira Sans';
	font-weight: 900;
	font-style: italic;
	color: var(--dark);
	font-size: 18px;
	text-transform: none;
	padding-top: 30px;
	padding-bottom: 10px;
}

.single-product.woocommerce .wc-pao-addon-name .required {
	color: red;
}

.single-product.woocommerce #colore-principale {
	margin-top: -20px;
}

.single-product.woocommerce .wc-pao-addon-description > p {
	margin-bottom: 0;
}
.single-product.woocommerce .wc-pao-addon-description {
	padding-top: 10px;
}

.single-product.woocommerce .wc-pao-addon-wrap input.input-text::placeholder {
	font-size: 14px;
	font-style: italic;
}
.single-product.woocommerce .wc-pao-addon-wrap input.input-text {
	max-width: 200px;
	border-radius: 5px;
	border: 1px solid black;
}

.single-product.woocommerce .product_cat-guinzaglio .misura__wrapper {
	display: none;
	visibility: hidden;
}

.single-product.woocommerce .misura__wrapper {
	margin-bottom: 0;
}
.single-product.woocommerce .misura__wrapper h3,
.single-product.woocommerce .misura__wrapper p {
	margin: 0;
}

#vuoi-l-imbottitura-morbida-all-interno-della-maniglia .form-row > div label,
#vuoi-l-imbottitura-morbida-all-interno-della-maniglia .form-row > div,
#vuoi-l-imbottitura-morbida-all-interno-della-maniglia .form-row,
#vuoi-l-imbottitura-morbida-all-interno-del-collare .form-row > div label,
#vuoi-l-imbottitura-morbida-all-interno-del-collare .form-row > div,
#vuoi-l-imbottitura-morbida-all-interno-del-collare .form-row,
#larghezza-del-collare .form-row > div label,
#larghezza-del-collare .form-row > div,
#larghezza-del-collare .form-row,
#larghezza-del-guinzaglio .form-row > div label,
#larghezza-del-guinzaglio .form-row > div,
#larghezza-del-guinzaglio .form-row,
#larghezza-della-pettorina .form-row > div label,
#larghezza-della-pettorina .form-row > div,
#larghezza-della-pettorina .form-row,
/*#vuoi-il-nome-ricamato-sulla-maniglia .form-row > div label,
#vuoi-il-nome-ricamato-sulla-maniglia .form-row > div,
#vuoi-il-nome-ricamato-sulla-maniglia .form-row,*/
#vuoi-il-nome-ricamato .form-row > div label,
#vuoi-il-nome-ricamato .form-row > div,
#vuoi-il-nome-ricamato .form-row,
#vuoi-dettagli-catarifrangenti .form-row > div label,
#vuoi-dettagli-catarifrangenti .form-row > div,
#vuoi-dettagli-catarifrangenti .form-row,
#vuoi-una-maniglia-aggiuntiva-a-40-cm .form-row > div label,
#vuoi-una-maniglia-aggiuntiva-a-40-cm .form-row > div,
#vuoi-una-maniglia-aggiuntiva-a-40-cm .form-row,
#lunghezza-del-guinzaglio .form-row > div label,
#lunghezza-del-guinzaglio .form-row > div,
#lunghezza-del-guinzaglio .form-row,
#vuoi-aggiungere-un-altro-colore .form-row > div label,
#vuoi-aggiungere-un-altro-colore .form-row > div,
#vuoi-aggiungere-un-altro-colore .form-row {
	display: flex;
	align-items: center;	
}

#vuoi-dettagli-catarifrangenti .form-row,
#vuoi-l-imbottitura-morbida-all-interno-della-maniglia .form-row,
#vuoi-l-imbottitura-morbida-all-interno-del-collare .form-row,
#larghezza-del-collare .form-row,
#larghezza-del-guinzaglio .form-row,
#larghezza-della-pettorina .form-row,
/*#vuoi-il-nome-ricamato-sulla-maniglia .form-row,*/
#vuoi-il-nome-ricamato .form-row,
#vuoi-una-maniglia-aggiuntiva-a-40-cm .form-row,
#lunghezza-del-guinzaglio .form-row,
#vuoi-aggiungere-un-altro-colore .form-row {
	column-gap: 10px;
}

#vuoi-dettagli-catarifrangenti .form-row > div,
#vuoi-l-imbottitura-morbida-all-interno-della-maniglia .form-row > div,
#vuoi-l-imbottitura-morbida-all-interno-del-collare .form-row > div,
#larghezza-del-collare .form-row > div,
#larghezza-del-guinzaglio .form-row > div,
#larghezza-della-pettorina .form-row > div,
/*#vuoi-il-nome-ricamato-sulla-maniglia .form-row > div,*/
#vuoi-il-nome-ricamato .form-row > div,
#vuoi-una-maniglia-aggiuntiva-a-40-cm .form-row > div,
#lunghezza-del-guinzaglio .form-row > div,
#vuoi-aggiungere-un-altro-colore .form-row > div {
	column-gap: 5px;
}

#vuoi-dettagli-catarifrangenti,
#vuoi-l-imbottitura-morbida-all-interno-della-maniglia,
#vuoi-l-imbottitura-morbida-all-interno-del-collare,
#larghezza-del-collare,
#larghezza-del-guinzaglio,
#larghezza-della-pettorina,
#vuoi-una-maniglia-aggiuntiva-a-40-cm,
/*#vuoi-il-nome-ricamato-sulla-maniglia,*/
#vuoi-il-nome-ricamato,
#vuoi-aggiungere-un-altro-colore,
#lunghezza-del-guinzaglio {
	position: relative;
	margin-bottom: 10px;
}

#vuoi-dettagli-catarifrangenti .wc-pao-validation-notice,
#larghezza-del-collare .wc-pao-validation-notice,
#larghezza-del-guinzaglio .wc-pao-validation-notice,
#larghezza-della-pettorina .wc-pao-validation-notice,
/*#vuoi-l-imbottitura-morbida-all-interno-della-maniglia .wc-pao-validation-notice,*/
#vuoi-l-imbottitura-morbida-all-interno-del-collare .wc-pao-validation-notice,
#vuoi-una-maniglia-aggiuntiva-a-40-cm .wc-pao-validation-notice,
/*#vuoi-il-nome-ricamato-sulla-maniglia .wc-pao-validation-notice,*/
#vuoi-il-nome-ricamato .wc-pao-validation-notice,
#vuoi-aggiungere-un-altro-colore .wc-pao-validation-notice,
#lunghezza-del-guinzaglio .wc-pao-validation-notice {
	position: absolute;
	bottom: -20px;
	left: 0;
}

#vuoi-dettagli-catarifrangenti .form-row > div label,
#vuoi-l-imbottitura-morbida-all-interno-della-maniglia .form-row > div label,
#vuoi-l-imbottitura-morbida-all-interno-del-collare .form-row > div label,
#larghezza-del-collare .form-row > div label,
#larghezza-del-guinzaglio .form-row > div label,
#larghezza-della-pettorina .form-row > div label,
/*#vuoi-il-nome-ricamato-sulla-maniglia .form-row > div label,*/
#vuoi-il-nome-ricamato .form-row > div label,
#vuoi-una-maniglia-aggiuntiva-a-40-cm .form-row > div label,
#lunghezza-del-guinzaglio .form-row > div label,
#vuoi-aggiungere-un-altro-colore .form-row > div label {
	color: black;
}

.single-product.woocommerce #vuoi-dettagli-catarifrangenti .form-row .wc-pao-addon-price,
.single-product.woocommerce #scrivi-il-nome-del-cane .wc-pao-addon-price,
.single-product.woocommerce #vuoi-l-imbottitura-morbida-all-interno-del-collare .form-row .wc-pao-addon-price,
.single-product.woocommerce #vuoi-l-imbottitura-morbida-all-interno-della-maniglia .form-row .wc-pao-addon-price,
.single-product.woocommerce .wc-pao-addon-image-swatch-price .wc-pao-addon-price,
.single-product.woocommerce #larghezza-del-collare .form-row .wc-pao-addon-price,
.single-product.woocommerce #larghezza-del-guinzaglio .form-row .wc-pao-addon-price,
.single-product.woocommerce #larghezza-della-pettorina .form-row .wc-pao-addon-price,
/*.single-product.woocommerce #vuoi-il-nome-ricamato-sulla-maniglia .form-row .wc-pao-addon-price,*/
.single-product.woocommerce #vuoi-il-nome-ricamato .form-row .wc-pao-addon-price,
.single-product.woocommerce #vuoi-una-maniglia-aggiuntiva-a-40-cm .form-row .wc-pao-addon-price,
.single-product.woocommerce #lunghezza-del-guinzaglio .form-row .wc-pao-addon-price {
	font-size: 0;
}

.single-product.woocommerce .product_cat-collare-alfa #scegli-il-colore-del-ricamo .form-row .wc-pao-addon-image-swatch:first-child,
.single-product.woocommerce #scegli-il-colore-dell-imbotittura .form-row .wc-pao-addon-image-swatch:first-child,
.single-product.woocommerce #doppio-anello-a-d-per-l-aggancio .form-row .wc-pao-addon-image-swatch:first-child,
.single-product.woocommerce #scegli-il-colore-dell-imbotittura .form-row .wc-pao-addon-image-swatch:first-child,
.single-product.woocommerce #colore-secondario-facoltativo .form-row .wc-pao-addon-image-swatch:first-child {
	display: none;
}
.single-product.woocommerce .configs input.wc-pao-addon-radio {
	height: 30px;
	width: 100px !important;
	border-radius: 5px;
	border: 1px solid black;
	background-color: white;
}

.single-product.woocommerce .configs input.wc-pao-addon-radio:checked {
	background-color: var(--green) !important;
}


.single-product.woocommerce .configs input.wc-pao-addon-radio:checked + label {
	color: white !important;
	font-weight: 900;
}

.single-product.woocommerce .form-row > div {
	position: relative;
}

.single-product.woocommerce .form-row > div * {
	cursor: pointer;
}

.single-product.woocommerce .form-row > div label {
	position: absolute;
	top: calc(50% - 1px);
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Fira Sans';
    font-weight: 900;
    font-style: italic;
}

.single-product.woocommerce input[type=radio]:checked {
	background-image: none;
}

.single-product.woocommerce #product-addons-total,
.single-product.woocommerce .woocommerce-notices-wrapper,
.single-product.woocommerce .product-addon-totals ul li:not(:last-child),
.single-product.woocommerce form.cart .invisible {
	display: none;
}

.single-product.woocommerce form.cart .disabled {

}
.single-product.woocommerce .product_cat-guinzaglio-a-tracolla form.cart #vuoi-l-imbottitura-morbida-all-interno-della-maniglia .disabled::before,
.single-product.woocommerce .product_cat-guinzaglio form.cart #vuoi-il-nome-ricamato-sulla-maniglia .disabled::before,
.single-product.woocommerce form.cart #larghezza-del-collare .disabled::before {
	top: -4px;
}
.single-product.woocommerce form.cart .disabled::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url('/wp-content/uploads/2025/07/forbidden.png');
	background-color: #ffffffba;
	background-position: center center;
	background-size: 25px;
    background-repeat: no-repeat;
	z-index: 100;
}

.single-product.woocommerce .prezzo-originale {
	position: relative;
	font-size: 21px;
}
.single-product.woocommerce .prezzo-originale::before {
	content: '';
	position: absolute;
	height: 1px;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: red;
}

.single-product.woocommerce .addon-error-message {
    font-size: small;
    line-height: 1.1em;
    margin-top: 5px;
}

.single-product.woocommerce .addon-error-message,
.single-product.woocommerce .wc-pao-validation-notice {
	color: red;
	font-size: 14px;
	font-weight: 800;
}

.single-product.woocommerce .product-addon-totals,
.single-product.woocommerce .product-addon-totals ul li:last-child {
	border: none;
}

.single-product.woocommerce .product-addon-totals .wc-pao-subtotal-line .price {
	width: 100%;
}
.single-product.woocommerce div.product-addon-totals {
	margin: 0 0 20px 0;
	padding: 0px;
}
.single-product.woocommerce form.cart .prezzo-sub {
    margin: 20px 0 20px 0;
    padding: 10px 0 10px 0;
	display: block;
}

.product_cat-social-upsell .prezzo-sub,
.single-product.woocommerce form.cart .prezzo-sub,
.single-product.woocommerce .product-addon-totals .wc-pao-subtotal-line .price {
	font-size: 34px;
    line-height: 1.4;
    font-family: 'Fira Sans';
	color: var(--dark);
	font-weight: 900;
    font-style: italic;
}

.single-product.woocommerce .colore-secondario,
.single-product.woocommerce .misure-collor {
	position: relative;
}

.single-product.woocommerce .colore-secondario .color-green,
.single-product.woocommerce .misure-collor .color-green {
	cursor: pointer;
}

.single-product.woocommerce .colore-secondario .color-green::before,
.single-product.woocommerce .misure-collor .color-green::before {
	content: '';
	position: absolute;
	height: 300px;
	width: 300px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease;
	border: 2px solid var(--green);
	box-shadow: var(--shadow);
	border-radius: 10px;
	left: 0;
}

.single-product.woocommerce .product_cat-collare-alfa .misure-collor .color-green::before {
	background-image: url('/wp-content/uploads/2025/11/misure-collare-alfa.webp');
}

.single-product.woocommerce .colore-secondario .color-green::before {
	background-image: url('/wp-content/uploads/2025/07/immagine-scelta-del-colore-secondario.jpeg');
}
.single-product.woocommerce .misure-collor .color-green::before {
	background-image: url('/wp-content/uploads/2025/06/img-misurare-collo.webp');
}

.single-product.woocommerce .colore-secondario .color-green:hover::before,
.single-product.woocommerce .misure-collor .color-green:hover::before {
	opacity: 1;
	visibility: visible;	
}

.single-product #contatta,
.postid-620 #custom-product__wrapper {
	display: none;
}

.postid-620.single-product #contatta {
	display: flow-root;
}

#scrivi-il-nome-del-cane label,
#scegli-il-colore-del-ricamo label,
#scegli-il-colore-della-maniglia label {
	position: relative;
}

#scrivi-il-nome-del-cane label::before,
#scegli-il-colore-del-ricamo label::before,
#scegli-il-colore-della-maniglia label::before {
	content: '*';
	position: absolute;
	right: -13px;
	top: 32px;
	font-size: 18px;
	font-weight: 900;
	font-family: 'Fira Sans';
	color: red;
}

form.cart .wc-pao-addon-image-swatch {
	cursor: pointer;
}

#tipo-di-pettorina .form-row .wc-pao-addon-image-swatch.selected,
#tipo-di-fibbia .form-row .wc-pao-addon-image-swatch.selected,
#scegli-il-taschino-aggiuntivo .form-row .wc-pao-addon-image-swatch.selected,
#scegli-il-colore-dell-imbotittura .form-row .wc-pao-addon-image-swatch.selected,
#quanti-anelli-a-d-per-l-aggancio-del-guinzaglio .form-row .wc-pao-addon-image-swatch.selected,
#tipo-di-collare .form-row .wc-pao-addon-image-swatch.selected,
#colore-secondario-facoltativo .form-row .wc-pao-addon-image-swatch.selected,
#colore-del-tessuto-all-interno-della-maniglia .form-row .wc-pao-addon-image-swatch.selected,
#colore-principale .form-row .wc-pao-addon-image-swatch.selected,
#scegli-il-colore-del-ricamo .form-row .wc-pao-addon-image-swatch.selected,
#scegli-il-colore-della-maniglia .form-row .wc-pao-addon-image-swatch.selected {
	position: relative;
	outline-width: 4px;
}

#tipo-di-fibbia .form-row .wc-pao-addon-image-swatch.selected::before,
#tipo-di-pettorina .form-row .wc-pao-addon-image-swatch.selected::before,
#scegli-il-taschino-aggiuntivo .form-row .wc-pao-addon-image-swatch.selected::before,
#scegli-il-colore-dell-imbotittura .form-row .wc-pao-addon-image-swatch.selected::before,
#quanti-anelli-a-d-per-l-aggancio-del-guinzaglio .form-row .wc-pao-addon-image-swatch.selected::before,
#tipo-di-collare .form-row .wc-pao-addon-image-swatch.selected::before,
#colore-secondario-facoltativo .form-row .wc-pao-addon-image-swatch.selected::before,
#colore-del-tessuto-all-interno-della-maniglia .form-row .wc-pao-addon-image-swatch.selected::before,
#colore-principale .form-row .wc-pao-addon-image-swatch.selected::before,
#scegli-il-colore-del-ricamo .form-row .wc-pao-addon-image-swatch.selected::before,
#scegli-il-colore-della-maniglia .form-row .wc-pao-addon-image-swatch.selected::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/*background-image: url('/wp-content/uploads/2025/06/icon-check-out.svg');*/
	background-image: url('/wp-content/uploads/2025/07/selezione.png');
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #ffffffba;
}

.single-product.woocommerce .wc-pao-addon-image-swatch-selected-swatch {
	font-size: 18px;
	margin: 5px 0;
	font-weight: 900;
	font-family: 'Fira Sans';
	color: var(--green);
	font-style: italic;
}


.single-product.woocommerce .outofstock .misura__wrapper {
	position: relative;
}
.single-product.woocommerce .outofstock .misura__wrapper::before {
	content:'Modello esaurito';
	position: absolute;
	left: 0;
    right: 0;
    top: 0;
	font-size: 24px;
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 900;
	color: var(--dark);
	padding: 10px 20px;
	background-color: var(--yellow);
	border-radius: 10px;
	text-align: center;
}
.single-product.woocommerce .outofstock .misura__wrapper::after {
	content: '';
    position: absolute;
    left: 20px;
    top: 5px;
    height: 25px;
    width: 25px;
    background-image: url(/wp-content/uploads/2025/06/icona-attenzione.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
}

.single-product.woocommerce .outofstock .misura__wrapper > h3,
.single-product.woocommerce .outofstock .misura__wrapper > p {
	font-size: 0;
}

.single-product.woocommerce #price-guide .tm-source-woo-price {
	font-size: 0;
}

.single-product .product_carousel .uk-slider-container {
	position: sticky;
	top: 80px;
}

/********************
ACCESSORI
********************/
.product_cat-accessori {
	background-color: var(--bg);
}

.post-1063 #colore-principale .form-row a[data-value="abbinato-al-set-1"],
.post-1062 #colore-principale .form-row a[data-value="abbinato-al-set-1"] {
	display: none;
}

.accessori-grid .el-content {
	position: absolute !important;
	top: -20px;
	left: 10px;
	right: 10px;
}

/********************
PETTORINE
********************/
.product_cat-pettorine {
	background-color: var(--bg);
}

.product_cat-pettorine.post-1093 #misura-antifuga,
.product_cat-pettorine.post-1091 #misura-ad-h {
	margin-top: 0 !important;
}

.product_cat-pettorine.post-1093 #misura-ad-h,
.product_cat-pettorine.post-1091 #misura-antifuga,
.product_cat-pettorine.post-1088 .misura__wrapper {
	display: none;
}

.product_cat-pettorine.post-1088 #tipo-di-pettorina > label {
	padding-top: 0;
}

.product_cat-pettorine-imbottite #scegli-il-colore-dell-imbotittura .form-row .wc-pao-addon-image-swatch:first-child,
.product_cat-pettorine-imbottite #scegli-il-colore-dell-imbotittura {
	display: unset;
}

.product_cat-pettorine #misura-ad-h .misure-collor .color-green::before {
	background-image: url('/wp-content/uploads/2025/09/pettorina-imbottita-ad-H.webp');
}
.product_cat-pettorine #misura-antifuga .misure-collor .color-green::before {
	background-image: url('/wp-content/uploads/2025/09/pettorina-imbottita-antifuga.webp');
}

.product_cat-pettorine .colore-secondario.pettorina .color-green::before {
	background-image: url('/wp-content/uploads/2025/09/pettorina-istruzioni-colore-secondario.webp');
}

/********************
SOCIAL UPSELL
********************/
.product_cat-social-upsell {
	background-color: var(--bg);
}

.uk-box-shadow-bottom::after {
	background-color: #44444463;
}

/********************
HEADER
********************/
.tm-header .uk-navbar-right ul * {
	transition: var(--trans);	
}
.tm-header .uk-navbar-right ul {
	column-gap: 0;
}
.tm-header-mobile .uk-navbar-right li a,
.tm-header .uk-navbar-right li a {
	font-size: 0;
	height: 40px;
	width: 40px;
	display: flex;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
}
.tm-header .uk-navbar-right li a:hover::before {
	width: 0 !important;
}

.tm-header-mobile .uk-navbar-right li:first-child a,
.tm-header .uk-navbar-right li:first-child a {
	background-image: url('https://klcollare.it/wp-content/uploads/2025/02/icona-account.svg')
}
.tm-header-mobile .uk-navbar-right li:last-child a,
.tm-header .uk-navbar-right li:last-child a {
	background-image: url('https://klcollare.it/wp-content/uploads/2025/02/icona-add-to-cart.svg')
}

.tm-header-mobile .uk-navbar-right li:last-child a span,
.tm-header .uk-navbar-right li:last-child a span {
	font-size: 16px;
	color: var(--green);
	font-weight: 900;
	position: absolute;
	top: 15px;
	right: 0;
}

.tm-header .uk-navbar-right li:first-child a:hover {
	background-image: url('https://klcollare.it/wp-content/uploads/2025/02/icona-account-green.svg')
}
.tm-header .uk-navbar-right li:last-child a:hover {
	background-image: url('https://klcollare.it/wp-content/uploads/2025/02/icona-add-to-cart-green.svg')
}

.tm-header .uk-navbar-center .uk-navbar-nav {
	align-items: center;
}

.tm-header .uk-navbar-center ul li:last-child {
	background-color: var(--green);
	display: flex;
	align-items: center;
	justify-content: center;
	max-height: 40px;
	padding: 0 15px;
	border-radius: var(--n-radius);
	transition: var(--trans);
}
.tm-header .uk-navbar-center ul li:last-child:hover {
	background-color: var(--dark);
}

.tm-header .uk-navbar-right .uk-navbar-nav li.uk-active a::before,
.tm-header .uk-navbar-center .uk-navbar-nav li.uk-active a:hover::before,
.tm-header .uk-navbar-center ul li:last-child a:hover::before,
.tm-header .uk-navbar-center ul li:last-child a::before {
	width: 0 !important;
}

.tm-header .uk-navbar-center ul li:last-child a {
	color: white;
	font-style: italic;
}

.uk-navbar-nav>li>a {color: var(--font);}

/********************
Sezioni
********************/
.cta__wrapper .el-item {
	background-color: white;
	box-shadow: var(--shadow);
	border-radius: var(--n-radius);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 20px;
}
.cta__wrapper.cta__wrapper--numbers h3 {
	text-align: left;
	display: flex;
	column-gap: 10px;
	align-items: center;
}
.cta__wrapper.cta__wrapper--numbers h3 span:first-child {
	font-size: 50px;
}

.best-sellers__wrapper .el-item {
	box-shadow: var(--shadow);
	border-radius: var(--n-radius);
	padding: 20px;
	background-color: white;
	position: relative;
}
.best-sellers__wrapper .el-item .uk-panel {
	position: unset;
}
.best-sellers__wrapper .el-item .out-of-stock {
	position: absolute;
	top: 5px;
	right: 5px;
	color: var(--dark);
	padding: 10px 20px;
	font-size: 21px;
	background-color: var(--yellow);
	font-weight: 900;
	font-style: italic;
	font-family: 'Fira Sans';
	border-radius: 10px;
}
.best-sellers__wrapper .el-item .el-meta {
	display: flex;
	align-items: baseline;
    justify-content: end;
	column-gap: 5px;
}
.best-sellers__wrapper .el-item .start {
	text-transform: none;
	font-size: 15px;
	font-style: italic;
	color: var(--dark);
	font-family: 'Fira Sans';
	letter-spacing: 0;
}
.best-sellers__wrapper .el-item a picture {
	overflow: hidden;
}
.best-sellers__wrapper .el-item a picture img {
	transition: var(--trans);
}

.best-sellers__wrapper .el-item:hover a picture img {
	transform: scale(0.9);	
}

.best-sellers__wrapper .el-item .el-title {
	font-size: 21px;
}
.best-sellers__wrapper .el-item > div,
.best-sellers__wrapper .el-item .el-title {
	margin-top: 10px !important;
}

.best-sellers__wrapper .el-item .tm-source-woo-price {
	text-align: right;
	font-size: 32px;
	color: var(--dark);
	font-weight: 900;
	font-style: italic;
}
.product_carousel .uk-slider-nav,
.best-sellers__wrapper .uk-slider-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 5px;
}
.product_carousel .uk-slider-nav li,
.best-sellers__wrapper .uk-slider-nav li {
	height: 25px;
	width: 25px;
	border-radius: 50%;
	border: 1px solid var(--dark);
	padding-left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.product_carousel .uk-slider-nav li a,
.best-sellers__wrapper .uk-slider-nav li a {
	cursor: pointer;
}
.product_carousel .uk-slider-nav li a:hover,
.best-sellers__wrapper .uk-slider-nav li a:hover {
	background-color: var(--green);
}
.product_carousel .uk-slider-nav li.uk-active,
.best-sellers__wrapper .uk-slider-nav li.uk-active {
	width: 45px;
	border-radius: 20px;
}
.product_carousel .uk-slider-nav li.uk-active a,
.best-sellers__wrapper .uk-slider-nav li.uk-active a {
	background-color: var(--green);
	width: 35px;
	border-radius: 20px;
}
.product_carousel .uk-slider-nav li a,
.best-sellers__wrapper .uk-slider-nav li a {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	background-color: var(--dark);
}

.uk-slider-container.best-sellers__wrapper {
	padding-left: 5px;
	padding-right: 5px;
}

.reviews__wrapper .el-content {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 13;
	line-clamp: 13;
	overflow: hidden;
}

.footer h4 {
	text-transform: none;
	font-size: 28px;
	font-weight: 900;
	font-style: italic;
	letter-spacing: 1px;
}

.footer .social-link__wrapper a:hover {
	transform: scale(1.2);
}

.under-footer {
	background-color: #070C08;
}
.under-footer p {
	color: #6D6C6C;
	font-size: 12px;
	line-height: 100%;
	padding: 10px 0;
	margin-bottom: 0;
}

.footer .pagamenti--item {
	background-color: white;
	padding: 5px 10px;
	border-radius: var(--s-radius);
}

.footer .widget_nav_menu li a {
	font-size: 16px;
	color: white;
	text-transform: none;
	font-family: Martel;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 0;
}

.footer .widget_nav_menu ul {
	margin-left: 10px;
}

.footer p,
.footer .widget_nav_menu li a {
	margin: 0;
	padding: 0;
}


.footer .footer-links li:not(:first-child) a {
	margin-top: 5px;
}
.footer .footer-links a {
	transition: var(--trans);
	position: relative;
}

.footer .footer-links a:hover {
	color: white;
	color: #b8b6b6;
}

.footer .footer-links a::before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 2px;
	width: 0;
	background-color: var(--green);
	transition: var(--trans) !important;
}

.footer .footer-links a:hover::before {
	width: 100px;
}


.faq__wrapper .el-item {
	background-color: white;
	padding: 20px 15px;
	border-radius: 20px;
	box-shadow: var(--shadow);
}

.faq__wrapper .el-item .uk-accordion-title {
	font-weight: 900;
	font-style: italic;
}

.faq__wrapper .uk-accordion-title::before {
	border-radius: 50%;
	background-color: var(--green);
	border: 0.5px solid var(--green);
	background-image: url('https://klcollare.it/wp-content/uploads/2025/02/icon-white-plus.svg');
	transition: var(--trans);
}
.faq__wrapper .el-item.uk-open .uk-accordion-title::before,
.faq__wrapper .uk-accordion-title:hover::before {
	background-image: url('https://klcollare.it/wp-content/uploads/2025/02/icon-minus-green.svg');
	background-color: white;
}

.faq__wrapper .uk-accordion>:nth-child(n+2) {
	border-top: 0;
}

.faq__wrapper .el-content p,
.faq__wrapper .el-content li {
	font-size: 15px;
	color: var(--font);
}

.faq__wrapper .el-content strong {
	font-weight: 900;
	color: var(--green);
}

.quick-contacts__wrapper .el-content p {
	font-size: 16px;
    line-height: 1.4;
    font-family: 'Fira Sans';
	font-weight: 900;
    font-style: italic;
}

.quick-contacts__wrapper .el-item .uk-link-toggle .uk-grid-small *,
.quick-contacts__wrapper .el-item .uk-link-toggle .uk-grid-small {
	transition: var(--trans);
}

.quick-contacts__wrapper .el-item .uk-link-toggle .uk-grid-small:hover * {
	text-decoration: none;
	color: var(--green);
}
.quick-contacts__wrapper .el-item .uk-link-toggle .uk-grid-small:hover {
	transform: scale(1.1);
}


/********************
Woo pages
********************/
.woocommerce-account #tm-main,
.woocommerce-cart #tm-main {
	background-color: var(--bg);
}

.woocommerce-account .woocommerce-MyAccount-navigation-link a {
	letter-spacing: 0;
	font-weight: 900;
	position: relative;
	display: inline-block;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a::before {
	content: '';
	position: absolute;
	bottom: 2px;
	left: 0;
	right: 0;
	height: 3px;
	background-color: var(--green);
}

.woocommerce-orders.woocommerce-page .woocommerce-Button,
.woocommerce-edit-account.woocommerce-page .woocommerce-Button {
	background-color: var(--dark);
	color: white;
	border: none;
}

.woocommerce-orders.woocommerce-page .woocommerce-Button:hover,
.woocommerce-edit-account.woocommerce-page .woocommerce-Button:hover {
	background-color: var(--green) !important;
	color: white !important;
	border: none !important;
}

.woocommerce-page .form-row label {
	letter-spacing: 0 !important;
	text-transform: none !important;
	font-size: 12px !important;
}

.woocommerce-orders.woocommerce-page .woocommerce-info {
	padding: 30px 10px;
}
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message {
	background-color: #0C9D6F;
    border-radius: 10px;
    border: 1px solid #0C9D6F;
    color: white;
    font-weight: 900;
}

.woocommerce-account a.edit {
	letter-spacing: 0;
	font-size: 14px;
	border-radius: var(--s-radius);
	font-weight: 900;
	font-style: italic;
	border: none;
}
.woocommerce-account a.edit:hover {
	background-color: var(--green);
	color: white;
	border: none;
}

.woocommerce-cart .wc-block-cart__main > table,
.woocommerce-cart .wc-block-cart__sidebar > div:first-child {
	background-color: white !important;
	padding: 20px;
	border-radius: var(--n-radius);
	box-shadow: var(--shadow);
}

.woocommerce-cart .wc-block-cart__main {
	padding-right: 20px !important;
}

.woocommerce-cart .wc-block-cart-items__header-image,
.woocommerce-cart .wc-block-cart-items__header-total,
.woocommerce-cart .is-large.wc-block-cart .wc-block-cart__totals-title {
	font-family: 'Fira Sans';
	font-weight: 900;
	font-style: italic;
	color: var(--dark);
	font-size: 18px;
	text-transform: none;
}

/********************
CART
********************/
#custom-cart #shipping_method li label {
	font-size: 16px;
	font-weight: 900;
	color: var(--font);
}

#custom-cart td.actions button[name="update_cart"],
#custom-cart form.woocommerce-cart-form th.product-price,
#custom-cart form.woocommerce-cart-form th.product-quantity,
#custom-cart form.woocommerce-cart-form td.product-price,
#custom-cart form.woocommerce-cart-form td.product-quantity,
#custom-cart > .woocommerce .woocommerce-notices-wrapper {
	display: none;
}

#custom-cart > .woocommerce {
	display: flex;
	column-gap: 20px;
}

#custom-cart > .woocommerce form.woocommerce-cart-form {
	width: 65%;
}
#custom-cart > .woocommerce .cart-collaterals {
	width: 35%;
	margin-top: 0;
	padding-bottom: 40px !important;
}

#custom-cart > .woocommerce .cart-collaterals .cart_totals {
	width: 100%;
}

#custom-cart > .woocommerce form.woocommerce-cart-form,
#custom-cart > .woocommerce .cart-collaterals {
	background-color: white;
    box-shadow: var(--shadow);
    border-radius: var(--n-radius);
	padding: 20px;
}

#custom-cart dl.variation {
	display: flex;
	flex-direction: column;
}

#custom-cart td.product-name > a {
	color: var(--green) !important;
}

#custom-cart th.product-name,
#custom-cart th.product-subtotal,
#custom-cart td.product-name > a {
	font-size: 18px;
    line-height: 1.4;
    font-family: 'Fira Sans';
	letter-spacing: 1px;
	font-weight: 900;
    font-style: italic;
	color: var(--dark);
	text-transform: none;
}

#custom-cart dl.variation dd p {
	padding-bottom: 5px;
	font-family: 'Fira Sans';
	color: var(--dark);
	font-weight: 700;
    font-style: italic;
}

#custom-cart table.shop_table tbody > tr:not(.woocommerce-cart-form__cart-item) .coupon {
	display: flex;
	align-items: center;
	justify-content: end;
	width: 100%;
}

#custom-cart button.button[name="calc_shipping"],
#custom-cart .shipping-calculator-button {
	padding: 5px 10px;
	display: block;
	text-align: center;
}
#custom-cart  #wc-stripe-express-checkout-element {
	margin-top: 3em !important;
}
#custom-cart button.button[name="calc_shipping"],
#custom-cart .shipping-calculator-button,
#custom-cart table.shop_table .coupon button[name="apply_coupon"] {
	background-color: white;
	border: 2px solid var(--dark);
	border-radius: 10px;
	color: var(--dark);
	font-size: 13px;
    font-weight: 900;
	font-style: italic;
	font-family: 'Fira Sans';
	transition: var(--trans);
	position: relative;
}

#custom-cart button.button[name="calc_shipping"]:hover,
#custom-cart .shipping-calculator-button:hover,
#custom-cart table.shop_table .coupon button[name="apply_coupon"]:hover {
	background-color: var(--dark);
	color: white;
}

#custom-cart button.button[name="calc_shipping"]:active,
#custom-cart .shipping-calculator-button:active,
#custom-cart table.shop_table .coupon button[name="apply_coupon"]:active {
	top: 2px;
}

#custom-cart .wc-proceed-to-checkout a.checkout-button::before {
    content: 'oppure';
    position: absolute;
    bottom: -2.5em;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
    text-transform: uppercase;
    color: black;
    cursor: auto;
}

#custom-cart .wc-proceed-to-checkout > .checkout-button {
	overflow: visible;
}

#custom-cart .woocommerce-cart-form__cart-item .product-subtotal span {
	font-size: 21px;
	color: var(--dark);
    line-height: 1.4;
    font-family: 'Fira Sans';
	font-weight: 900;
    font-style: italic;
	padding-right: 10px;
}

#custom-cart .cart-collaterals .cart-subtotal {
	display: none;
}

#custom-cart .wc-empty-cart-message .cart-empty.woocommerce-info {
    text-align: center;
    color: var(--dark);
    position: relative;
    border: none;
	background: none;
	font-family: 'Fira Sans';
	font-weight: 900;
    font-style: italic;
	padding-right: 10px;
	font-size: 24px;
}

#custom-cart .wc-empty-cart-message .cart-empty.woocommerce-info::before {
    mask-image: unset !important;
    background-image: url(/wp-content/uploads/2025/04/cart.png);
    background-color: unset !important;
    height: 150px !important;
    width: 150px !important;
    background-size: cover !important;
    background-position: center center !important;
    content: '';
    position: absolute;
    left: 50%;
    top: -150px;
    transform: translateX(-50%);
}

#custom-cart .woocommerce .wc-empty-cart-message {
	padding: 100px 0;
    margin: 50px auto 0 auto
}

#custom-cart .woocommerce-shipping-destination {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.notice__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    background-color: #FFDC00;
    padding: 15px;
    border-radius: 10px;
}

.notice__wrapper > p {
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	font-weight: 900;
}

#social-upsell .el-item .uk-box-shadow-bottom {
	margin: 0 auto;
	display: block;
	max-width: 200px;
}

#social-upsell .gif-price {
    font-size: 32px;
    color: var(--dark);
    font-weight: 900;
    font-style: italic;
}

/********************
CHECKOUT
********************/
.woocommerce-checkout #tm-main {
	background-color: var(--bg);
}

.woocommerce-checkout #tm-main .wc-block-components-main,
.woocommerce-checkout #tm-main .wc-block-components-sidebar {
	background-color: white;
    box-shadow: var(--shadow);
    border-radius: var(--n-radius);
    padding: 20px;
}

.woocommerce-checkout #tm-main .wc-block-components-main {
	width: 65%;
}

.woocommerce-checkout #tm-main .wc-block-components-sidebar {
	width: 35%;
	margin-top: 0;
}

.woocommerce-checkout #tm-main .wc-block-components-sidebar-layout {
	display: flex;
	flex-wrap: nowrap;
    column-gap: 20px;
}

.woocommerce-checkout #tm-main .wp-block-woocommerce-checkout-order-summary-block {
	border: none;
}

.woocommerce-checkout #tm-main .wp-block-woocommerce-checkout-order-summary-block ul.wc-block-components-product-details {
	display: none;
}

.woocommerce-checkout h1 {
    font-size: 50px !important;
    font-weight: 900 !important;
    font-style: italic !important;
    letter-spacing: 2px !important;
    color: var(--font) !important;
    line-height: 120% !important;
	text-align: center !important;
}

.woocommerce-checkout .wc-block-components-checkout-step__container .wc-block-components-radio-control {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}
.woocommerce-checkout .wc-block-components-checkout-step__container .wc-block-components-radio-control::after {
	border: none;
}
.woocommerce-checkout .wc-block-components-checkout-step__container .wc-block-components-radio-control > div {
	border: 1px solid #1212121c;
	border-radius: 4px;
}

/********************
Mobile
********************/
@media only screen and (max-width: 960px) {
	.uk-container {
		max-width: 500px;
	}
	h1 {
		font-size: 32px;
		letter-spacing: 1px;
	}
	h2 {
		font-size: 28px;
		letter-spacing: 1px;
	}
	.woocommerce.single-product .product_carousel {
		margin-top: -20px;
	}
	header.tm-header-mobile {
		margin-bottom: 5px;
	}
	.under-footer .uk-grid > div:last-child {
		margin-top: 0;
	}
	.under-footer .uk-grid > div:last-child p {
		justify-content: center;
	}
	#custom-cart td.actions .coupon,
	#custom-cart .shop_table tbody,
	#custom-cart > .woocommerce {
		flex-direction: column;
	}
	
	.woocommerce-checkout #tm-main .wc-block-components-main,
	.woocommerce-checkout #tm-main .wc-block-components-sidebar,
	#custom-cart td.actions,
	#custom-cart td.actions .coupon,
	#custom-cart .woocommerce-cart-form__cart-item .product-subtotal,
	#custom-cart > .woocommerce form.woocommerce-cart-form,
	#custom-cart > .woocommerce .cart-collaterals {
		width: 100%;
	}
	#custom-cart td.actions,
	#custom-cart td.actions .coupon,
	#custom-cart .shop_table tbody {
		display: flex;
	}
	#custom-cart > .woocommerce .cart-collaterals .cart_totals,
	#custom-cart .woocommerce-cart-form__cart-item {
		padding: 10px;
	}
	
	#custom-cart .woocommerce-cart-form__cart-item .product-name,
	#custom-cart .woocommerce-cart-form__cart-item .product-subtotal {
		float: left;
	}
	#custom-cart > .woocommerce .cart-collaterals,
	#custom-cart > .woocommerce form.woocommerce-cart-form {
		padding: 0;
	}
	#custom-cart table.shop_table td.product-thumbnail {
		width: 150px;
	}
	
	#custom-cart > .woocommerce .cart-collaterals {
		margin-top: 20px;
	}
	
	#custom-cart td.actions .coupon {
		row-gap: 20px;
	}
	
	#custom-cart td.actions .coupon input.input-text {
		max-width: 250px;
		width: 100%;
		text-align: center;
	}
	#custom-cart .wc-proceed-to-checkout > .checkout-button {
		/*max-width: 300px;*/
		margin: 0 auto;
		display: block;
	}
	
	#tm-dialog-mobile .uk-offcanvas-bar {
		background-color: white;
	}
	#tm-dialog-mobile .uk-offcanvas-bar svg line {
		stroke: var(--dark);
	}
	#tm-dialog-mobile .uk-offcanvas-bar ul.uk-nav li {
		position: relative;
	}
	#tm-dialog-mobile .uk-offcanvas-bar ul.uk-nav li a {
		color: var(--dark);
	    font-size: 16px;
    	font-weight: 700;
    	letter-spacing: 0;
		transition: var(--trans);
	}
	#tm-dialog-mobile .uk-offcanvas-bar ul.uk-nav li:last-child:active {
		top: 2px;
		background-color: var(--dark);
	}
	#tm-dialog-mobile .uk-offcanvas-bar ul.uk-nav li:last-child li:last-child {
		background-color: var(--green);
		margin-top: 20px;
		border-radius: 5px;
	}
	#tm-dialog-mobile .uk-offcanvas-bar ul.uk-nav li:last-child li:last-child a {
		text-align: center;
		display: block;
		color: white;
		padding: 12px 0;
	}
	.notice__wrapper > p:first-child {
		width: 100px;
	}
	.notice__wrapper.column > p:first-child {
		width: 100%;
		text-align: center;
	}
	#custom-cart .wc-proceed-to-checkout {
		width: calc(100% - 20px);
	}
	#custom-cart .woocommerce-shipping-totals {
		width: calc(100% - 30px);
	}
	#custom-cart .woocommerce-shipping-totals > td {
		float: left;
		width: 100%;
	}
	.woocommerce-checkout .wc-block-components-checkout-order-summary__title {
		border-top: none !important;
		border-bottom: none !important;
	}
	.tm-header-mobile .uk-navbar-right .uk-navbar-toggle .uk-icon {
		position: relative;
		top: -3px;
	}
	.tm-header-mobile .uk-navbar-right .uk-navbar-toggle .uk-icon::before {
		content: 'MENU';
		position: absolute;
		left: 50%;
        transform: translateX(-50%);
		text-align: center;
		bottom: -6px;
		font-size: 9px;
		color: var(--font);
        letter-spacing: 0;
        font-weight: 800;
	}
	#social-upsell .uk-container .fix-gif > div:nth-child(1) {
		order: 2;
	}
	#social-upsell .uk-container .fix-gif > div:nth-child(2) {
		order: 1;
	}
	.best-sellers__wrapper .el-item {
		padding: 10px;
	}
	.best-sellers__wrapper .el-item .el-title {
		font-size: 14px;
	}
	.best-sellers__wrapper.reviews__wrapper .el-item .el-meta {
		flex-direction: row;
	}
	.best-sellers__wrapper .el-item .el-meta {
		flex-direction: column;
	}
	.best-sellers__wrapper .el-item .start {
		font-size: 11px;
	}
	.best-sellers__wrapper .el-item .tm-source-woo-price {
		font-size: 21px;
	}
	.best-sellers__wrapper .el-item .el-title {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		overflow: hidden;
	}
	.best-sellers__wrapper .el-link {
		padding: 5px;
		font-size: 11px;
		line-height: 20px;
	}
	.best-sellers__wrapper .el-link svg {
		max-width: 15px;
	}
}