/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
h3 {
	font-family: "Lexend Deca", sans-serif;
}

.view-profile-button {
	font-family: "Lexend Deca", sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	border: 1px solid #0B0854;
	border-radius: 10px !important;
	padding: 14px 45px !important;
	font-size: 19px;
}


/* #cognitiveChart {
    max-height: 400px; /* Prevents infinite height */
    width: 100% !important; /* Ensures it scales properly */
} */
.chart-container {
    display: flex !important;
	visibility: visible !important;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    max-width: 1600px;
    margin: auto;
}

.chart-container canvas {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 10; /* Width-to-height ratio (adjust as needed) */
    max-height: 500px;
}

select {
	border-radius: 8px !important;
}

.assessments-filter {
	padding-bottom: 20px;
}

table th, table td {
	vertical-align: middle !important;
}

/* Shared Table Styling */
.assessments-table {
    width: 100%;
    border-collapse: collapse;
}

.assessments-table th, .assessments-table td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

.assessments-column {
    text-align: center;
}

/* Column Widths */
.assessments-table .assessments-column:nth-child(1) {
    width: 60%;
    text-align: left;
}

.assessments-table .assessments-column:nth-child(2),
.assessments-table .assessments-column:nth-child(3),
.reports-column {
    width: 20% !important;
    text-align: center;
}

.caregiver-reports-table {
	width: 40%;
}

/* Charts */
/* Flexbox container for charts */
.chart-container {
    display: flex;
    flex-wrap: wrap;  /* Allows wrapping to new rows */
    justify-content: flex-start; /* Spreads items evenly */
    gap: 20px; /* Space between charts */
}

/* Each chart wrapper takes 45% width on desktop */
.chart-wrapper {
    width: 45%; /* Makes charts appear two per row */
    text-align: center; /* Centers each chart */
    display: flex;
    flex-direction: column;
    align-items: left;
}

/* Ensures canvas fills its wrapper properly */
.chart-wrapper canvas {
    width: 100% !important;
    height: auto !important;
}

/* On mobile, charts take full width */
@media (max-width: 768px) {
    .chart-wrapper {
        width: 100%;
    }
}



/* Buttons */
.button {
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
}

.view-button {
    color: #0073aa;
}

.delete-button {
    color: red;
}