/* ./assets/css/branding.css */
/* Branding & Global Colors for Shifting Expert Help Movers */
:root {
    --thm-primary: #ffc107;      /* Expert Yellow */
    --thm-secondary: #0d4250;    /* Professional Deep Teal */
    --thm-brand-font: 'Poppins', sans-serif;
}

/* ===============================
   NEW BRAND WRAP (Logo + Text)
================================= */
.brand-wrap {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    line-height: 1;
    transition: transform 0.25s ease;
}

.brand-wrap:hover {
    transform: translateY(-1px) scale(1.01);
}

.brand-logo {
    height: 90px;               /* BIG desktop logo */
    width: auto;
    object-fit: contain;
    display: block;
}

.brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.brand-name {
    font-family: var(--thm-brand-font);
    font-weight: 800;           /* Restored heavy weight */
    font-size: 24px;
    text-transform: uppercase;  /* Restored uppercase decoration */
    letter-spacing: .2px;
    color: var(--thm-secondary) !important; /* Restored Deep Teal */
    margin: 0;
}

/* Restored Double Color Logic */
.brand-name .brand-expert {
    color: var(--thm-primary) !important; /* Expert Yellow */
    text-shadow: 1px 1px 0px rgba(0,0,0,0.1); /* Restored subtle shadow */
}

.brand-tag {
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: rgba(13, 66, 80, 0.6);
    margin-top: 4px;
}

/* ===============================
   NAVBAR BRAND & RESPONSIVE LOGIC
================================= */
.navbar-brand {
    padding: 0;
    margin: 0;
}

/* Scale for Tablet & Mobile */
@media (max-width: 991px) {
    .brand-logo { height: 60px; }
    .brand-name { font-size: 19px; }
    .brand-tag { font-size: 10px; }
}

/* Mobile Phones */
@media (max-width: 575px) {
    .brand-logo { height: 48px; }
    .brand-name { font-size: 16px; }
    .brand-text { max-width: 170px; }
}

/* ===============================
   PROFESSIONAL BUTTONS
================================= */
.btn-primary-brand {
    background-color: var(--thm-secondary);
    color: #fff;
    border: none;
    transition: 0.3s;
}

.btn-primary-brand:hover {
    background-color: #0a333d;
    color: var(--thm-primary);
}