/* Questo file contiene la customizzazione di Bootstrap in chiave grafica per Books */
:root {
    /* Body */
    --bs-body-color: var(--pls-content-color-primary);
    --bs-body-color-rgb: var(--pls-content-color-primary-rgb);

    --bs-body-bg: var(--pls-background-color-screen);
    --bs-body-bg-rgb: var(--pls-background-color-screen-rgb);

    /* Secondary */
    --bs-secondary-color: var(--pls-content-color-secondary);
    --bs-secondary-color-rgb: var(--pls-content-color-secondary-rgb);

    --bs-secondary-bg: var(--pls-background-color-elevated);
    --bs-secondary-bg-rgb: var(--pls-background-color-elevated-rgb);

    /* Tertiary */
    --bs-tertiary-color: var(--pls-content-color-tertiary);
    --bs-tertiary-color-rgb: var(--pls-content-color-tertiary-rgb);

    --bs-tertiary-bg: var(--pls-background-color-elevated);
    --bs-tertiary-bg-rgb: var(--pls-background-color-elevated-rgb);

    /* Border */
    --bs-border-color: var(--pls-border-color-neutral);
    --bs-border-color-rgb: var(--pls-border-color-neutral-rgb);

    /* Primary */
    --bs-primary: var(--pls-core-color-golden-sprinkles);
    --bs-primary-rgb: var(--pls-core-color-golden-sprinkles-rgb);

    /* Success */
    --bs-success: var(--pls-sentiment-color-positive);
    --bs-success-rgb: var(--pls-sentiment-color-positive-rgb);
    --bs-success-bg-subtle: var(--pls-sentiment-color-positive-subtle);

    /* Danger */
    --bs-danger: var(--pls-sentiment-color-negative);
    --bs-danger-rgb: var(--pls-sentiment-color-negative-rgb);
    --bs-danger-bg-subtle: var(--pls-sentiment-color-negative-subtle);

    /* Warning */
    --bs-warning: var(--pls-sentiment-color-warning);
    --bs-warning-rgb: var(--pls-sentiment-color-warning-rgb);
    --bs-warning-bg-subtle: var(--pls-sentiment-color-warning-subtle);

    /* Info */
    --bs-info: var(--pls-sentiment-color-info);
    --bs-info-rgb: var(--pls-sentiment-color-info-rgb);
    --bs-info-bg-subtle: var(--pls-sentiment-color-info-subtle);

    /* Box shadow */
    --bs-box-shadow-color: var(--pls-box-shadow-color);

    /* Tipografy */
    --bs-body-font-family: var(--pls-body-font-family);
    --bs-body-font-size: var(--pls-body-font-size);

    --bs-gutter-x: 0;
    --bs-gutter-y: 0;

    --bs-list-group-active-bg: var(--pls-core-color-primary);
}

