/**
* @license
*
* Font Family: Satoshi
* Designed by: Deni Anggara
* URL: https://www.fontshare.com/fonts/satoshi
* © 2025 Indian Type Foundry
*
* Satoshi Light 
* Satoshi LightItalic 
* Satoshi Regular 
* Satoshi Italic 
* Satoshi Medium 
* Satoshi MediumItalic 
* Satoshi Bold 
* Satoshi BoldItalic 
* Satoshi Black 
* Satoshi BlackItalic 
* Satoshi Variable (Variable font)
* Satoshi VariableItalic (Variable font)
*/

/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
    font-family: 'Satoshi-Variable';
    src:
        url("../fonts/Satoshi/Satoshi-Variable.70880e42f07b.woff2") format('woff2'),
        url("../fonts/Satoshi/Satoshi-Variable.bd7cac4b8443.woff") format('woff'),
        url("../fonts/Satoshi/Satoshi-Variable.bc0207192e40.ttf") format('truetype');
    font-weight: 300 900;
    font-display: swap;
    font-style: normal;
}

/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
    font-family: 'Satoshi-VariableItalic';
    src:
        url("../fonts/Satoshi/Satoshi-VariableItalic.ed39abb752ab.woff2") format('woff2'),
        url("../fonts/Satoshi/Satoshi-VariableItalic.aa09c255fd89.woff") format('woff'),
        url("../fonts/Satoshi/Satoshi-VariableItalic.db98db5c0d84.ttf") format('truetype');
    font-weight: 300 900;
    font-display: swap;
    font-style: italic;
}

:root {
    --clr-primary-rgb: 245, 189, 6;
    --clr-primary: #f5bd06;
    --clr-primary-light: #f9de85;
    --clr-blue: #1d3b8a;
    --clr-blue-rgb: 29, 59, 138;
    --clr-blue-dark: #111f40;
    --clr-secondary-dark: #061a23;

    /* NUOVI COLORI DEL BRAND */

    /* neutri */
    --clr-black: #121516;
    --clr-black-rgb: 18, 21, 22;
    --clr-grey-1: #121516;
    --clr-black-rgb: 18, 21, 22;

    --clr-black: #121516;
    --clr-black-rgb: 18, 21, 22;

    --clr-gray-1: #4a5c63;
    --clr-gray-1-rgb: 74, 92, 99;
    --clr-gray-2: #7a8a92;
    --clr-gray-2-rgb: 122, 138, 146;
    --clr-gray-3: #e0e6e9;
    --clr-gray-3-rgb: 224, 230, 233;
    --clr-white: #ffffff;
    --clr-white-rgb: 255, 255, 255;

    /* brand */

    --clr-dark: #061a23;
    --clr-dark-rgb: 6, 26, 35;
    --clr-primary: #1a5a73;
    --clr-primary-rgb: 26, 90, 115;
    --clr-light-1: #d2e9f1;
    --clr-light-1-rgb: 210, 233, 241;
    --clr-light-2: #f1f6f8;
    --clr-light-2-rgb: 241, 246, 248;

    --bs-breadcrumb-divider: '>';
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}

.bg-secondary-dark {
    background: var(--clr-secondary-dark);
}

.bg-light {
    background: var(--clr-light-2) !important;
    --bs-light-rgb: var(--clr-light-2-rgb) !important;
}

.table-light {
    --bs-table-bg: var(--clr-light-2) !important;
}

.bg-gray-3 {
    background: var(--clr-gray-3);
}

body {
    min-height: 100vh;
    font-family: 'Satoshi-Variable', sans-serif !important;
}

/* css trick to make the last column (azioni) hug the content */
.table:not(.landing-table) th:last-child,
.table:not(.landing-table) td:last-child {
    width: 1%;
    white-space: nowrap;
}

.bg-primary {
    --bs-primary-rgb: var(--clr-primary-rgb);
    --bs-bg-opacity: 1;
}

.bg-secondary {
    --bs-secondary-rgb: var(--clr-dark-rgb) !important;
    --bs-bg-opacity: 1;
}

