/* DomainVault customer palette v2.7.0. Applies ONLY to addon-owned elements.
   Every colour below is a validated server-side Appearance Studio setting. */
#dv-overlay .dv-modal{background:var(--dv-col-modal_bg)!important;color:var(--dv-safe-text,var(--dv-col-text))!important;border-color:var(--dv-col-divider)!important;box-shadow:0 25px 75px color-mix(in srgb,var(--dv-col-shadow) 22%,transparent)!important}
#dv-overlay .dv-modal-top{background:var(--dv-col-modal_header)!important;color:var(--dv-safe-modal_header_text,var(--dv-col-modal_header_text))!important}
#dv-overlay .dv-modal-top :is(span,strong,svg){color:var(--dv-safe-modal_header_text,var(--dv-col-modal_header_text))!important;stroke:currentColor}
#dv-overlay .dv-modal-close{color:var(--dv-safe-modal_header_text,var(--dv-col-modal_header_text))!important;border-color:color-mix(in srgb,var(--dv-safe-modal_header_text,var(--dv-col-modal_header_text)) 20%,transparent)!important}
#dv-overlay .dv-panel-scroll{background:var(--dv-col-modal_bg)!important;color:var(--dv-safe-text,var(--dv-col-text))!important}
#dv-overlay .dv-panel-intro h2{color:var(--dv-safe-text,var(--dv-col-text))!important}
#dv-overlay .dv-panel-intro h2 em,#dv-overlay .dv-panel-intro>span{color:var(--dv-col-primary)!important}
#dv-overlay .dv-panel-intro p,#dv-overlay .dv-panel-foot{color:var(--dv-col-text_soft)!important}
#dv-overlay .dv-panel-stats>div{background:var(--dv-col-surface_alt)!important;border-color:var(--dv-col-divider)!important}
#dv-overlay .dv-panel-stats strong{color:var(--dv-safe-text,var(--dv-col-text))!important}
#dv-overlay .dv-panel-stats span{color:var(--dv-col-text_soft)!important}
#dv-overlay .dv-panel-tabs{border-color:var(--dv-col-divider)!important}
#dv-overlay .dv-panel-tabs>button{background:var(--dv-col-modal_tab)!important;color:var(--dv-col-text_soft)!important}
#dv-overlay .dv-panel-tabs>button.dv-tab-active{background:var(--dv-col-primary_soft)!important;color:var(--dv-col-primary)!important;border-color:var(--dv-col-primary)!important}
#dv-overlay .dv-filter-wrap,#dv-overlay .dv-filter-wrap:focus-within,#dv-overlay .dv-draft-form{background:var(--dv-col-modal_tint)!important;border-color:var(--dv-col-divider)!important}
#dv-overlay .dv-filter-wrap:focus-within{border-color:var(--dv-col-focus)!important}
#dv-overlay .dv-filter-wrap input{color:var(--dv-safe-text,var(--dv-col-text))!important}
#dv-overlay .dv-item{border-color:var(--dv-col-divider)!important}
#dv-overlay .dv-item-symbol{background:var(--dv-col-surface_tint)!important;color:var(--dv-col-icon_active)!important}
#dv-overlay .dv-item-copy>strong{color:var(--dv-safe-text,var(--dv-col-text))!important}
#dv-overlay .dv-item-copy>small{color:var(--dv-col-text_soft)!important}
#dv-overlay .dv-status{background:var(--dv-col-success_soft)!important;color:var(--dv-safe-success,var(--dv-col-success))!important}
#dv-overlay .dv-status-pending{background:var(--dv-col-warning_soft)!important;color:var(--dv-safe-warning,var(--dv-col-warning))!important}
#dv-overlay .dv-empty{background:var(--dv-col-surface_alt)!important;border-color:var(--dv-col-divider)!important}
#dv-overlay .dv-empty strong{color:var(--dv-safe-text,var(--dv-col-text))!important}
#dv-overlay .dv-empty p{color:var(--dv-col-text_soft)!important}
#dv-overlay .dv-draft-form input{background:var(--dv-col-surface)!important;border-color:var(--dv-col-divider)!important;color:var(--dv-safe-text,var(--dv-col-text))!important}
#dv-overlay .dv-continue,#dv-overlay .dv-draft-form button,#dv-overlay .dv-panel-tools button.dv-primary,.dv-save-cart{background:var(--dv-col-primary)!important;border-color:var(--dv-col-primary)!important;color:var(--dv-safe-primary_text,var(--dv-col-primary_text))!important}
#dv-overlay .dv-continue:hover,#dv-overlay .dv-draft-form button:hover,.dv-save-cart:hover{background:var(--dv-col-primary_hover)!important}
#dv-overlay .dv-clear-trigger{border-color:var(--dv-col-danger_soft)!important;color:var(--dv-safe-danger,var(--dv-col-danger))!important}
#dv-overlay .dv-confirm{background:var(--dv-col-warning_soft)!important;border-color:var(--dv-safe-warning,var(--dv-col-warning))!important}
#dv-overlay .dv-confirm strong{color:var(--dv-safe-text,var(--dv-col-text))!important}
#dv-overlay .dv-confirm button:first-child{background:var(--dv-safe-danger,var(--dv-col-danger))!important;color:var(--dv-safe-primary_text,var(--dv-col-primary_text))!important;border-color:var(--dv-safe-danger,var(--dv-col-danger))!important}
.dv-domain-action,.dv-small-action{background:var(--dv-col-icon_bg)!important;color:var(--dv-col-icon_text)!important;border-color:var(--dv-col-divider)!important}
.dv-domain-action:hover,.dv-small-action:hover{background:var(--dv-col-primary_soft)!important;color:var(--dv-col-primary_hover)!important;border-color:var(--dv-col-divider_strong)!important}
.dv-domain-action.dv-is-active,.dv-small-action.dv-active{color:var(--dv-col-icon_active)!important;border-color:var(--dv-col-divider_strong)!important}
.dv-domain-action[data-dv-action="liked"].dv-is-active{color:var(--dv-safe-danger,var(--dv-col-danger))!important}
.dv-domain-action:focus-visible,.dv-small-action:focus-visible,#dv-overlay :is(button,a,input):focus-visible,#dv-offer-popover :is(button,a):focus-visible{outline:2px solid var(--dv-col-focus)!important;outline-offset:2px!important}
#dv-launcher{background:var(--dv-col-launcher_bg)!important;color:var(--dv-safe-launcher_text,var(--dv-col-launcher_text))!important;border-color:color-mix(in srgb,var(--dv-safe-launcher_text,var(--dv-col-launcher_text)) 15%,transparent)!important}
#dv-launcher .dv-launcher-icon{background:var(--dv-col-launcher_accent)!important;color:var(--dv-safe-launcher_text,var(--dv-col-launcher_text))!important}
#dv-launcher :is(strong,small,svg){color:var(--dv-safe-launcher_text,var(--dv-col-launcher_text))!important}
#dv-offer-popover{background:var(--dv-col-offer_bg)!important;color:var(--dv-safe-offer_text,var(--dv-col-offer_text))!important;border-color:var(--dv-col-divider)!important}
#dv-offer-popover .dv-offer-popover-top{background:var(--dv-col-offer_pale)!important}
#dv-offer-popover .dv-offer-popover-top button{background:var(--dv-col-icon_bg)!important;color:var(--dv-col-icon_text)!important;border-color:var(--dv-col-divider)!important}
#dv-offer-popover .dv-offer-popover-hero{background:var(--dv-col-offer_bg)!important}
#dv-offer-popover .dv-offer-popover-hero h3{color:var(--dv-safe-offer_text,var(--dv-col-offer_text))!important}
#dv-offer-popover .dv-offer-highlight{background:var(--dv-col-offer_highlight)!important;color:var(--dv-safe-offer_highlight_text,var(--dv-col-offer_highlight_text))!important}
#dv-offer-popover .dv-offer-highlight :is(span,strong,small,svg){color:var(--dv-safe-offer_highlight_text,var(--dv-col-offer_highlight_text))!important}
#dv-offer-popover .dv-offer-steps{color:var(--dv-safe-offer_text,var(--dv-col-offer_text))!important}
#dv-offer-popover .dv-offer-step-icon{background:var(--dv-col-success_soft)!important;color:var(--dv-safe-success,var(--dv-col-success))!important}
#dv-offer-popover .dv-offer-description,#dv-offer-popover .dv-offer-fineprint{color:var(--dv-col-text_soft)!important}
#dv-offer-popover .dv-offer-metadata{background:var(--dv-col-surface_alt)!important;border-color:var(--dv-col-divider)!important}
#dv-offer-popover .dv-offer-metadata strong{color:var(--dv-safe-offer_text,var(--dv-col-offer_text))!important}
#dv-offer-popover .dv-offer-metadata span{color:var(--dv-col-text_soft)!important}
.dv-offer-badge{background:var(--dv-col-offer_pale)!important;color:var(--dv-safe-offer_pill_text,var(--dv-col-offer_pill_text))!important;border-color:var(--dv-col-divider)!important}
.dv-offer-badge .dv-offer-info{background:var(--dv-col-success_soft)!important;color:var(--dv-safe-offer_pill_text,var(--dv-col-offer_pill_text))!important}
.dv-regional-suggestions{background:var(--dv-col-regional_bg)!important;color:var(--dv-safe-text,var(--dv-col-text))!important;border-color:var(--dv-col-divider)!important}
.dv-regional-suggestions .dv-regional-head h3{color:var(--dv-safe-text,var(--dv-col-text))!important}
.dv-regional-suggestions .dv-regional-eyebrow{color:var(--dv-col-link)!important}
.dv-regional-suggestions .dv-regional-item{background:var(--dv-col-regional_card)!important;border-color:var(--dv-col-divider)!important}
.dv-regional-suggestions .dv-regional-title strong{color:var(--dv-safe-regional_text,var(--dv-col-regional_text))!important}
.dv-regional-suggestions .dv-regional-domain{color:var(--dv-col-text_soft)!important}
.dv-regional-suggestions .dv-regional-tag{background:var(--dv-col-primary_soft)!important;color:var(--dv-col-link)!important;border-color:var(--dv-col-divider)!important}
.dv-regional-suggestions .dv-regional-tag-promo{background:var(--dv-col-success_soft)!important;color:var(--dv-safe-offer_pill_text,var(--dv-col-offer_pill_text))!important}
.dv-regional-suggestions .dv-regional-check{background:var(--dv-col-primary)!important;border-color:var(--dv-col-primary)!important;color:var(--dv-safe-primary_text,var(--dv-col-primary_text))!important}
.dv-regional-suggestions .dv-regional-check:hover{background:var(--dv-col-primary_hover)!important}
.dv-regional-suggestions .dv-regional-unavailable{color:var(--dv-col-text_faint)!important}
.dv-toast{background:var(--dv-col-modal_header)!important;color:var(--dv-col-text_inverse)!important}
.dv-toast-error{background:var(--dv-safe-danger,var(--dv-col-danger))!important;color:var(--dv-safe-primary_text,var(--dv-col-primary_text))!important}
/* Navigation is always styled by the WHMCS theme, not the DomainVault palette. */
/* Legacy client route remains white-label and palette-owned. */
.dv-client-page,.dv-client-route{background:var(--dv-col-page)!important;color:var(--dv-safe-text,var(--dv-col-text))!important}

