
/* PORTALISTA BRAND COLOURS */
/* Navy and cyan, matching the Portalista logo */

:root {
    --navy: #002B4D;
    --pink: #00BCE8;
    --portalista-navy: #002B4D;
    --portalista-cyan: #00BCE8;
    --portalista-cyan-dark: #0098C2;
    --portalista-cyan-light: #EAF9FE;
}

/* Titles and headings */
h1, h2, h3, h4, h5, h6 {
    color: var(--portalista-navy);
}

/* Hero retains its white title */
.hero h1 {
    color: #fff;
}

/* Highlighted words */
.hero h1 em,
h1 em,
h2 em,
h3 em {
    color: var(--portalista-cyan) !important;
}

/* Section accents */
.kicker,
.eyebrow,
.step-number {
    color: var(--portalista-cyan-dark);
}

.eyebrow::before {
    background: var(--portalista-cyan);
}

.step-number {
    background: var(--portalista-cyan-light);
}

/* Primary buttons */
.search button,
.btn,
.navcta {
    background: var(--portalista-cyan) !important;
    color: var(--portalista-navy) !important;
    border-color: var(--portalista-cyan) !important;
}

.search button:hover,
.btn:hover,
.navcta:hover {
    background: var(--portalista-cyan-dark) !important;
    border-color: var(--portalista-cyan-dark) !important;
    color: #fff !important;
}

/* Links */
.navlinks a:hover,
a:hover {
    color: var(--portalista-cyan-dark);
}

/* Active filters */
.tab.active {
    background: var(--portalista-navy);
    border-color: var(--portalista-navy);
    color: #fff;
}

/* Search controls */
.hero .search select:focus,
.hero .search .multi-select summary:focus-visible {
    border-color: var(--portalista-cyan) !important;
    outline: 2px solid var(--portalista-cyan-light);
}

/* Dropdown arrows */
.hero .search .multi-select summary::after {
    border-right-color: var(--portalista-navy);
    border-bottom-color: var(--portalista-navy);
}

/* Main CTA section */
.cta {
    background: var(--portalista-navy);
    color: #fff;
}

/* Keep white headings in dark sections */
.cta h2,
.cta h3 {
    color: #fff;
}

/* portalista-hero-eyebrow-cyan-v1 */
.hero .eyebrow {
    color: #00BCE8 !important;
    text-shadow: none !important;
}

.hero .eyebrow::before {
    background: #00BCE8 !important;
}

/* portalista-hero-dark-navy-v1 */
.hero .eyebrow,
.hero h1 em {
    color: #002B4D !important;
}

/* portalista-premium-hero-v1 */

/* Clean, readable hero typography */
.hero h1,
.hero h1 em {
    color: #ffffff !important;
    text-shadow: 0 3px 14px rgba(0, 25, 48, 0.48) !important;
}

.hero .eyebrow {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 25, 48, 0.45) !important;
}

.hero .eyebrow::before {
    background: #00BCE8 !important;
}

.hero p {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0, 25, 48, 0.55) !important;
}

/* portalista-property-reference-cyan-v1 */
.card-ref,
.property-ref,
.card .ref {
    color: #00BCE8 !important;
}
