/* ==========================================================================
   Base Styles & Typography
   Based on the new "HD Claims" branding
   ========================================================================== */
body {
    font-family: 'Inter', sans-serif;
    color: #232323;
    background-color: #F7F5F2;
}

h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 800; /* Bolder headings to match the design */
}

/* ==========================================================================
   Header & Navigation Styles
   ========================================================================== */
.header-logo {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 800;
    font-size: 1.75rem;
    line-height: 1;
    letter-spacing: -0.05em;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu a {
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

/* ==========================================================================
   Component-Specific Styles
   ========================================================================== */

/* Alpine.js utility to hide elements until initialized */
[x-cloak] {
    display: none !important;
}

/* Prose styles for long-form text pages */
.prose h2 {
    margin-top: 2.5em;
    margin-bottom: 1em;
}
.prose h3 {
    margin-top: 2em;
    margin-bottom: 0.75em;
}
.prose p {
    margin-bottom: 1.25em;
}
.prose ul {
    list-style-type: disc;
    padding-left: 1.5em;
    margin-bottom: 1.25em;
}
.prose ul li {
    margin-bottom: 0.5em;
}
.prose table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.prose th, .prose td {
    border: 1px solid #e5e7eb;
    padding: 0.75em 1em;
    text-align: left;
}
.prose th {
    background-color: #f3f4f6;
    font-weight: 600;
}


.hero-bg-inner {
    background-size: cover;
    background-position: center;
}