/* Bottoni */
.btn {
    --bs-btn-focus-box-shadow: 0 0 0 4px var(--bs-box-shadow-color);
    
    display: inline-flex;
    height: 48px;
    padding: 16px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.btn-primary {
	--bs-btn-bg: var(--pls-core-color-golden-sprinkles);
	--bs-btn-color: var(--pls-product-color-primary);
	--bs-btn-border: none;
	--bs-btn-border-color: transparent;

	--bs-btn-hover-bg: var(--pls-button-primary-hover-bg);
	--bs-btn-hover-color: var(--pls-product-color-primary);
	--bs-btn-hover-border: none;
	--bs-btn-hover-border-color: transparent;

	--bs-btn-active-bg: var(--pls-button-primary-pressed-bg);
	--bs-btn-active-color: var(--pls-product-color-primary);
	--bs-btn-active-border: none;
	--bs-btn-active-border-color: transparent;

	--bs-btn-focus-bg: var(--pls-button-primary-focus-bg);
	--bs-btn-focus-color: var(--pls-product-color-primary);
	--bs-btn-focus-border: none;
    --bs-btn-focus-border-color: transparent;
}

.btn-secondary {
	--bs-btn-bg: var(--pls-button-secondary-bg);
	--bs-btn-color: var(--pls-product-color-primary);
	--bs-btn-border: none;
	--bs-btn-border-color: transparent;

	--bs-btn-hover-bg: var(--pls-button-secondary-hover-bg);
	--bs-btn-hover-color: var(--pls-product-color-primary);
	--bs-btn-hover-border: none;
	--bs-btn-hover-border-color: transparent;

	--bs-btn-active-bg: var(--pls-button-secondary-pressed-bg);
	--bs-btn-active-color: var(--pls-product-color-primary);
	--bs-btn-active-border: none;
	--bs-btn-active-border-color: transparent;

	--bs-btn-focus-bg: var(--pls-button-secondary-focus-bg);
	--bs-btn-focus-color: var(--pls-product-color-primary);
	--bs-btn-focus-border: none;
    --bs-btn-focus-border-color: transparent;
}

.btn-tertiary {
	--bs-btn-bg: var(--pls-button-tertiary-bg);
	--bs-btn-color: var(--pls-product-color-primary);
	--bs-btn-border: 1px solid;
	--bs-btn-border-color: var(--pls-product-color-primary);

	--bs-btn-hover-bg: var(--pls-button-tertiary-hover-bg);
	--bs-btn-hover-color: var(--pls-product-color-primary);
	--bs-btn-hover-border: 1px solid;
	--bs-btn-hover-border-color: var(--pls-product-color-primary);

	--bs-btn-active-bg: var(--pls-button-tertiary-pressed-bg);
	--bs-btn-active-color: var(--pls-product-color-primary);
	--bs-btn-active-border: 1px solid;
	--bs-btn-active-border-color: var(--pls-product-color-primary);

	--bs-btn-focus-bg: var(--pls-button-tertiary-focus-bg);
	--bs-btn-focus-color: var(--pls-product-color-primary);
	--bs-btn-focus-border: 1px solid;
	--bs-btn-focus-border-color: var(--pls-product-color-primary);
}

.btn-link {
	--bs-btn-bg: var(--pls-button-tertiary-bg);
	--bs-btn-color: var(--pls-product-color-primary);
	--bs-btn-border: none;
	--bs-btn-border-color: transparent;

	--bs-btn-hover-bg: var(--pls-button-tertiary-hover-bg);
	--bs-btn-hover-color: var(--pls-product-color-primary);
	--bs-btn-hover-border: none;
	--bs-btn-hover-border-color: transparent;

	--bs-btn-active-bg: var(--pls-button-tertiary-pressed-bg);
	--bs-btn-active-color: var(--pls-product-color-primary);
	--bs-btn-active-border: none;
	--bs-btn-active-border-color: transparent;

	--bs-btn-focus-bg: var(--pls-button-tertiary-focus-bg);
	--bs-btn-focus-color: var(--pls-product-color-primary);
	--bs-btn-focus-border: none;
	--bs-btn-focus-border-color: transparent;
}

.btn-link-mail-da-verificare {
	--bs-btn-bg: transparent;
	--bs-btn-color: var(--pls-product-color-primary);
	--bs-btn-border: none;
	--bs-btn-border-color: transparent;

	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-color: var(--pls-product-color-primary);
	--bs-btn-hover-border: none;
	--bs-btn-hover-border-color: transparent;

	--bs-btn-active-bg: transparent;
	--bs-btn-active-color: var(--pls-product-color-primary);
	--bs-btn-active-border: none;
	--bs-btn-active-border-color: transparent;

	--bs-btn-focus-bg: transparent;
	--bs-btn-focus-color: var(--pls-product-color-primary);
	--bs-btn-focus-border: none;
	--bs-btn-focus-border-color: transparent;
}

.btn-danger {
	--bs-btn-bg: var(--pls-button-destructive-bg);
	--bs-btn-color: #FFFFFF;
	--bs-btn-border: none;
	--bs-btn-border-color: transparent;

	--bs-btn-hover-bg: var(--pls-button-destructive-hover-bg);
	--bs-btn-hover-color: #FFFFFF;
	--bs-btn-border: none;
	--bs-btn-border-color: transparent;

	--bs-btn-active-bg: var(--pls-button-destructive-pressed-bg);
	--bs-btn-active-color: #FFFFFF;
	--bs-btn-border: none;
	--bs-btn-border-color: transparent;

	--bs-btn-focus-bg: var(--pls-button-destructive-focus-bg);
	--bs-btn-focus-color: #FFFFFF;
	--bs-btn-border: none;
	--bs-btn-border-color: transparent;
}

.form-check-input:checked {
	--bs-form-check-bg: var(--pls-core-color-primary);
	--bs-form-check-border: 2px solid var(--pls-core-color-primary);
	--bs-form-check-color: #FFFFFF;

	background-color: var(--pls-core-color-primary);
	border-color: #FFFFFF;
}

.list-group-item.active {
	--bs-list-group-active-bg: var(--pls-core-color-primary);
	--bs-list-group-active-color: var(--pls-button-primary-color);
	--bs-list-group-active-border: var(--pls-button-primary-border);
}

.list-group-item+.list-group-item.active {
	margin-top: 10px;
}