/* ==========================================================================
   Emergency Skin — Bold, red, 24/7 urgency
   ========================================================================== */
.style-emergency {
    --color-primary: #c0392b;
    --color-primary-dark: #962d22;
    --color-accent: #e74c3c;
    --color-bg: #ffffff;
    --color-bg-secondary: #f8f8f8;
    --color-text: #1a1a1a;
    --font-heading: 'Oswald', sans-serif;
    --font-body: 'Open Sans', sans-serif;
}

/* --- Header --- */
.style-emergency .emergency-header__top {
    background-color: #111;
    color: rgba(255, 255, 255, 0.75);
    padding: 0.5rem 0;
    font-size: 0.8125rem;
}

.style-emergency .emergency-header__top-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.style-emergency .emergency-header__top-text {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    color: rgba(255, 255, 255, 0.75);
}

.style-emergency .emergency-header__review-link,
.style-emergency .emergency-header__area-link {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 0.8125rem;
    transition: color 200ms ease;
}

.style-emergency .emergency-header__review-link:hover,
.style-emergency .emergency-header__area-link:hover {
    color: var(--color-accent);
    text-decoration: none;
}

.style-emergency .emergency-header__top-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.style-emergency .emergency-header__main {
    background-color: #1a1a1a;
}

.style-emergency .emergency-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    height: 72px;
}

.style-emergency .emergency-header__logo {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
}

.style-emergency .emergency-header__logo-icon {
    color: #e74c3c;
}

.style-emergency .emergency-header__logo-text {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

/* On small screens the wide uppercase logo must leave room for the hamburger. */
@media (max-width: 600px) {
    .style-emergency .emergency-header__logo-text {
        font-size: 1.125rem;
    }
}

.style-emergency .emergency-nav .main-nav__link {
    color: rgba(255, 255, 255, 0.85);
    font-family: var(--font-heading);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.875rem;
}

.style-emergency .emergency-nav .main-nav__link:hover,
.style-emergency .emergency-nav .main-nav__link.is-active {
    color: #e74c3c;
}

.style-emergency .emergency-nav .main-nav__dropdown {
    background-color: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.1);
}

.style-emergency .emergency-nav .main-nav__dropdown li a {
    color: rgba(255, 255, 255, 0.8);
}

.style-emergency .emergency-nav .main-nav__dropdown li a:hover {
    background-color: rgba(255, 255, 255, 0.06);
    color: #e74c3c;
}

.style-emergency .emergency-header__right {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.style-emergency .emergency-header__phone {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: #e74c3c;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 1.0625rem;
    letter-spacing: 0.02em;
}

.style-emergency .emergency-header__phone-number {
    font-size: 1.125rem;
}

.style-emergency .emergency-header__badge {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background-color: #c0392b;
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 0.06em;
    vertical-align: middle;
}

.style-emergency .emergency-header__cta {
    display: none;
}

@media (min-width: 1024px) {
    .style-emergency .emergency-header__cta {
        display: inline-flex;
    }
}

.style-emergency .mobile-menu-toggle__bar {
    background-color: rgba(255, 255, 255, 0.9);
}

.style-emergency .mobile-nav {
    background-color: #1a1a1a;
    border-top-color: rgba(255, 255, 255, 0.1);
}

.style-emergency .mobile-nav__link,
.style-emergency .mobile-nav__toggle {
    color: rgba(255, 255, 255, 0.85);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.style-emergency .mobile-nav__submenu a {
    color: rgba(255, 255, 255, 0.6);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* --- Trust Bar --- */
.style-emergency .trust-bar {
    background-color: #c0392b;
    border-color: transparent;
}

.style-emergency .trust-bar__item {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 700;
    font-family: var(--font-heading);
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-size: 0.875rem;
}

.style-emergency .trust-bar__item svg {
    color: rgba(255, 255, 255, 0.8);
}

.style-emergency .trust-bar__sep {
    background-color: rgba(255, 255, 255, 0.4);
}

/* --- Buttons --- */
.style-emergency .btn--primary {
    background-color: #c0392b;
    border-color: #c0392b;
    color: #fff;
    font-family: var(--font-heading);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.style-emergency .btn--primary:hover {
    background-color: #962d22;
    border-color: #962d22;
}

.style-emergency .btn--accent {
    background-color: #e74c3c;
    border-color: #e74c3c;
    font-family: var(--font-heading);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* --- Service Cards --- */
.style-emergency .service-card__icon {
    background-color: rgba(192, 57, 43, 0.12);
    color: #c0392b;
}

/* --- Mobile CTA --- */
.style-emergency .mobile-cta__call {
    background-color: #c0392b;
}

.style-emergency .mobile-cta__quote {
    background-color: #1a1a1a;
}

/* --- Footer --- */
.style-emergency .emergency-footer {
    background-color: #111;
}