/* ==========================================================================
   Header · brand — BẢN MÁY TÍNH

   Logo (nut that SVG) + ten web + khau hieu duoi logo.

   Số đo dùng thang --cq-1..6, màu dùng token (Theme.css).
   Bản máy tính và bản điện thoại TÁCH HẲN — không bản nào đè bản nào.
   Dòng "← file cũ" cho biết luật đó gom về từ đâu.
   ========================================================================== */

/* ← Template/HeaderBrand.ascx */
#logo.cq-logo {

        display: inline-flex;
        align-items: center;
        gap: 14px;
        text-decoration: none;
}

#logo.cq-logo img,
    #logo.cq-logo .cq-knot {

        display: block;
        width: 58px;
        height: 58px;
        object-fit: contain;
        flex: 0 0 auto;
}

#logo.cq-logo .cq-knot {
 color: var(--cq-logo-mark, #0E7C6E);
}

#logo.cq-logo .cq-logo__text {

        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 58px;
}

#logo.cq-logo .text {

        display: block;
        margin: 0;
        color: var(--cq-logo-text, #1f3f63);
        font-family: 'Montserrat', 'Muli', sans-serif;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0.05em;
        line-height: 1.05;
        text-transform: uppercase;
}

#logo.cq-logo .cq-logo__tagline {

        display: block;
        margin-top: 6px;
        color: var(--cq-logo-tagline, #607286);
        font-size: 13px;
        font-family: 'Montserrat', 'Muli', sans-serif;
        font-weight: 500;
        line-height: 1.2;
        letter-spacing: 0.01em;
}

#logo.cq-logo .clear {

        display: none;
}

/* ← Content/Styles/Site.css */
#logo img {


    float: left;

    margin-right: 10px;
}

#logo span {


    display: block;
}

#logo span.text {


        font-weight: bold;

        letter-spacing: 2.3px;

        font-size: 18px;
}

#logo {


    text-align: left;

    letter-spacing: 1px;

    width: 232px;

    float: left;

    font-family: 'Montserrat', sans-serif;

    padding: 5px 0;
}


/* ← Content/Styles/mobile-v2.css */
#headPage #logo.cq-logo .cq-logo__tagline {


    white-space: nowrap;
}

#headPage #logo.cq-logo .cq-logo__l1,

#headPage #logo.cq-logo .cq-logo__l2 {


    display: inline;
}


@media (min-width: 1280px) and (max-width: 1439px) {
    /* ← Content/Styles/mobile-v2.css */
    #headPage #logo.cq-logo .cq-logo__text {


        display: none;
    }

}