/**
 * BIO FILAMENT — header polish + 404 page.
 *
 * Header: the theme styles the site title with Latin typography conventions —
 * text-transform:uppercase and letter-spacing:0.2em. Arabic has no uppercase,
 * and letter-spacing breaks the cursive joins between Arabic letters, so the
 * name renders as disconnected glyphs. Both are neutralised here and the
 * logo/title lockup is given proper proportions.
 */

/* ---------- Header: site title ---------- */
.wp-block-site-title {
    /* !important is required: the theme sets these inline on the element. */
    text-transform: none !important;
    letter-spacing: -0.01em !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}
.wp-block-site-title a {
    text-decoration: none;
    transition: color .15s ease;
}
.wp-block-site-title a:hover { color: #1B6B47; }

/* ---------- Header: logo ---------- */
.wp-block-site-logo img,
.custom-logo {
    width: 42px !important;
    height: 42px !important;
    object-fit: contain;
    border-radius: 8px;
}

/* Tighten the logo/title lockup so they read as one unit. */
.wp-block-site-logo { line-height: 0; }
header .wp-block-group.is-nowrap { gap: .7rem; }

/* ---------- 404 ---------- */
.bf-404 { text-align: center; padding-block: clamp(1.5rem, 5vw, 3rem); }

.bf-404-code {
    margin: 0 0 .5rem !important;
    font-size: clamp(3.5rem, 12vw, 6rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.04em;
    /* A quiet watermark, not a headline — the Arabic message leads. */
    color: #E3EAE7;
}
.bf-404-title {
    margin: 0 0 .75rem !important;
    font-size: clamp(1.4rem, 4vw, 2rem);
    font-weight: 800;
    letter-spacing: -.02em;
}
.bf-404-text {
    margin: 0 auto 1.75rem !important;
    max-width: 30rem;
    font-size: .95rem;
    line-height: 1.95;
    color: #5C6B66;
}
.bf-404-actions { justify-content: center; gap: .6rem; }