/* v2.7.4 — Promotion ribbon on spotlight TLD cards.
   This is deliberately limited to DomainVault's injected button. Native WHMCS
   HOT/SALE flags, TLD names, prices and card sizing are never restyled. */
.spotlight-tld-container:has(> .dv-spotlight-offer){
    position:relative!important;
    overflow:visible!important;
}
.spotlight-tld-container > button.dv-spotlight-offer{
    position:absolute!important;
    inset:auto!important;
    top:-34px!important;
    left:-4px!important;
    right:auto!important;
    bottom:auto!important;
    z-index:18!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    width:max-content!important;
    max-width:calc(100% - 10px)!important;
    box-sizing:border-box!important;
    min-width:0!important;
    min-height:30px!important;
    height:auto!important;
    margin:0!important;
    padding:4px 9px!important;
    gap:5px!important;
    white-space:nowrap!important;
    border-radius:13px 999px 999px 999px!important;
    background:var(--dv-col-offer_pale)!important;
    color:var(--dv-safe-offer_pill_text,var(--dv-col-offer_pill_text))!important;
    border:1px solid var(--dv-col-divider)!important;
    box-shadow:0 7px 15px color-mix(in srgb,var(--dv-col-shadow) 14%,transparent)!important;
    transform:rotate(-7deg)!important;
    transform-origin:18px 100%!important;
    transition:transform .18s ease,box-shadow .18s ease!important;
    outline:none!important;
    cursor:pointer!important;
    text-decoration:none!important;
    font-size:10px!important;
    line-height:1!important;
}
.spotlight-tld-container > button.dv-spotlight-offer::after{
    content:"";
    display:block;
    position:absolute;
    left:15px;
    bottom:-4px;
    width:7px;
    height:7px;
    background:var(--dv-col-offer_pale);
    border-right:1px solid var(--dv-col-divider);
    border-bottom:1px solid var(--dv-col-divider);
    transform:rotate(45deg);
    pointer-events:none;
}
.spotlight-tld-container > button.dv-spotlight-offer .dv-offer-info{
    width:20px!important;
    height:20px!important;
    flex:none!important;
    border-radius:7px!important;
}
.spotlight-tld-container > button.dv-spotlight-offer .dv-offer-spark{font-size:13px!important}
.spotlight-tld-container > button.dv-spotlight-offer:hover{
    transform:translateY(-2px) rotate(-7deg)!important;
    box-shadow:0 10px 18px color-mix(in srgb,var(--dv-col-shadow) 17%,transparent)!important;
}
.spotlight-tld-container > button.dv-spotlight-offer:focus:not(:focus-visible){
    outline:none!important;
    box-shadow:0 7px 15px color-mix(in srgb,var(--dv-col-shadow) 14%,transparent)!important;
}
.spotlight-tld-container > button.dv-spotlight-offer:focus-visible{
    outline:2px solid var(--dv-col-focus)!important;
    outline-offset:2px!important;
}
@media(max-width:620px){
    .spotlight-tld-container > button.dv-spotlight-offer{
        top:-32px!important;
        left:-3px!important;
        padding:4px 7px!important;
        gap:4px!important;
        font-size:9px!important;
    }
    .spotlight-tld-container > button.dv-spotlight-offer .dv-offer-info{
        width:18px!important;height:18px!important;
    }
}
@media(prefers-reduced-motion:reduce){
    .spotlight-tld-container > button.dv-spotlight-offer{transition:none!important}
}

