/***
 * F5 - Content Management System
 * 
 * Copyright © 2025
 * Reload - Laboratorio Multimediale
 * (http://www.reloadlab.it - info@reloadlab.it)
 * 
 * authors: Domenico Gigante (domenico.gigante@reloadlab.it) and Alessio Attanasio (alessio.attanasio@reloadlab.it)
 ***/

@charset "utf-8";
/* CSS Document */

/* Tablet (<992px) */
@media (max-width: 991.99px) {
    
html {
    font-size: 0.9375rem;
}
.report-page .areas-grid {
    grid-template-columns: 1fr;
}
}

/* Tablet piccoli (<768px) */
@media (max-width: 767.99px) {
    
html {
    font-size: 0.875rem;
}
.step-header.fixed .step-circle {
    display: none;
}
.step-header.fixed .step-circle svg {
    width: 3.75rem;
    height: 3.75rem;
}
.step-footer .footer-buttons-container {
    flex-direction: column;
}
.step-footer .navigation-buttons {
    flex-direction: column;
    width: 100%;
    padding: 1.5rem 0;
}
.step-footer .btn {
    justify-content: center;
    width: 100%;
}
.options-grid {
    grid-template-columns: 1fr;
}
.options-dropdown {
    max-height: 250px;
}
.familiare-item .familiare-info {
    flex-direction: column;
    align-items: flex-start;
}
.error-page .btn {
    justify-content: center;
    width: 100%;
}
.error-page .support-section .support-contacts {
    flex-direction: column;
    align-items: center;
}
.report-page .btn {
    justify-content: center;
    width: 100%;
}
}

/* Tablet molto piccoli (<600px) */
@media (max-width: 599.99px) {

.familiari-section .familiari-section-header {
    flex-direction: column;
    align-items: stretch;
}
.familiari-section .familiari-section-title {
    justify-content: center;
}
.familiari-section .btn {
    justify-content: center;
    width: 100%;
}
.familiari-lista .familiare-item {
    flex-direction: column;
    align-items: stretch;
}
.familiare-item .familiare-info {
    align-items: center;
}
.familiare-item .familiare-actions {
    justify-content: center;
}
.bmi-calculator-container .bmi-inputs-wrapper {
    flex-direction: column;
}
.bmi-calculator-container .bmi-input-group {
    min-width: 100%;
}
.contatti-container {
    padding-left: 0;
    padding-right: 0;
}
}

/* Mobile (<576px) */
@media (max-width: 575.99px) {

.likert-bars-bar-wrapper .likert-bars-bar.active {
    transform: scale(1.03);
}
}

/* Mobile piccoli (<480px) */
@media (max-width: 479.99px) {

html {
    font-size: 0.8125rem;
}
.options-grid {
    padding-left: 0;
    padding-right: 0;
}
.searchable-select-container {
    padding-left: 0;
    padding-right: 0;
}
.likert-container {
    padding-left: 0;
    padding-right: 0;
}
.age-counter-grid {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
}
.age-counter-grid .age-counter-box {
    width: 100%;
    max-width: 280px;
}
.age-counter-grid .age-counter-box .age-counter-controls {
    width: 100%;
}
.bmi-calculator-container {
    padding-left: 0;
    padding-right: 0;
}
.contatti-container {
    padding-left: 0;
    padding-right: 0;
}
.likert-bars-container {
    padding-left: 0;
    padding-right: 0;
}
.modal-familiari .modal-navigation-buttons {
    flex-direction: column;
}
.modal-navigation-buttons .btn {
    justify-content: center;
    width: 100%;
}
.report-page .report-header {
    padding-left: 16px;
    padding-right: 16px;
}
.report-page .report-footer {
    padding-left: 0;
    padding-right: 0;
}
}

/* Mobile molto piccoli (<400px) */
@media (max-width: 399.99px) {

.likert-steps-container .likert-step-box {
    max-width: 30px;
}
.likert-bars-scale .likert-bars-bar-wrapper {
    max-width: 30px;
}
}