/* Header text logo — Shahid Aslam */

.attorna-logo:has(.sa-brand-logo) {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.attorna-animate-fixed-navigation .attorna-logo:has(.sa-brand-logo) {
    padding-top: 22px !important;
    padding-bottom: 18px !important;
}

.attorna-logo-inner:has(.sa-brand-logo) {
    max-width: none;
    width: auto;
}

.attorna-mobile-header .attorna-logo:has(.sa-brand-logo) {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.attorna-mobile-header .attorna-logo-inner:has(.sa-brand-logo) {
    max-width: none;
}

.sa-brand-logo {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    line-height: 1.2;
    text-decoration: none;
    color: #1a3329;
}

.sa-brand-logo:hover,
.sa-brand-logo:focus {
    color: #1a3329;
    text-decoration: none;
}

.sa-brand-logo__name {
    font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.15;
    color: #1a3329;
    white-space: nowrap;
}

.sa-brand-logo__qual {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #8e8e8e;
    white-space: nowrap;
}

/* Sticky / scrolled header */
.attorna-animate-fixed-navigation .attorna-logo-inner:has(.sa-brand-logo) {
    max-width: none;
}

.attorna-animate-fixed-navigation .sa-brand-logo__name {
    font-size: 18px;
}

.attorna-animate-fixed-navigation .sa-brand-logo__qual {
    font-size: 10px;
    letter-spacing: 0.12em;
}

/* Mobile header */
.attorna-mobile-header .sa-brand-logo__name {
    font-size: 16px;
}

.attorna-mobile-header .sa-brand-logo__qual {
    font-size: 9px;
    letter-spacing: 0.1em;
}

@media only screen and (max-width: 767px) {
    .attorna-mobile-header .sa-brand-logo__name {
        font-size: 15px;
    }

}

@media only screen and (max-width: 480px) {
    .sa-brand-logo__name {
        font-size: 14px;
        white-space: normal;
    }

    .sa-brand-logo__qual {
        letter-spacing: 0.08em;
    }
}