/**
 * Canvas Catalog support contact/enquiry styling.
 *
 * Provides responsive styling for the Canvas Catalog support enquiry
 * block displayed immediately above the ANU Web Style footer.
 *
 * The enquiry block spans the full viewport width while its content
 * remains aligned with the Canvas Catalog main content area.
 *
 * Designed for consistent operation across Chrome, Edge, Firefox
 * and Safari.
 *
 * @author Swe Zin Lynn (u4436933)
 * @version 1.2.0
 * @since 2026-07-07
 */

/* ------------------------------------------------------------------
 * Canvas Catalog support enquiry block
 * ---------------------------------------------------------------- */

/*
 * Extends the enquiry block to the full viewport width while allowing
 * its inner content to remain aligned with the Catalog content area.
 */
.non-award-catalog-enquiries {
    width: 100%;
    max-width: 100%;
    margin:0;
    box-sizing: border-box;
    padding: 1.5rem 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    background: #f7f7f7;
}

/*
 * Constrains enquiry content to the same visual width as the
 * Canvas Catalog main content area.
 */
.non-award-catalog-enquiries-content {
    width: 100%;
    max-width: 1190px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
}

/*
 * Keep the support heading compact and visually distinct from
 * the contact information below it.
 */
.non-award-catalog-enquiries h2 {
    margin: 0 0 0.5rem;
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 600;
}

/*
 * Remove default paragraph spacing so the enquiry block maintains
 * a predictable vertical rhythm across browsers.
 */
.non-award-catalog-enquiries-contact {
    margin: 0;
    line-height: 1.5;
}

/*
 * Preserve standard link affordance while allowing the email address
 * to wrap naturally on narrow screens.
 */
.non-award-catalog-enquiries-email {
    text-decoration: underline;
    overflow-wrap: anywhere;
}

/* ------------------------------------------------------------------
 * Responsive adjustments
 * ---------------------------------------------------------------- */

@media (max-width: 600px) {

    /*
     * Reduce vertical and horizontal spacing on smaller screens
     * while preserving the full-width enquiry treatment.
     */
    .non-award-catalog-enquiries {
        padding: 1.25rem 0;
    }

    .non-award-catalog-enquiries-content {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}