/* LIAMES brand utilities + site logo sizing (frontend) */

/* ---- Site logo: reserve space so search never overlaps ---- */
.main-header-area {
    column-gap: 16px;
}

.header-logo,
.header-offcanvas-logo,
.atn-logo {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    min-width: max-content !important;
    max-width: none !important;
    margin-right: 12px;
    position: relative;
    z-index: 2;
}

.footer-middle-logo {
    flex: 0 0 auto;
    max-width: var(--liames-logo-footer-w, 200px);
}

.header-logo a,
.header-offcanvas-logo a,
.atn-logo,
.footer-middle-logo a {
    display: inline-flex !important;
    align-items: center;
    max-width: 100%;
}

.header-logo img,
.header-offcanvas-logo img,
.atn-logo img,
.footer-middle-logo img,
.light-logo-preview,
.dark-logo-preview,
img.h-77 {
    display: block !important;
    width: auto !important;
    height: var(--liames-logo-header-h, 48px) !important;
    max-width: var(--liames-logo-header-w, 240px) !important;
    max-height: var(--liames-logo-header-h, 48px) !important;
    object-fit: contain !important;
    object-position: left center;
    padding: 0 !important;
}

.footer-middle-logo img {
    height: var(--liames-logo-footer-h, 44px) !important;
    max-height: var(--liames-logo-footer-h, 44px) !important;
    max-width: var(--liames-logo-footer-w, 200px) !important;
}

/* Search/nav yields space to the logo */
.header-right-area {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100%;
}

.header-search-form {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 382px;
}

@media (max-width: 767.98px) {
    .header-logo,
    .header-offcanvas-logo,
    .atn-logo {
        margin-right: 8px;
    }

    .header-logo img,
    .header-offcanvas-logo img,
    .atn-logo img,
    .light-logo-preview,
    img.h-77 {
        height: var(--liames-logo-mobile-h, 40px) !important;
        max-height: var(--liames-logo-mobile-h, 40px) !important;
        max-width: var(--liames-logo-mobile-w, 170px) !important;
    }
}

/* Brand utility helpers */
.text-liames-primary { color: var(--liames-primary) !important; }
.text-liames-secondary { color: var(--liames-secondary) !important; }
.text-liames-muted { color: var(--liames-text-muted) !important; }
.bg-liames-primary { background-color: var(--liames-primary) !important; }
.bg-liames-secondary { background-color: var(--liames-secondary) !important; }
.bg-liames-soft { background-color: var(--liames-bg) !important; }
.border-liames-primary { border-color: var(--liames-primary) !important; }

.btn-liames-primary {
    background-color: var(--liames-primary) !important;
    border-color: var(--liames-primary) !important;
    color: #fff !important;
}

.btn-liames-primary:hover {
    filter: brightness(0.95);
}

.btn-liames-secondary {
    background-color: var(--liames-secondary) !important;
    border-color: var(--liames-secondary) !important;
    color: #fff !important;
}

.mobile-menu-btn {
    color: var(--liames-primary, #3B82F6);
}

.icon-color,
.grid-list-bookmark svg path,
.white-bookmark svg path {
    fill: var(--liames-primary, #3B82F6) !important;
}

.grid-list-bookmark.active svg path,
.white-bookmark.active svg path {
    fill: var(--liames-secondary, #8B5CF6) !important;
}

/* Compact Brazil geo selects in header search */
.header-search-wrap .br-search-estado,
.header-search-wrap .br-search-cidade,
.header-search-wrap .br-search-bairro {
    max-width: 110px;
    min-width: 90px;
}
.atn-search-content {
    row-gap: 12px;
}