/* Hellenism in Action — hub & pillar overrides on Porto law-firm-2 */

:root {
    --hia-font-family: "Ubuntu", Helvetica, Arial, sans-serif;
}

/* Match pillar layout width (from demo-auto-services.css) on hub and all pillars */
@media (min-width: 1200px) {
    body.hia-hub .container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom),
    body.hia-pillar .container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) {
        max-width: 1200px;
    }
}

/* Hub theme — mockup blue palette (replaces law-firm-2 gold #ad9263) */
body.hia-hub {
    --primary: #1a56a0;
    --primary-100: #164a8a;
    --primary-200: #13407a;
    --primary-300: #10366a;
    --primary--100: #336db0;
    --primary--200: #477cb8;
    --primary--300: #5b8bc0;
    --primary-rgba-0: rgba(26, 86, 160, 0);
    --primary-rgba-10: rgba(26, 86, 160, 0.1);
    --primary-rgba-20: rgba(26, 86, 160, 0.2);
    --primary-rgba-30: rgba(26, 86, 160, 0.3);
    --primary-rgba-40: rgba(26, 86, 160, 0.4);
    --primary-rgba-50: rgba(26, 86, 160, 0.5);
    --primary-rgba-60: rgba(26, 86, 160, 0.6);
    --primary-rgba-70: rgba(26, 86, 160, 0.7);
    --primary-rgba-80: rgba(26, 86, 160, 0.8);
    --primary-rgba-90: rgba(26, 86, 160, 0.9);
}

body,
.body,
body .main,
h1, h2, h3, h4, h5, h6,
p, a, li, label, button, input, select, textarea,
.btn, .nav-link, .dropdown-item,
.alternative-font-4,
.custom-font-secondary,
.card-title,
#header .header-nav-main nav > ul > li > a,
#footer {
    font-family: var(--hia-font-family) !important;
}

.hia-hero {
    min-height: 520px;
    background: linear-gradient(135deg, #f4f7fb 0%, #e8eef5 100%);
    position: relative;
    overflow: hidden;
}

.hia-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/media/world-map-network.png") center/contain no-repeat;
    opacity: 0.35;
}

.hia-hero .container {
    position: relative;
    z-index: 2;
}

.hia-pillar-cards {
    row-gap: 0;
}

.hia-pillar-initiative-card {
    overflow: hidden;
    border-top: 4px solid var(--hia-pillar-color, #1a56a0) !important;
}

.hia-pillar-initiative-card .card-img-top {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    aspect-ratio: 1 / 1;
    background-color: #f4f7fb;
    padding: 0.5rem;
}

.hia-pillar-initiative-card .card-body {
    min-height: 0;
}

.hia-pillar-card {
    border-top: 4px solid var(--hia-pillar-color, #1a56a0);
}

.hia-pillar-card .card-body {
    min-height: 0;
}

.hia-pref-logo {
    max-height: 60px;
    width: auto;
    vertical-align: middle;
    margin-right: 0.4rem;
}

.hia-header-pillar-logo {
    width: auto;
    max-width: 180px;
    object-fit: contain;
}

.hia-header-logo,
.hia-footer-logo {
    max-height: 60px;
    width: auto;
    max-width: 220px;
    object-fit: contain;
}

.hia-pillar-hero-logo {
    max-height: 64px;
    width: auto;
    max-width: 240px;
    object-fit: contain;
}

.hia-pillar-hero {
    min-height: 420px;
}

.hia-pillar-hero .custom-svg-1 {
    z-index: 1;
}

.hia-pillar-hero .container {
    z-index: 2;
}

.hia-preferences .hia-pref-logo {
    max-height: 36px;
    margin-right: 0;
}

.hia-pillar-card--regain { --hia-pillar-color: #1a56a0; }
.hia-pillar-card--exchange { --hia-pillar-color: #2d8a4e; }
.hia-pillar-card--explore { --hia-pillar-color: #e67e22; }
.hia-pillar-card--reconnect { --hia-pillar-color: #c0392b; }

.hia-pillar-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.2rem 0.55rem;
    border-radius: 3px;
    color: #fff;
    background: var(--hia-pillar-color, #1a56a0);
}

.hia-news-filters .btn {
    border-radius: 999px;
    margin: 0.15rem;
}

.hia-news-filters .btn.active {
    background-color: var(--primary, #1a56a0);
    border-color: var(--primary, #1a56a0);
    color: #fff;
}

.hia-preferences .form-check-input:checked {
    background-color: var(--primary, #1a56a0);
    border-color: var(--primary, #1a56a0);
}

.pillar-regain { --primary: #1a56a0; }
.pillar-exchange { --primary: #2d8a4e; }
.pillar-explore { --primary: #e67e22; }
.pillar-reconnect { --primary: #c0392b; }

body.pillar-regain #header .btn-primary,
body.pillar-regain .text-color-primary { --primary: #1a56a0; }

.hia-pillar-switcher .dropdown-menu {
    min-width: 220px;
}

.hia-pillar-switcher-btn::after {
    display: none !important;
}

.hia-header-top .header-row {
    min-height: 44px;
}

.hia-header-top .btn-primary {
    white-space: nowrap;
}

@media (max-width: 991.98px) {
    .hia-header-top .list-inline-item {
        font-size: 0.85rem;
    }

    .hia-header-top .btn-primary {
        font-size: 0.75rem;
        padding: 0.4rem 0.75rem;
    }
}

@media (max-width: 575.98px) {
    .hia-header-top .list-inline-item {
        max-width: 52vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

    .hia-header-top .list-inline-item a {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }
}

@media (max-width: 767.98px) {
    .hia-site-header > .header-body > .header-container > .header-row {
        flex-wrap: nowrap !important;
    }

    .hia-site-header .header-column:last-child > .header-row {
        flex-wrap: nowrap !important;
        justify-content: flex-end;
        gap: 0.25rem;
    }

    .hia-pillar-header .hia-header-pillar-logo {
        max-height: 36px;
        max-width: 110px;
    }

    .hia-hub-header .hia-header-logo {
        max-height: 36px;
        max-width: 120px;
    }

    .hia-site-header .hia-pillar-switcher-btn {
        font-size: 0.75rem;
        padding: 0.35rem 0.5rem;
        white-space: nowrap;
    }

    .hia-site-header .hia-pillar-switcher-btn .fa-chevron-down {
        font-size: 0.65rem;
    }

    .hia-site-header .header-btn-collapse-nav {
        padding: 0.35rem 0.5rem;
    }
}

.hia-article-card .card-img-top {
    height: 200px;
    object-fit: cover;
}

.hia-article-body img {
    max-width: 100%;
    height: auto;
}