/**
 * Stili CSS per l'area amministrativa
 * 
 * Stili per la colonna di accettazione nella tabella utenti
 * e per la pagina di impostazioni del plugin.
 * 
 * @package Kemedia_Accettazione_Checkout
 * @since 1.0.0
 */

/* Colonna di accettazione nella tabella utenti */
.column-kemedia_acceptance {
	width: 150px;
}

.kemedia-acceptance-yes {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #46b450;
}

.kemedia-acceptance-yes .dashicons {
	font-size: 18px;
	width: 18px;
	height: 18px;
}

.kemedia-acceptance-date {
	font-size: 0.9em;
	color: #666;
}

.kemedia-acceptance-no {
	font-style: italic;
	color: #999;
}

/* Box informativo nella pagina settings */
.kemedia-info-box {
	background: #f0f0f1;
	padding: 15px;
	border-left: 4px solid #2271b1;
	margin-top: 20px;
}

.kemedia-info-box h3 {
	margin-top: 0;
}

.kemedia-info-box p {
	margin-bottom: 10px;
}

.kemedia-info-box p:last-child {
	margin-bottom: 0;
}

/* Stili per il campo nel checkout */
.wc-block-checkout__kemedia-accettazione {
	width: 100% !important;
	max-width: 100% !important;
	margin-top: 16px !important;
	margin-bottom: 16px !important;
	clear: both !important;
	display: block !important;
}

.wc-block-checkout__kemedia-accettazione > div {
	width: 100% !important;
	max-width: 100% !important;
}

.kemedia-accettazione-checkbox {
	width: 100% !important;
}

.kemedia-accettazione-checkbox label {
	font-weight: 500;
	display: flex !important;
	align-items: flex-start !important;
}

.kemedia-accettazione-checkbox input[type="checkbox"] {
	margin-right: 8px !important;
	margin-top: 2px !important;
}

/* Responsive: nascondi la data su schermi piccoli */
@media screen and (max-width: 782px) {
	.kemedia-acceptance-date {
		display: none;
	}
	
	.column-kemedia_acceptance {
		width: auto;
	}
}


.wc-block-checkout__kemedia-accettazione {
    background: #fff !important;
}
	
label.components-checkbox-control__label {
    font-size: 16px !important;
    color: #6c6c6c !important;
}

.components-flex.components-h-stack.css-1et9n8m.e19lxcc00 {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#kemedia-accettazione-checkbox {
    width: 24px;
    height: 24px;
    appearance: none;
    border: 1px solid rgba(25, 23, 17, .48);
    border-radius: 0px;
    cursor: pointer;
}

#kemedia-accettazione-checkbox:checked {
    background: #007cba;
}

/* CONTENITORE */
.components-checkbox-control__input-container {
    width: 24px;
    height: 24px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(25, 23, 17, .48);
    margin-right: 10px;
}

/* INPUT → deve coprire TUTTO e stare sopra */
.components-checkbox-control__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    cursor: pointer;
    z-index: 3;
    opacity: 0; /* invisibile ma cliccabile */
}

/* SVG (segno di spunta) */
.components-checkbox-control__checked {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    z-index: 1;
    pointer-events: none; /* importantissimo */
}
.components-base-control.components-checkbox-control.kemedia-accettazione-checkbox.css-qy3gpb.ej5x27r4 {
    padding-top: 10;
}