/* Suggestion cards: separate the offer from the purchase/action row.
   Prevents long or locale-dependent offer labels from overlapping Buy, Like or Save. */
.dv-regional-suggestions .dv-regional-item{
    grid-template-rows:auto minmax(0,1fr) auto!important;
    align-content:stretch!important;
    min-height:176px!important;
}
.dv-regional-suggestions .dv-regional-item > .dv-regional-offer{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    order:initial!important;
    display:inline-flex!important;
    flex:none!important;
    align-self:end!important;
    justify-self:start!important;
    margin:0!important;
    max-width:100%!important;
    width:max-content!important;
    border-radius:999px!important;
    font-size:10px!important;
    min-height:30px!important;
    padding:4px 9px!important;
    gap:6px!important;
}
.dv-regional-suggestions .dv-regional-tools{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    width:100%!important;
}
.dv-regional-suggestions .dv-regional-tools > .dv-inline-actions{
    display:flex!important;
    flex:0 0 auto!important;
    min-width:0!important;
    order:initial!important;
}
.dv-regional-suggestions .dv-regional-tools > .dv-regional-check{
    display:inline-flex!important;
    flex:1 1 0!important;
    min-width:0!important;
    min-height:39px!important;
    order:initial!important;
    padding:7px 8px!important;
    white-space:nowrap!important;
}
@media(max-width:540px){
    .dv-regional-suggestions .dv-regional-grid{grid-template-columns:minmax(0,1fr)!important}
    .dv-regional-suggestions .dv-regional-item{padding:13px 14px!important;min-height:150px!important}
    .dv-regional-suggestions .dv-regional-tools{flex-wrap:nowrap!important}
}

