/* Scoped adapter for the official QuestDL Notifications header shortcode. */
.qng-header-main--notifications .qng-header-actions {
    min-width: 0;
    gap: 10px;
}
.qng-header-notification-slot {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    width: auto;
    max-width: min(420px, 34vw);
    min-width: 0;
}
.qng-header-notification-slot > .qdl-notifications-esi-slot,
.qng-header-notification-slot > .qdl-notification-shell,
.qng-header-notification-slot > [data-qdl-notifications="header"] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.qng-header-notification-slot .qdl-notification-header {
    max-width: 100%;
    min-width: 0;
}
.qng-header-notification-slot .qdl-notification-header.qdl-notification-header-has-loyalty,
.qng-header-notification-slot .qdl-notification-header-has-loyalty .qdl-header-user-row {
    width: 100%;
    max-width: 100%;
}
.qng-header-notification-slot .qdl-header-loyalty-ribbon {
    min-width: 0;
    border-color: rgba(124, 58, 237, .22);
    background: linear-gradient(105deg, #F1EBFF 0%, #FBFAFF 46%, #EAFBFF 100%);
    color: #242047 !important;
    box-shadow: 0 5px 16px rgba(92, 68, 164, .12), inset 0 1px 0 rgba(255, 255, 255, .9);
}
.qng-header-notification-slot .qdl-header-loyalty-ribbon:visited,
.qng-header-notification-slot .qdl-header-loyalty-ribbon:active {
    color: #242047 !important;
}
.qng-header-notification-slot .qdl-header-loyalty-ribbon:hover {
    border-color: rgba(124, 58, 237, .42);
    color: #242047 !important;
    box-shadow: 0 7px 20px rgba(92, 68, 164, .16), inset 0 1px 0 rgba(255, 255, 255, .96);
}
.qng-header-notification-slot .qdl-header-loyalty-ribbon:focus-visible {
    outline-color: #6D28D9;
}
.qng-header-notification-slot .qdl-header-loyalty-ribbon-icon {
    border-color: rgba(124, 58, 237, .16);
    background: linear-gradient(145deg, #DED5FF 0%, #F0EDFF 58%, #CFF7FF 100%);
    color: #6D28D9;
}
.qng-header-notification-slot .qdl-header-loyalty-ribbon-label,
.qng-header-notification-slot .qdl-header-loyalty-ribbon-hint {
    color: #514A79;
}
.qng-header-notification-slot .qdl-header-loyalty-ribbon-balance strong {
    color: #24164F;
}
.qng-header-notification-slot .qdl-header-loyalty-ribbon-progress-head {
    color: #39345F;
}
.qng-header-notification-slot .qdl-header-loyalty-ribbon-progress-head strong {
    color: #6D28D9;
}
.qng-header-notification-slot .qdl-header-loyalty-ribbon-track {
    background: #DDD6FE;
}
.qng-header-notification-slot .qdl-header-loyalty-ribbon-track > span {
    background: linear-gradient(100deg, #6D28D9 0%, #8B5CF6 55%, #22D3EE 100%);
    box-shadow: 0 0 9px rgba(124, 58, 237, .25), inset 0 1px 0 rgba(255, 255, 255, .36);
}
.qng-header-notification-slot .qdl-header-loyalty-ribbon-arrow {
    color: #6D28D9;
}
.qng-account-action--notification-integration .qng-action-icon {
    display: grid;
    flex: 0 0 40px;
}
.qng-account-action--notification-integration .qng-action-icon svg {
    display: block;
    width: 20px;
    height: 20px;
}

@media (min-width: 851px) and (max-width: 1100px) {
    .qng-header-notification-slot { max-width: min(255px, 29vw); }
    .qng-header-main--notifications .qng-header-actions { gap: 9px; }
    .qng-header-main--notifications .qng-header-action .qng-action-label { display: none; }
    .qng-header-notification-slot .qdl-header-loyalty-ribbon {
        grid-template-columns: 28px minmax(50px, max-content) minmax(0, 1fr) 12px;
        gap: 5px;
        padding-inline: 6px;
    }
    .qng-header-notification-slot .qdl-header-loyalty-ribbon-icon { width: 28px; height: 30px; }
    .qng-header-notification-slot .qdl-header-loyalty-ribbon-icon svg { width: 18px; height: 18px; }
    .qng-header-notification-slot .qdl-header-loyalty-ribbon-balance strong { font-size: 15px; }
}

@media (max-width: 850px) {
    .qng-header-notification-slot { max-width: min(255px, 34vw); }
    .qng-header-main--notifications .qng-header-actions { gap: 8px; }
    .qng-header-main--notifications .qng-header-action .qng-action-label { display: none; }
}

@media (max-width: 600px) {
    .qng-header-main--notifications {
        grid-template-columns: minmax(0, 1fr);
        align-items: center;
    }
    .qng-header-main--notifications > .qng-brand,
    .qng-header-main--notifications > .custom-logo-link {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        min-width: 0;
    }
    .qng-header-main--notifications .qng-header-actions {
        grid-column: 1;
        grid-row: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-width: 0;
        gap: 8px;
    }
    .qng-header-main--notifications .qng-header-search {
        grid-column: 1;
        grid-row: 3;
        width: 100%;
        max-width: none;
        min-width: 0;
        margin-top: 1px;
    }
    .qng-header-notification-slot {
        flex: 0 1 auto;
        width: auto;
        max-width: min(420px, calc(100vw - 190px));
    }
    .qng-header-main--notifications .qng-account-action--notification-integration .qng-action-icon {
        display: grid !important;
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }
    .qng-header-main--notifications .qng-account-action--notification-integration .qng-action-label,
    .qng-header-main--notifications .qng-cart-action .qng-action-label {
        display: none;
    }
    .qng-header-main--notifications .qng-action-icon { width: 38px; height: 38px; }
}