/* ShovelReady — Custom CSS overrides */

/* Inter font is loaded via Google Fonts in header.php */

/* ── Focus Ring ─────────────────────────────────────────────────────────── */
/* Override browser focus outline to use accent color */
*:focus-visible {
    outline: 2px solid #47EBEB;
    outline-offset: 2px;
}

/* ── Line Clamp ──────────────────────────────────────────────────────────── */
/* Fallback for browsers without native line-clamp support */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Custom Scrollbar ─────────────────────────────────────────────────────── */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #F0F2F4;
}
::-webkit-scrollbar-thumb {
    background: #1B5998;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #154880;
}

/* ── Select element arrow ─────────────────────────────────────────────────── */
/* Make select consistent with input styling */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239CA3AF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
    padding-right: 2.5rem !important;
}

/* ── Smooth transitions on links ─────────────────────────────────────────── */
a {
    transition-property: color, background-color, border-color, opacity;
    transition-timing-function: ease;
    transition-duration: 150ms;
}

/* ── Phone link ───────────────────────────────────────────────────────────── */
a[href^="tel:"] {
    text-decoration: none;
}