/* v2.7.8 gradient paints. Each is a validated CSS variable from Theme::styleVariables.
   This layer is last and intentionally targets ONLY DomainVault-owned UI. */
#dv-overlay .dv-modal{box-sizing:border-box!important;margin:0!important;padding:0!important;
  border:0!important;overflow:hidden!important;max-height:min(91dvh,960px)!important;
  background:var(--dv-paint-modal_bg)!important;
  border-radius:var(--dv-pro-modal-radius,24px)!important}
#dv-overlay .dv-modal-top{box-sizing:border-box!important;margin:0!important;padding:16px 22px!important;
  width:100%!important;min-width:100%!important;max-width:100%!important;flex:0 0 auto!important;
  position:relative!important;top:0!important;left:0!important;right:0!important;
  border:0!important;border-radius:0!important;background:var(--dv-paint-modal_header)!important;
  color:var(--dv-safe-modal_header_text,var(--dv-col-modal_header_text))!important;box-shadow:none!important}
#dv-overlay .dv-modal-top::before,#dv-overlay .dv-modal-top::after{display:none!important}
#dv-overlay .dv-panel-scroll{box-sizing:border-box!important;min-height:0!important;flex:1 1 auto!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  background:var(--dv-paint-modal_bg)!important}
#dv-overlay .dv-panel-scroll::-webkit-scrollbar{width:5px}
#dv-overlay .dv-panel-scroll::-webkit-scrollbar-thumb{background:var(--dv-col-divider_strong);border-radius:10px}
#dv-overlay .dv-modal-close{background:var(--dv-paint-modal_close_bg)!important;color:var(--dv-safe-modal_header_text,var(--dv-col-modal_header_text))!important}
#dv-overlay .dv-panel-stats>div,#dv-overlay .dv-empty{background:var(--dv-paint-surface_alt)!important}
#dv-overlay .dv-panel-tabs{background:var(--dv-paint-surface)!important}
#dv-overlay .dv-panel-tabs>button{background:var(--dv-paint-modal_tab)!important}
#dv-overlay .dv-panel-tabs>button.dv-tab-active{background:var(--dv-paint-primary_soft)!important}
#dv-overlay .dv-filter-wrap,#dv-overlay .dv-filter-wrap:focus-within,#dv-overlay .dv-draft-form{background:var(--dv-paint-modal_tint)!important}
#dv-overlay .dv-draft-form input{background:var(--dv-paint-surface)!important}
#dv-overlay .dv-item-symbol{background:var(--dv-paint-surface_tint)!important}
#dv-overlay .dv-status{background:var(--dv-paint-success_soft)!important}
#dv-overlay .dv-status-pending{background:var(--dv-paint-warning_soft)!important}
#dv-overlay .dv-continue,#dv-overlay .dv-draft-form button,#dv-overlay .dv-panel-tools button.dv-primary,.dv-save-cart{background:var(--dv-paint-primary)!important}
#dv-overlay .dv-continue:hover,#dv-overlay .dv-draft-form button:hover,.dv-save-cart:hover{background:var(--dv-paint-primary_hover)!important}
#dv-overlay .dv-empty,.dv-client-page .dv-empty{background:var(--dv-paint-surface_alt)!important}
#dv-overlay .dv-clear-trigger,#dv-overlay .dv-confirm{background:var(--dv-paint-warning_soft)!important}
#dv-overlay .dv-confirm button:first-child{background:var(--dv-safe-danger,var(--dv-col-danger))!important}
#dv-launcher{background:var(--dv-paint-launcher_bg)!important}
#dv-launcher .dv-launcher-icon{background:var(--dv-paint-launcher_accent)!important}
#dv-launcher .dv-launcher-count{background:var(--dv-paint-launcher_count_bg)!important;color:var(--dv-safe-launcher_count_text,var(--dv-col-launcher_count_text))!important}
.dv-domain-action,.dv-small-action{background:var(--dv-paint-icon_bg)!important}
.dv-domain-action:hover,.dv-small-action:hover{background:var(--dv-paint-secondary_hover)!important;color:var(--dv-safe-secondary_text,var(--dv-col-secondary_text))!important}
#dv-offer-popover,#dv-offer-popover .dv-offer-popover-hero{background:var(--dv-paint-offer_bg)!important}
#dv-offer-popover .dv-offer-popover-top{background:var(--dv-paint-offer_pale)!important}
#dv-offer-popover .dv-offer-highlight{background:var(--dv-paint-offer_highlight)!important}
#dv-offer-popover .dv-offer-step-icon{background:var(--dv-paint-success_soft)!important}
#dv-offer-popover .dv-offer-metadata{background:var(--dv-paint-surface_alt)!important}
.dv-offer-badge{background:var(--dv-paint-offer_pale)!important}
.dv-offer-badge .dv-offer-info{background:var(--dv-paint-success_soft)!important}
.dv-regional-suggestions{background:var(--dv-paint-regional_bg)!important}
.dv-regional-suggestions .dv-regional-item{background:var(--dv-paint-regional_card)!important}
.dv-regional-suggestions .dv-regional-tag{background:var(--dv-paint-regional_tag)!important}
.dv-regional-suggestions .dv-regional-tag-promo{background:var(--dv-paint-success_soft)!important}
.dv-regional-suggestions .dv-regional-check{background:var(--dv-paint-primary)!important}
.dv-regional-suggestions .dv-regional-check:hover{background:var(--dv-paint-primary_hover)!important}
.dv-cart-offers{background:var(--dv-paint-checkout_card)!important}
.dv-cart-offers-head{background:var(--dv-paint-checkout_head)!important}
.dv-cart-offers-symbol{background:var(--dv-paint-primary,var(--dv-col-primary,#2664e1))!important;color:var(--dv-safe-primary_text,var(--dv-col-primary_text,#fff))!important}
.dv-cart-offer-row .dv-cart-offer-saved{background:var(--dv-paint-success_soft)!important}
.dv-cart-offer-action>*{background:var(--dv-paint-secondary_bg)!important;color:var(--dv-safe-secondary_text,var(--dv-col-secondary_text))!important}
.dv-cart-offer-action>:hover{background:var(--dv-paint-secondary_hover)!important}
.dv-client-page,.dv-client-route{background:var(--dv-paint-page)!important}
.dv-client-page .dv-page-hero{background:var(--dv-paint-modal_header)!important}
.dv-client-page .dv-page-open,.dv-client-page .dv-embedded-head button{background:var(--dv-paint-primary)!important}
@media(max-width:760px){#dv-overlay .dv-modal-top{padding:12px 16px!important}}

/* Keep the advanced backdrop and footer controls connected to real collection UI. */
#dv-overlay .dv-backdrop{background:var(--dv-paint-backdrop)!important}
#dv-overlay .dv-panel-foot{background:var(--dv-paint-modal_footer)!important}
#dv-overlay .dv-panel-tools button:not(.dv-primary){background:var(--dv-paint-secondary_bg)!important;color:var(--dv-safe-secondary_text,var(--dv-col-secondary_text))!important}
#dv-overlay .dv-panel-tools button:not(.dv-primary):hover{background:var(--dv-paint-secondary_hover)!important}
#dv-overlay .dv-panel-stats,#dv-overlay .dv-panel-intro{color:var(--dv-safe-text,var(--dv-col-text))!important}

/* v2.8.0: default, hover, focus, active and disabled states use readable foregrounds.
   Scoped to addon UI only; the WHMCS host theme is never overwritten. */
#dv-overlay :is(.dv-continue,.dv-draft-form button,.dv-panel-tools button.dv-primary),
.dv-regional-suggestions .dv-regional-check,.dv-save-cart,
.dv-client-page :is(.dv-page-open,.dv-embedded-head button){
 color:var(--dv-safe-primary_text)!important;
}
#dv-overlay :is(.dv-continue,.dv-draft-form button,.dv-panel-tools button.dv-primary):hover,
#dv-overlay :is(.dv-continue,.dv-draft-form button,.dv-panel-tools button.dv-primary):focus-visible,
.dv-regional-suggestions .dv-regional-check:is(:hover,:focus-visible),
.dv-save-cart:is(:hover,:focus-visible){
 color:var(--dv-safe-primary_text)!important;background:var(--dv-paint-primary_hover)!important;
}
#dv-overlay :is(.dv-panel-tools button:not(.dv-primary),.dv-panel-tabs>button),
.dv-cart-offer-action>:is(button,a){color:var(--dv-safe-secondary_text)!important}
#dv-overlay .dv-panel-tools button:not(.dv-primary):is(:hover,:focus-visible),
.dv-cart-offer-action>:is(button,a):is(:hover,:focus-visible){
 color:var(--dv-safe-secondary_text)!important;background:var(--dv-paint-secondary_hover)!important;
}
.dv-regional-suggestions .dv-regional-check:disabled,#dv-overlay button:disabled,.dv-cart-offer-action button:disabled{
 cursor:not-allowed!important;opacity:.58!important;filter:saturate(.65)!important;
}
#dv-offer-popover .dv-offer-highlight *,#dv-overlay .dv-panel-top *,
#dv-launcher :is(strong,small,svg){color:inherit}
.dv-cart-offers .dv-saving-total{display:flex;align-items:center;justify-content:space-between;gap:14px;
 padding:13px 22px;background:var(--dv-paint-success_soft);border-bottom:1px solid var(--dv-col-divider);
 color:var(--dv-safe-success);font-weight:750}
.dv-cart-offers .dv-saving-total strong{color:var(--dv-safe-success);font-size:15px}
@media(max-width:660px){.dv-cart-offers .dv-saving-total{flex-wrap:wrap}}


/* v2.8.0: client-facing offer chooser in stylesheet WHMCS actually loads */
#dv-offer-popover .dv-offer-choices{margin:12px 22px;padding:10px 12px;border-radius:12px;
 background:var(--dv-paint-surface_alt,#f7fbff);border:1px solid var(--dv-col-divider,#dbe6f4)}
#dv-offer-popover .dv-offer-choices>strong{display:block;color:var(--dv-safe-offer_text,#183d3d);
 font-weight:800;font-size:12px;margin-bottom:7px}
#dv-offer-popover .dv-offer-choices>div{display:flex;flex-wrap:wrap;gap:6px}
#dv-offer-popover .dv-offer-choice{border:1px solid var(--dv-col-divider,#dbe6f4);
 background:var(--dv-paint-secondary_bg,#fff);color:var(--dv-safe-secondary_text,#285fce);
 padding:8px 10px;border-radius:9px;cursor:pointer;font-size:11px;font-weight:750;line-height:1.4}
#dv-offer-popover .dv-offer-choice:hover,#dv-offer-popover .dv-offer-choice:focus-visible{
 background:var(--dv-paint-secondary_hover,#eaf2ff);color:var(--dv-safe-secondary_text,#285fce)}
#dv-offer-popover .dv-offer-choice-active{border-color:var(--dv-col-focus,#397bf4);box-shadow:0 0 0 1px var(--dv-col-focus,#397bf4)}

/* v2.8.2: floating "Save order" clears conventional chat/support bubbles.
   Preserve the addon launcher's configurable position and the host theme. */
#dv-save-cart.dv-save-cart{
  position:fixed!important;
  inset:auto calc(24px + env(safe-area-inset-right, 0px)) clamp(172px, 21vh, 250px) auto!important;
  z-index:25000!important;
  width:max-content!important;
  max-width:min(260px, calc(100vw - 52px))!important;
  padding:13px 19px!important;
  border-radius:15px!important;
  box-shadow:0 14px 38px color-mix(in srgb,var(--dv-col-shadow) 18%,transparent)!important;
}
html:has(#dv-launcher[data-dv-position="bottom-right"]) #dv-save-cart.dv-save-cart{
  bottom:max(clamp(172px, 21vh, 250px), calc(var(--dv-pro-launcher-offset,22px) + 110px))!important;
}
#dv-save-cart.dv-save-cart:hover{
  filter:brightness(1.07)!important;
  box-shadow:0 17px 40px color-mix(in srgb,var(--dv-col-shadow) 22%,transparent)!important;
}
@media(max-width:760px){
  #dv-save-cart.dv-save-cart{
    right:calc(16px + env(safe-area-inset-right, 0px))!important;
    bottom:clamp(148px, 22vh, 205px)!important;
    max-width:min(230px,calc(100vw - 32px))!important;
  }
  html:has(#dv-launcher[data-dv-position="bottom-right"]) #dv-save-cart.dv-save-cart{
    bottom:max(clamp(148px, 22vh, 205px), calc(var(--dv-pro-launcher-offset,22px) + 95px))!important;
  }
}
/* Unified order-offer header. Separate visual hierarchy, no touching cards. */
.dv-cart-offers .dv-cart-offers-head{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;
  gap:16px 18px!important;padding:21px 24px!important;
  background:var(--dv-paint-offer_pale,var(--dv-col-offer_pale))!important;
  border-bottom:1px solid var(--dv-col-divider)!important;
}
.dv-cart-offers .dv-cart-offers-head .dv-cart-offers-heading{flex:1 1 280px!important;min-width:0!important}
.dv-cart-offers .dv-cart-offers-head .dv-saving-total{
  display:flex!important;flex:0 1 260px!important;flex-direction:column!important;
  align-items:flex-start!important;justify-content:center!important;gap:5px!important;
  margin-left:auto!important;padding:14px 18px!important;
  border:1px solid var(--dv-col-divider)!important;border-radius:14px!important;
  background:var(--dv-paint-success_soft,var(--dv-col-success_soft))!important;
  color:var(--dv-safe-success,var(--dv-col-success))!important;
  min-width:0!important;white-space:normal!important;
}
.dv-cart-offers .dv-cart-offers-head .dv-saving-total span{
  font-size:10px!important;letter-spacing:.11em!important;font-weight:800!important;
  color:inherit!important;
}
.dv-cart-offers .dv-cart-offers-head .dv-saving-total strong{
  display:block!important;font-size:clamp(15px,1.75vw,21px)!important;
  line-height:1.2!important;color:inherit!important;overflow-wrap:anywhere!important;
}
@media(max-width:660px){
 .dv-cart-offers .dv-cart-offers-head{padding:17px!important;gap:12px!important}
 .dv-cart-offers .dv-cart-offers-head .dv-saving-total{flex:1 1 100%!important;margin-left:0!important}
}

/* v2.8.3: admin-published corner + freely adjustable edge distances. Higher
   specificity than the legacy fixed 21vh widget position rules above. */
#dv-save-cart.dv-save-cart[data-dv-save-position]{
  position:fixed!important;inset:auto!important;z-index:25000!important;
  max-width:min(260px,calc(100vw - 32px))!important;
  width:max-content!important;
  --dv-cart-safe-x:clamp(8px,var(--dv-cart-edge-x,24px),max(8px,calc(100vw - 170px)));
  --dv-cart-safe-y:clamp(8px,var(--dv-cart-edge-y,224px),max(8px,calc(100dvh - 110px)));
}
#dv-save-cart.dv-save-cart[data-dv-save-position="bottom-right"]{
  right:calc(var(--dv-cart-safe-x) + env(safe-area-inset-right,0px))!important;
  bottom:calc(var(--dv-cart-safe-y) + env(safe-area-inset-bottom,0px))!important;
}
#dv-save-cart.dv-save-cart[data-dv-save-position="bottom-left"]{
  left:calc(var(--dv-cart-safe-x) + env(safe-area-inset-left,0px))!important;
  bottom:calc(var(--dv-cart-safe-y) + env(safe-area-inset-bottom,0px))!important;
}
#dv-save-cart.dv-save-cart[data-dv-save-position="top-right"]{
  right:calc(var(--dv-cart-safe-x) + env(safe-area-inset-right,0px))!important;
  top:calc(var(--dv-cart-safe-y) + env(safe-area-inset-top,0px))!important;
}
#dv-save-cart.dv-save-cart[data-dv-save-position="top-left"]{
  left:calc(var(--dv-cart-safe-x) + env(safe-area-inset-left,0px))!important;
  top:calc(var(--dv-cart-safe-y) + env(safe-area-inset-top,0px))!important;
}
@media(max-width:760px){
  #dv-save-cart.dv-save-cart[data-dv-save-position]{
    max-width:min(225px,calc(100vw - 32px))!important;
    padding:12px 15px!important;
  }
}