.bg-dark {
    --bs-dark-rgb: var(--clr-dark-rgb) !important;
}

.text-primary {
    --bs-primary-rgb: var(--clr-primary-rgb);
    --bs-text-opacity: 1;
}

.text-secondary {
    --bs-secondary-rgb: var(--clr-dark-rgb);
    --bs-text-opacity: 1;
}

.table-primary {
    --bs-table-bg: var(--clr-light-1) !important;
}

.btn.btn:not(.btn-sm) {
    --bs-border-radius: 0.5rem;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.75rem;
}

.btn-primary.btn-primary {
    --bs-btn-bg: var(--clr-primary);
    --bs-btn-border-color: var(--clr-primary);
    --bs-btn-hover-bg: var(--clr-dark);
    --bs-btn-hover-border-color: var(--clr-dark);
    --bs-btn-active-border-color: var(--clr-black);
    --bs-btn-active-bg: var(--clr-black);
    --bs-btn-disabled-bg: var(--clr-gray-1) !important;
    --bs-btn-disabled-border-color: var(--clr-gray-1) !important;
}

.btn-outline-primary.btn-outline-primary {
    --bs-btn-border-color: var(--clr-primary);
    --bs-btn-color: var(--clr-primary);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--clr-dark);
    --bs-btn-hover-color: var(--clr-dark);
    --bs-btn-active-bg: var(--clr-dark);
    --bs-btn-active-border-color: var(--clr-dark);
    --bs-btn-disabled-border-color: var(--clr-gray-1) !important;
    --bs-btn-disabled-color: var(--clr-gray-1) !important;
}

.btn-text-primary {
    color: var(--clr-primary) !important;
}

.btn-text-primary:hover {
    color: var(--clr-secondary) !important;
}

.btn-secondary.btn-secondary {
    --bs-btn-bg: var(--clr-dark);
    --bs-btn-border-color: var(--clr-dark);
    --bs-btn-hover-bg: var(--clr-gray-1);
    --bs-btn-hover-border-color: var(--clr-gray-1);
}

.btn-secondary.disabled {
    --bs-btn-color: white !important;
    --bs-btn-disabled-bg: var(--clr-dark) !important;
    opacity: 0.85;
}

.btn-outline-secondary.btn-outline-secondary {
    --bs-btn-border-color: var(--clr-dark);
    --bs-btn-color: var(--clr-dark);
    --bs-btn-hover-bg: var(--clr-black);
    --bs-btn-hover-border-color: var(--clr-black);
}

input[type='checkbox'].btn-check:checked+label::after {
    content: '\f00d';
    /* 'xmark' */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    display: inline-block;
    margin-left: 0.5rem;
}

.btn-check:not(:checked)+label.btn-outline-primary.btn:hover {
    border-color: var(--clr-dark) !important;
    color: var(--clr-dark) !important;
}

.breadcrumb-item {
    color: var(--clr-dark) !important;
    --bs-link-color-rgb: var(--clr-dark-rgb) !important;
    --bs-link-color: var(--clr-dark) !important;
    --bs-link-hover-color: var(--clr-primary) !important;
    --bs-link-hover-color-rgb: var(--clr-primary-rgb) !important;
    --bs-link-opacity: 0.8;
}

.breadcrumb-item.active {
    font-weight: bold;
}

.nav-link.text-white:hover {
    color: var(--clr-white) !important;
}

.nav-link.text-white-50:hover {
    color: var(--clr-white) !important;
}

.border-primary {
    --bs-primary-rgb: var(--clr-primary-rgb) !important;
}

.form-control::placeholder {
    opacity: 0.7 !important;
}

.topbar {
    min-height: 100px;
}

@keyframes fadeInUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.message-alert {
    animation: fadeInUp 0.3s ease-out;
}


label.btn:has(+ input:focus) {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

textarea {
    resize: none;
}

/* landing page  */

.hero {
    min-height: 75vh;
    background-size: cover;
}

.bg-cover {
    background-size: cover;
}

/* * { */
/*     outline: solid 1px lime; */
/* } */

@media screen and (width >=767px) {
    .lh-custom {
        line-height: 0.5em;
    }
}