/* ---------------------------------------------------------
   Import Urbanist font from Google Fonts
--------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700;800&display=swap');

/* ---------------------------------------------------------
   Force Urbanist Font Across Canvas LMS
--------------------------------------------------------- */

body,
html,
#application,
.ic-Layout-wrapper,
.ic-App,
.ic-Layout-columns,
.ic-Input,
.ic-Form-control,
.ic-Button,
.ic-Label,
p,
span,
div,
a,
strong,
em,
li,
ul,
ol,
table,
td,
th,
label,
input,
select,
textarea,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Urbanist', sans-serif !important;
}

/* Explicit heading weights for better UI consistency */
h1 { font-weight: 800 !important; }
h2 { font-weight: 700 !important; }
h3 { font-weight: 600 !important; }
h4 { font-weight: 500 !important; }
h5 { font-weight: 500 !important; }
h6 { font-weight: 400 !important; }

/* Override Canvas UI components as well */
.ic-Table,
.ic-NavMenu,
.ic-NavToggle__label,
.ic-Badge,
.ic-Card,
#breadcrumbs,
#content *,
#right-side *,
#header *,
.ic-CourseMenu__link,
.ic-NavMenu-list-item,
.ic-app-header__logomark,
.btn,
.Button,
.eui-button {
    font-family: 'Urbanist', sans-serif !important;
}
.ic-Login-footer__links {
    display: none !important;
}

/* Full-width tables inside the home page with course menu expanded */
body.home.course-menu-expanded table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 15px;
    text-align: left;
}

/* Table Header */
body.home.course-menu-expanded table th {
    background: #003473 !important;
    color: #ffffff !important;
    padding: 12px 10px;
    font-weight: 600;
    text-align: left;
}

/* Table Cells */
body.home.course-menu-expanded table td {
    padding: 10px 10px;
    border-bottom: 1px solid #d3dce8;
    text-align: left;
}

/* Alternating Rows */
body.home.course-menu-expanded table tr:nth-child(even) td {
    background: #f5f8fc;
}

body.home.course-menu-expanded table tr:nth-child(odd) td {
    background: #ffffff;
}

/* Add subtle hover effect for readability */
body.home.course-menu-expanded table tr:hover td {
    background: #e8f0fc;
}

body.home.course-menu-expanded table tr td:first-child {
    width: 30%;
}

body.home.course-menu-expanded table tr td:nth-child(2) {
    width: 70%;
}

/* Full-width tables inside the course syllabus section */
#course_syllabus table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 15px;
    text-align: left;
}

/* Table Header */
#course_syllabus table th {
    background: #003473 !important;
    color: #ffffff !important;
    padding: 12px 10px;
    font-weight: 600;
    text-align: left;
}

/* Table Cells */
#course_syllabus table td {
    padding: 10px 10px;
    border-bottom: 1px solid #d3dce8;
    text-align: left;
}

/* Alternating Rows */
#course_syllabus table tr:nth-child(even) td {
    background: #f5f8fc;
}

#course_syllabus table tr:nth-child(odd) td {
    background: #ffffff;
}

/* Hover effect */
#course_syllabus table tr:hover td {
    background: #e8f0fc;
}

.ic-Login {
    top: calc(50% - 250px) !important;
}