/*
 Theme Name:   Archetipa Child
 Theme URI:    https://www.archetipa.com
 Description:  Child theme for Archetipa
 Author:       HOOP
 Author URI:   
 Template:     archetipa
 Version:      1.0
 Text Domain:  archetipa-child
*/

#login h1.wp-login-logo a{
	width: 100% !important;
}

/* Admin bar offset when logged in */
body.admin-bar {
    padding-top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar {
        padding-top: 46px !important;
    }
}

/* Elementor container display fix */
.e-con {
    --display: flex;
}

/* WooCommerce cart/checkout background */
body.woocommerce-cart,
body.woocommerce-checkout {
    background-color: #EFEFEF;
}

/* Fix select2 quantity in cart */
.sk-woo-cart .cart__item__title {
    font-size: 1.65rem !important;
}

.sk-woo-cart .cart__item__quantity .select2.select2-container {
    border-radius: 0 !important;
}

.sk-woo-cart .cart__item__quantity .select2-container .select2-selection--single {
    height: 1.875rem !important;
    border: 1px solid #63656A;
    border-radius: 0 !important;
}

.sk-woo-cart .cart__item__quantity .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 1.875rem !important;
    padding: 0 0.625rem !important;
    font-size: 0.875rem;
    color: #63656A;
}

.sk-woo-cart .cart__item__quantity .select2-container .select2-selection--single .select2-selection__arrow {
    height: 1.875rem !important;
}

.sk-woo-cart .cart__item__title{
	font-weight: 300 !important;
}
.sk-woo-cart .cart__item__title a{
	text-decoration: none !important;
}

/* Protocol add-to-cart button */
body button.archetipa-add-protocol-btn {
    background: none !important;
    border: 1px solid #63656A !important;
    color: #63656A !important;
    padding: 6px 16px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    border-radius: 20px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, color 0.3s ease;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
}

body button.archetipa-add-protocol-btn:hover {
    background: #63656A !important;
    color: #fff !important;
}

body button.archetipa-add-protocol-btn.is-loading {
    opacity: 0.6 !important;
    cursor: wait !important;
}


.woocommerce-orders-table .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a{
	color: #fff !important;
}

/* 1. Stile base del contenitore del link per centrare la X */
.sk-woo-cart .cart__item__remove a.remove {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;  /* Regola queste dimensioni in base al tuo layout */
    height: 30px !important;
    text-decoration: none;
    border-radius: 100%; /* Arrotonda leggermente gli angoli. Usa 50% se vuoi un cerchio perfetto */
    transition: background-color 0.2s ease-in-out; /* Rende fluido il passaggio di colore */
    overflow: hidden !important; /* Sostituisce quell' "overflow: auto" che potrebbe causare barre di scorrimento anomale */
}

/* 2. Inserimento della "X" */
.sk-woo-cart .cart__item__remove a.remove::before {
    content: "\00d7"; /* Codice Unicode per il simbolo della moltiplicazione (×), perfetto per chiudere/rimuovere */
    font-size: 24px;  /* Dimensione della X */
    color: #333333;   /* Colore grigio scuro/nero per renderla visibile */
    font-weight: bold;
    line-height: 1;
}

/* 3. Effetto Hover (Sfondo grigino) */
.sk-woo-cart .cart__item__remove a.remove:hover {
    background-color: #f0f0f0 !important; /* Colore grigino di sfondo */
}

/* Opzionale: scurisce leggermente la X all'hover */
.sk-woo-cart .cart__item__remove a.remove:hover::before {
    color: #000000;
}

form.variations_form.cart table.variations .label{
    min-width: 100px;
    text-align: left;
    line-height: 1.1em !important;
}
.variations_form.cart table.variations .value select{
    min-width: unset;
    width: 100%;
}

.single-product .elementor-add-to-cart button.single_add_to_cart_button,
.single-product .woocommerce-variation-add-to-cart button.single_add_to_cart_button{
	border-radius: 30px !important;
}