/*
Theme Name: Legal Lines
Theme URI: https://legal-lines.com
Description: Professional law firm theme with Options API settings and Custom Post Types for Team, Testimonials, and Clients.
Version: 1.0.0
Author: Legal Lines
Text Domain: legal-lines
*/

/* ── Base ────────────────────────────────────────────────────────────────── */

html { scroll-behavior: smooth; }

/* ── Skip link ───────────────────────────────────────────────────────────── */

.skip-link {
    position: absolute;
    top: -100%;
    left: 1rem;
    z-index: 9999;
    padding: 0.75rem 1.5rem;
    background: #000c1e;
    color: #fff;
    font-weight: 700;
    font-size: 0.875rem;
    border-radius: 0 0 0.25rem 0.25rem;
    text-decoration: none;
    transition: top 0.15s;
}

.skip-link:focus {
    top: 0;
}

/* ── Focus visible ───────────────────────────────────────────────────────── */

/* Provide a visible focus ring that works on all backgrounds */
:focus-visible {
    outline: 2px solid #e3c191; /* tertiary-fixed-dim */
    outline-offset: 3px;
}

/* Override Tailwind's default for elements that already have ring styles */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
    outline: none;
}

/* ── Reduced motion ──────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ── Arabic / RTL ────────────────────────────────────────────────────────── */

[dir="rtl"] body,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4,
[dir="rtl"] p, [dir="rtl"] a,
[dir="rtl"] span:not(.material-symbols-outlined),
[dir="rtl"] li,
[dir="rtl"] button, [dir="rtl"] label, [dir="rtl"] input, [dir="rtl"] textarea {
    font-family: 'Cairo', sans-serif;
}

/* Restore icon font — must not be overridden by the Cairo rule above */
[dir="rtl"] .material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
}

/* ── Google Map iframe ───────────────────────────────────────────────────── */

.ll-map-container iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 400px;
    border: 0;
}