/* 
Theme Name: Injuryclinicmiami
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Injuryclinicmiami is a child theme of Hello Elementor
Author: dayreldev
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 */

/* ───────────────────────────────────────────────────────────────
   Single post
   ──────────────────────────────────────────────────────────────── */
.single h1,
.single h2,
.single h3,
.single h4 {
    color: var(--e-global-color-text);
    margin-block: 1rem !important;
}

.single h1 {
    font-size: clamp(1.5rem, 1rem + 2vw, 3rem);
}
.single h2 {
    font-size: clamp(1.25rem, 0.75rem + 2vw, 2rem);
}
.single h3 {
    font-size: clamp(1.125rem, 0.625rem + 2vw, 1.75rem);
}
.single h4 {
    font-size: clamp(1rem, 0.5rem + 2vw, 1.5rem);
}

.single-hero {
    position: relative;
    text-align: center;
}

.single-hero__image img {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    display: block;
}

.single-hero__title h1 {
    margin: 0;
    color: var(--e-global-color-secondary);
}

.single-content {
    max-width: min(100%, var(--container-max-width, 1140px));
    margin: 0 auto;
    padding-block: 40px;
}

/* ───────────────────────────────────────────────────────────────
   404
   ──────────────────────────────────────────────────────────────── */
.injury-404 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
}

.injury-404__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.5rem;
    max-width: min(90vw, 640px);
}

.injury-404__code {
    margin: 0;
    font-size: clamp(6rem, 4rem + 10vw, 12rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.04em;
    color: var(--e-global-color-secondary);
}

.injury-404__divider {
    width: 3rem;
    height: 2px;
    background-color: var(--e-global-color-secondary);
}

.injury-404__title {
    margin: 0;
    font-size: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    font-weight: 700;
    line-height: 1.1;
    color: var(--e-global-color-secondary) !important;
}

.injury-404__message {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.7;
}

.injury-404__cta {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 1rem 2.25rem;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.injury-404__cta:hover,
.injury-404__cta:focus {
    
}