@import url("variables.css");
@import url("layout.css");
@import url("components/header.css");
@import url("components/sidebar.css");
@import url("components/bottom-nav.css");
@import url("components/card.css");
@import url("components/button.css");
@import url("components/form.css");
@import url("pages/dashboard-page.css");
@import url("pages/courts-page.css");
@import url("pages/court-create.css");
@import url("pages/login.css");
@import url("pages/customers-page.css");
@import url("pages/bookings-page.css");
@import url("pages/search-page.css");

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    font-size:16px;
}

body{
    font-family:Inter,Arial,sans-serif;
    background:var(--background);
    color:var(--text);
}
/* =======================================================
   PASSWORD DIMENTICATA
======================================================= */

.sm-forgot-password{

    margin-top:20px;

    text-align:center;

}

.sm-forgot-password a{

    color:#6c757d;

    text-decoration:none;

    font-size:.95rem;

    transition:.2s;

}

.sm-forgot-password a:hover{

    color:#0d6efd;

    text-decoration:underline;

}
/* =========================================================
   AVVISO ERRORE PRENOTAZIONE
   ========================================================= */

.sm-alert.sm-alert-error {
    margin: 20px auto;
    padding: 16px 22px;
    max-width: 1400px;

    background: #fff1f1;
    border: 1px solid #f1b5b5;
    border-left: 5px solid #d92d20;
    border-radius: 12px;

    color: #b42318;
    font-size: 16px;
    font-weight: 600;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}


@import url("pages/security-code-page.css");