/* Underwater Resources – brand overrides on top of Crafto consulting theme */

:root {
    --base-color: #0087be;
}

.text-base-color      { color: #0087be !important; }
.bg-base-color        { background-color: #0087be !important; }
.border-base-color    { border-color: #0087be !important; }
.btn-base-color       { background-color: #0087be !important; border-color: #0087be !important; color: #fff !important; }
.btn-base-color:hover { background-color: #006fa0 !important; border-color: #006fa0 !important; }

/* ── Logo size overrides (consulting.css caps at 35px) ── */
header .navbar-brand img { max-height: none !important; }
footer .footer-logo img  { max-height: none !important; }

/* ── Mobile logo — keep hamburger on same row ── */
@media (max-width: 991px) {
    .navbar-brand img.mobile-logo { height: 42px !important; }
}

/* ── Nav CTA button ───────────────────────────── */
.ur-nav-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    white-space: nowrap;
    border-radius: 4px;
    background-color: #0087be;
    color: #fff !important;
    border: 2px solid #0087be;
    transition: background 0.2s, border-color 0.2s;
}
.ur-nav-cta:hover {
    background-color: #006fa0;
    border-color: #006fa0;
    color: #fff !important;
}
.ur-nav-cta i { font-size: 14px; }

/* ── Service card images – consistent height ──── */
.interactive-banner-style-05 figure {
    height: 400px;
    overflow: hidden;
}
.interactive-banner-style-05 figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* ── Accordion active colour ──────────────────── */
.accordion-style-02 .accordion-item.active-accordion .accordion-title {
    color: #0087be;
}

/* ── Footer ───────────────────────────────────── */
.ur-footer { background-color: #0d1b2a; }
.ur-footer p,
.ur-footer ul li a { color: rgba(255,255,255,0.65); }
.ur-footer ul li a:hover { color: #0087be; }
.ur-footer .footer-logo img { filter: none; }

/* ── Dark outline button (on light backgrounds) ── */
.btn-outline-dark:hover,
.btn-outline-dark:focus {
    background-color: #0d1b2a !important;
    border-color: #0d1b2a !important;
    color: #fff !important;
}

/* ── White ghost button (override Crafto's faint default) ── */
.btn-outline-white {
    color: #fff !important;
    background-color: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.85) !important;
}
.btn-outline-white:hover,
.btn-outline-white:focus {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #0d1b2a !important;
}

/* ── Instagram feed – uniform square tiles ───── */
.instagram-follow-api .instafeed-grid figure {
    height: 280px;
}
.instagram-follow-api .instafeed-grid figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* ── About page intro heading – mobile fix ───── */
@media (max-width: 767px) {
    .about-intro-heading {
        letter-spacing: -0.5px !important;
        line-height: 1.15 !important;
    }
}

/* ── Contact form fields ─────────────────────── */
#quote-form input,
#quote-form textarea,
#quote-form select {
    background-color: #fff !important;
    border: 1px solid #000 !important;
}

/* ── CTA section overlay ──────────────────────── */
.ur-cta-bg { position: relative; }
.ur-cta-bg > .overlay { position: absolute; inset: 0; background: rgba(13,27,42,0.75); }
.ur-cta-bg > .container { position: relative; z-index: 1; }