/*
==========================================================================
    Component: Global Typography
    Site-wide typography, list formatting, and content styling
==========================================================================
*/

/* --- Typography Fundamentals --- */

b, strong {
    font-weight: 550;
    letter-spacing: -0.8px;
    color: black !important;
}

/* --- List Formatting --- */

/* Ordered Lists (Numbered Lists) Spacing */
ol li {
    margin-bottom: 1.2em; /* Vertical gap between list items */
}

ol li:first-child {
    margin-top: 0.6em; /* Space after list starts */
}

ol li:last-child {
    margin-bottom: 0.4em; /* Prevents extra space after the very last item */
}

/* Unordered Lists */
ul li:first-child {
    margin-top: 0em; /* No extra space at list start */
}

ul li {
    margin-bottom: 0.6em; /* Space between list items */
}

ul li:last-child {
    padding-bottom: 1em; /* Extra space after list ends */
}

/* Nested Lists - Reduce spacing for unordered lists within ordered lists */
ol li ul li {
    margin-bottom: 0.5em; /* Reduced spacing for nested items */
}

ol li ul li:last-child {
    margin-bottom: 0; /* No extra space after last nested item */
}

/* --- Content Links --- */

/* Link State */
.content-link a {
    color: #000000 !important; /* Black color */
    text-decoration: underline !important; /* Always underlined */
    transition: color 0.3s ease; /* Smooth transition for color change on hover */
}

/* Hover State */
.content-link a:hover {
    color: #7f7f7f !important; /* Grey color on hover */
    text-decoration: underline; /* Remains underlined on hover */
}

/* --- Elementor Platform Overrides --- */

/* Button Link Underline Removal */
.no-button-text-link .elementor-button {
    text-decoration: none !important;
}

.no-button-text-link .elementor-button-text u {
    text-decoration: none !important;
}

.no-button-text-link .elementor-button:hover {
    text-decoration: none !important;
}

/* CTA Widget Link Underline Removal */
.no-cta-text-link .elementor-cta__button {
    text-decoration: none !important;
}

.no-cta-text-link .elementor-cta__button u {
    text-decoration: none !important;
}

.no-cta-text-link .elementor-cta__button:hover {
    text-decoration: none !important;
}