/* Moved out of resources/views/partials/brand-mark.blade.php on 2026-10-11 so browsers cache it.
   Edit THIS file; the partial links it with ?v=<mtime>. */
    .brand-mark { display: flex; align-items: center; justify-content: center; gap: 14px; max-width: 100%; margin: 0 auto 26px; text-align: start; text-decoration: none; }
    .brand-mark img { width: 54px; height: 54px; flex: 0 0 54px; object-fit: contain; }
    .brand-mark-text { display: flex; flex-direction: column; gap: 6px; min-width: 0; line-height: 1.3; }
    .brand-mark-lo { font-family: 'Noto-Sans-Lao-Bold', 'Noto Sans Lao', 'Noto-Sans-Lao', sans-serif; font-weight: 700; font-size: 22px; white-space: nowrap; }
    .brand-mark-en { font-family: 'Noto-Sans-Lao-Bold', 'Noto Sans Lao', 'Noto-Sans-Lao', Arial, sans-serif; font-weight: 700; font-size: 14px; white-space: nowrap; letter-spacing: .01em; }
    /* On the sign-in glass (dark by day and by night). */
    .brand-mark.bm-glass img { filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .45)); }
    .brand-mark.bm-glass .brand-mark-lo { color: #9dbcff; text-shadow: 0 2px 8px rgba(0, 0, 0, .45); }
    .brand-mark.bm-glass .brand-mark-en { color: #ff6b7a; text-shadow: 0 1px 6px rgba(0, 0, 0, .4); }
    /* On a page that follows the light/dark theme. */
    .brand-mark.bm-page .brand-mark-lo { color: #1b3f9a; }
    .brand-mark.bm-page .brand-mark-en { color: #c8102e; }
    [data-theme=dark] .brand-mark.bm-page .brand-mark-lo, html.dark .brand-mark.bm-page .brand-mark-lo { color: #9dbcff; }
    [data-theme=dark] .brand-mark.bm-page .brand-mark-en, html.dark .brand-mark.bm-page .brand-mark-en { color: #ff6b7a; }
    @media (min-width: 768px) {
        .brand-mark.bm-glass img { width: 64px; height: 64px; flex-basis: 64px; }
        .brand-mark.bm-glass .brand-mark-lo { font-size: 27px; }
        .brand-mark.bm-glass .brand-mark-en { font-size: 16px; }
    }
    @media (max-width: 480px) {
        .brand-mark { gap: 10px; }
        .brand-mark img { width: 44px; height: 44px; flex-basis: 44px; }
        .brand-mark-lo { font-size: 17px; }
        .brand-mark-en { font-size: 11.5px; }
    }