/* 
   Compact View Settings 
   You can remove or edit this file to adjust the overall scale of the site.
*/

html {
    /* Decreasing base font size scales down everything relying on "rem" (paddings, margins, components, text) */
    font-size: 14px !important;
}

/* Adjust heading sizes slightly more for smaller screens */
@media (max-width: 991px) {
    .display-4 {
        font-size: 2.2rem !important;
    }
    
    h1 {
        font-size: 1.3rem !important;
    }

    h2 {
        font-size: 1.2rem !important;
    }

    h3, h4 {
        font-size: 1.1rem !important;
    }
}

/* Reduce excessive paddings on smaller screens to prevent forms from looking cut-off */
@media (max-width: 850px) {
    .hook_form, .p-md-5 {
        padding: 20px !important;
    }
    
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Make sure textareas and inputs don't stretch out of bounds */
textarea, input {
    max-width: 100% !important;
}

/* Make sure rows don't overflow */
.row {
    max-width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
}