/* ─────────────────────────────────────────────────────────────────────
 * Blink — custom overrides
 * Loaded AFTER /assets/css/app.css, so anything here wins.
 * ────────────────────────────────────────────────────────────────── */

/* ── 1. Top navigation: solid black, every state ──────────────────────
 * The original `.hb-index-nav` rule uses the `background` shorthand
 * (`background: rgba(13,13,13,.8)`), so we must override the shorthand
 * too — overriding only `background-color` loses to a shorthand. */
#section-navigation,
#section-navigation.uk-section,
#section-navigation.uk-section-primary,
#section-navigation.hb-index-nav,
#section-navigation.sticky-active,
#section-navigation.uk-position-relative,
#section-navigation.uk-position-absolute,
#section-navigation .uk-navbar-container,
#section-navigation .uk-navbar-transparent,
#section-navigation .uk-navbar,
.hb-index-nav {
    background: #000 !important;
    background-color: #000 !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ── 2. Active nav link: bold when on that page ─────────────────────── */
#section-navigation .uk-navbar-nav li.is-current > a,
#section-navigation .uk-navbar-nav li.is-current > a span {
    font-weight: 700 !important;
}

/* ── 3. Top gap on pages with a breadcrumb ───────────────────────────
 * The top nav is `position: absolute` over the page (~115px tall), and
 * UIkit's `.uk-section-large` only provides 96px top padding by default —
 * not enough to clear the nav comfortably. Push the first content section
 * down so breadcrumbs and the title sit cleanly below the nav. */
.uk-section:has(> .uk-container.uk-text-meta:first-child) {
    padding-top: 200px !important;   /* ~115px nav + ~85px breathing room */
}
@media (max-width: 959px) {
    .uk-section:has(> .uk-container.uk-text-meta:first-child) {
        padding-top: 140px !important;  /* tighter on mobile where nav is shorter */
    }
}

/* Case-study pages: spacing between the hero and the title block. */
body.portfolio-single .uk-section:has(> .uk-container.uk-text-meta:first-child) {
    padding-top: 100px !important;
    padding-bottom: 60px !important;
}
@media (max-width: 959px) {
    body.portfolio-single .uk-section:has(> .uk-container.uk-text-meta:first-child) {
        padding-top: 60px !important;
        padding-bottom: 40px !important;
    }
}

/* ── 4. Contact form styling ─────────────────────────────────────────── */
#contact-form-block .uk-card {
    background-color: #f5f5f5 !important;
    border-radius: 4px;
}

#contact-form-block .uk-form-label {
    color: #222 !important;
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 6px;
    display: block;
}

#contact-form-block .uk-input,
#contact-form-block .uk-textarea {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #222;
    padding: 10px 14px;
    width: 100%;
    font-size: 0.95rem;
    transition: border-color 0.2s;
}

#contact-form-block .uk-input:focus,
#contact-form-block .uk-textarea:focus {
    border-color: #000;
    outline: none;
}

#contact-form-block .uk-button-primary {
    background: #000;
    color: #fff;
    border: none;
    padding: 12px 36px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 3px;
    cursor: pointer;
    transition: background 0.2s;
}

#contact-form-block .uk-button-primary:hover {
    background: #333;
}

#contact-form-block .uk-text-danger {
    color: #c0392b !important;
}

/* ── 5. Case-study hero banner — taller than UIkit's default 600px so the hero
 * aligns vertically with the live site across all case studies. Crops
 * may differ slightly per image (each has its own aspect ratio), but
 * the page-level layout stays consistent. */
body.portfolio-single .uk-section.uk-height-xlarge.uk-cover-container {
    height: 720px !important;
}
@media (max-width: 959px) {
    body.portfolio-single .uk-section.uk-height-xlarge.uk-cover-container {
        height: 520px !important;
    }
}