/* Sungame Theme v1.5.8 — optional order-form Liquid Glass overlay. */

body.sg-liquid-glass.sg-order-context {
    --sg-order-glass-surface: var(--sg-glass-surface, rgba(255, 255, 255, .72));
    --sg-order-glass-surface-strong: var(--sg-glass-surface-strong, rgba(255, 255, 255, .84));
    --sg-order-glass-surface-soft: var(--sg-glass-surface-soft, rgba(246, 251, 249, .66));
    --sg-order-glass-border: var(--sg-glass-border, rgba(38, 126, 112, .18));
    --sg-order-glass-border-strong: var(--sg-glass-border-strong, rgba(38, 126, 112, .34));
    --sg-order-glass-shadow: var(--sg-glass-shadow, 0 12px 32px rgba(29, 72, 68, .08));
    --sg-order-glass-shadow-float: var(--sg-glass-shadow-float, 0 20px 48px rgba(29, 72, 68, .16));
    --sg-order-glass-specular: var(--sg-glass-specular, rgba(255, 255, 255, .68));
    --sg-selector-indicator-surface: rgba(5, 82, 67, .90);
    --sg-selector-indicator-border: rgba(4, 64, 52, .82);
    --sg-selector-indicator-shadow: 0 4px 14px rgba(5, 82, 67, .24);
    --sg-selector-indicator-highlight: rgba(255, 255, 255, .12);
}

body.sg-liquid-glass.sg-order-context .sg-order-games,
body.sg-liquid-glass.sg-order-context .sg-order-categories,
body.sg-liquid-glass.sg-order-context .sg-order-product,
body.sg-liquid-glass.sg-order-context .sg-order-addon-card,
body.sg-liquid-glass.sg-order-context .sg-cart-card,
body.sg-liquid-glass.sg-order-context .sg-promo-card,
body.sg-liquid-glass.sg-order-context .sg-order-form .section,
body.sg-liquid-glass.sg-order-context .sg-order-form .panel,
body.sg-liquid-glass.sg-order-context .sg-gateway-option {
    background: var(--sg-order-glass-surface);
    border-color: var(--sg-order-glass-border);
    box-shadow: var(--sg-order-glass-shadow);
}

body.sg-liquid-glass.sg-order-context .sg-order-games,
body.sg-liquid-glass.sg-order-context .sg-order-categories,
body.sg-liquid-glass.sg-order-context .sg-order-product,
body.sg-liquid-glass.sg-order-context .sg-order-addon-card,
body.sg-liquid-glass.sg-order-context .sg-cart-card,
body.sg-liquid-glass.sg-order-context .sg-promo-card,
body.sg-liquid-glass.sg-order-context .sg-order-form .section-header,
body.sg-liquid-glass.sg-order-context .sg-order-form .panel-heading,
body.sg-liquid-glass.sg-order-context .sg-order-form .panel-footer {
    background: var(--sg-order-glass-surface-soft);
    border-color: var(--sg-order-glass-border);
}

/* v1.5.8 Cart surface ownership: payment and layout wrappers retain their
 * structure while gateway cards and #orderSummary own the visible surface. */
body.sg-liquid-glass.sg-order-context.sg-page-viewcart .sg-payment-section,
body.sg-liquid-glass.sg-order-context.sg-page-checkout .sg-payment-section,
body.sg-liquid-glass.sg-order-context.sg-page-viewcart .sg-gateway-section,
body.sg-liquid-glass.sg-order-context.sg-page-checkout .sg-gateway-section,
body.sg-liquid-glass.sg-order-context.sg-page-viewcart .sidebar-sticky-summary,
body.sg-liquid-glass.sg-order-context.sg-page-checkout .sidebar-sticky-summary,
body.sg-liquid-glass.sg-order-context.sg-page-viewcart .sg-payment-section > .section-header,
body.sg-liquid-glass.sg-order-context.sg-page-checkout .sg-payment-section > .section-header,
body.sg-liquid-glass.sg-order-context.sg-page-viewcart .sg-payment-section > .section-body,
body.sg-liquid-glass.sg-order-context.sg-page-checkout .sg-payment-section > .section-body,
body.sg-liquid-glass.sg-order-context.sg-page-viewcart .sg-gateway-section > .section-body,
body.sg-liquid-glass.sg-order-context.sg-page-checkout .sg-gateway-section > .section-body {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

body.sg-liquid-glass.sg-order-context.sg-page-viewcart #orderSummary,
body.sg-liquid-glass.sg-order-context.sg-page-checkout #orderSummary {
    overflow: hidden;
    background: var(--sg-order-glass-surface);
    border-color: var(--sg-order-glass-border);
    box-shadow: var(--sg-order-glass-shadow);
}

body.sg-liquid-glass.sg-order-context .sg-order-game,
body.sg-liquid-glass.sg-order-context .sg-order-category {
    background: var(--sg-order-glass-surface-soft);
    border-color: var(--sg-order-glass-border);
}

body.sg-liquid-glass.sg-order-context .sg-order-game.is-active,
body.sg-liquid-glass.sg-order-context .sg-order-category.is-active {
    background: var(--sg-selector-indicator-surface);
    border-color: var(--sg-selector-indicator-border);
}

/* v1.5.5 Selector Rail Seal: Game and Group share the same rounded
 * Liquid Glass rail and independent moving Indicator geometry. */
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-games,
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-categories {
    border: 1px solid var(--sg-order-glass-border);
    border-radius: var(--sg-order-radius, 16px);
    padding: 14px;
    position: relative;
}

body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-games__list,
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-categories__list {
    position: relative;
}

body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-games__indicator,
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-categories__indicator {
    background:
        linear-gradient(135deg, var(--sg-selector-indicator-highlight), transparent 58%),
        var(--sg-selector-indicator-surface);
    border: 1px solid var(--sg-selector-indicator-border);
    border-radius: var(--sg-order-radius-control, 10px);
    box-shadow: var(--sg-selector-indicator-shadow), inset 0 1px 0 var(--sg-selector-indicator-highlight);
    display: block;
    height: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate3d(0, 0, 0);
    transition: height 200ms ease, opacity 160ms ease, transform 200ms ease, width 200ms ease;
    width: 0;
    z-index: 0;
}

body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-game,
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-category {
    position: relative;
    z-index: 1;
}

body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-games.is-enhanced .sg-order-games__indicator,
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-categories.is-enhanced .sg-order-categories__indicator {
    opacity: 1;
}

body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-games.is-initializing .sg-order-games__indicator,
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-categories.is-initializing .sg-order-categories__indicator {
    transition: none !important;
}

body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-games.is-enhanced .sg-order-game.is-active,
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-categories.is-enhanced .sg-order-category.is-active {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--sg-order-text-on-accent, #ffffff);
}

body.sg-liquid-glass.sg-order-context .sg-order-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
body.sg-liquid-glass.sg-order-context .sg-order-form select,
body.sg-liquid-glass.sg-order-context .sg-order-form textarea {
    background: rgba(255, 255, 255, .88);
    border-color: var(--sg-order-glass-border-strong);
}

body.sg-liquid-glass.sg-order-context .sg-order-product {
    background:
        linear-gradient(135deg, var(--sg-order-glass-specular), transparent 48%),
        linear-gradient(160deg, rgba(69, 178, 154, .08), rgba(86, 190, 209, .05) 48%, transparent 78%),
        var(--sg-order-glass-surface);
    border-color: var(--sg-order-glass-border-strong);
    box-shadow: var(--sg-order-glass-shadow), inset 0 1px 0 var(--sg-order-glass-specular);
}

body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-products__toolbar-meta {
    align-items: center;
    display: inline-flex;
    min-height: 28px;
    padding: 4px 9px;
    border: 1px solid var(--sg-order-glass-border);
    border-radius: var(--sg-order-radius-pill);
    background:
        linear-gradient(135deg, var(--sg-order-glass-specular), transparent 60%),
        var(--sg-order-glass-surface-soft);
    box-shadow: inset 0 1px 0 var(--sg-order-glass-specular);
}

body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-product__footer {
    border-top-color: var(--sg-order-glass-border);
    background:
        linear-gradient(135deg, var(--sg-order-glass-specular), transparent 60%),
        var(--sg-order-glass-surface-soft);
    box-shadow: inset 0 1px 0 var(--sg-order-glass-specular);
}

/* v1.5.5 Selector Glass Unification: game and group controls share one
 * surface contract. The group list itself stays transparent so a control is
 * not rendered as a rounded capsule inside a second bordered rectangle. */
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-game,
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-category {
    background:
        linear-gradient(135deg, var(--sg-order-glass-specular), transparent 60%),
        var(--sg-order-glass-surface-soft);
    border: 1px solid var(--sg-order-glass-border);
    border-radius: var(--sg-order-radius-control);
    box-shadow: inset 0 1px 0 var(--sg-order-glass-specular);
}

body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-categories__list {
    gap: 8px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-game.is-active,
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-category.is-active {
    background:
        linear-gradient(135deg, var(--sg-selector-indicator-highlight), transparent 58%),
        var(--sg-selector-indicator-surface);
    border-color: var(--sg-selector-indicator-border);
    box-shadow: var(--sg-selector-indicator-shadow), inset 0 1px 0 var(--sg-selector-indicator-highlight);
    color: #ffffff;
}

body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-game:hover:not(.is-active),
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-game:focus-visible:not(.is-active),
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-category:hover:not(.is-active),
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-category:focus-visible:not(.is-active) {
    border-color: var(--sg-order-glass-border-strong);
    background:
        linear-gradient(135deg, var(--sg-order-glass-specular), transparent 60%),
        var(--sg-order-glass-surface-strong);
    box-shadow: 0 4px 12px rgba(29, 72, 68, .08), inset 0 1px 0 var(--sg-order-glass-specular);
}

body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-game.is-active:focus-visible,
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-category.is-active:focus-visible {
    box-shadow: 0 0 0 3px rgba(11, 157, 141, .24) !important;
    outline: 2px solid var(--sg-order-accent, #0b9d8d);
    outline-offset: 2px;
}

/* v1.5.5 Products Toolbar Seal: the count belongs beside the heading. */
body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-products__toolbar {
    border-bottom: 0;
}

body.sg-liquid-glass.sg-order-context .modal.modal-remove-item {
    --sg-order-surface: var(--sg-order-glass-surface-strong);
    --sg-order-surface-muted: var(--sg-order-glass-surface-soft);
    --sg-order-border: var(--sg-order-glass-border);
    --sg-order-border-strong: var(--sg-order-glass-border-strong);
    --sg-order-shadow: var(--sg-order-glass-shadow-float);
}

body.sg-liquid-glass.sg-order-context .modal.modal-remove-item .modal-content,
body.sg-liquid-glass.sg-order-context .modal:not(.modal-remove-item) .modal-content {
    background: var(--sg-order-glass-surface-strong);
    border-color: var(--sg-order-glass-border-strong);
    box-shadow: var(--sg-order-glass-shadow-float);
}

body.sg-liquid-glass.sg-order-context .modal.modal-remove-item .modal-header,
body.sg-liquid-glass.sg-order-context .modal.modal-remove-item .modal-footer,
body.sg-liquid-glass.sg-order-context .modal:not(.modal-remove-item) .modal-header,
body.sg-liquid-glass.sg-order-context .modal:not(.modal-remove-item) .modal-footer {
    background: var(--sg-order-glass-surface-soft);
    border-color: var(--sg-order-glass-border);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.sg-liquid-glass.sg-order-context .modal.modal-remove-item .modal-content,
    body.sg-liquid-glass.sg-order-context .modal:not(.modal-remove-item) .modal-content {
        -webkit-backdrop-filter: blur(var(--sg-glass-blur, 18px)) saturate(var(--sg-glass-saturate, 135%));
        backdrop-filter: blur(var(--sg-glass-blur, 18px)) saturate(var(--sg-glass-saturate, 135%));
    }
}

@media (prefers-contrast: more) {
    body.sg-liquid-glass.sg-order-context {
        --sg-order-glass-surface: rgba(255, 255, 255, .92);
        --sg-order-glass-surface-strong: rgba(255, 255, 255, .97);
        --sg-order-glass-surface-soft: rgba(248, 252, 251, .92);
        --sg-order-glass-border: rgba(24, 76, 68, .42);
        --sg-order-glass-border-strong: rgba(24, 76, 68, .64);
        --sg-order-glass-specular: rgba(255, 255, 255, .90);
        --sg-selector-indicator-surface: rgba(4, 72, 58, .92);
        --sg-selector-indicator-border: rgba(4, 58, 46, .88);
        --sg-selector-indicator-highlight: rgba(255, 255, 255, .10);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-games__indicator,
    body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-categories__indicator {
        transition: none !important;
    }
}

/* v1.5.12 Marketing Opt-in Surface: keep the wrapper transparent and let the
 * semantic opt-in panel own the Liquid Glass material. */
body.sg-liquid-glass.sg-order-context.sg-page-viewcart .sg-marketing-section,
body.sg-liquid-glass.sg-order-context.sg-page-checkout .sg-marketing-section,
body.sg-liquid-glass.sg-order-context.sg-page-viewcart .sg-marketing-section > .section-header,
body.sg-liquid-glass.sg-order-context.sg-page-checkout .sg-marketing-section > .section-header,
body.sg-liquid-glass.sg-order-context.sg-page-viewcart .sg-marketing-section > .section-body,
body.sg-liquid-glass.sg-order-context.sg-page-checkout .sg-marketing-section > .section-body {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

body.sg-liquid-glass.sg-order-context.sg-page-viewcart .sg-marketing-optin,
body.sg-liquid-glass.sg-order-context.sg-page-checkout .sg-marketing-optin {
    background:
        linear-gradient(135deg, var(--sg-order-glass-specular), transparent 58%),
        var(--sg-order-glass-surface);
    border-color: var(--sg-order-glass-border-strong);
    box-shadow: var(--sg-order-glass-shadow), inset 0 1px 0 var(--sg-order-glass-specular);
}

body.sg-liquid-glass.sg-order-context.sg-page-viewcart .sg-marketing-optin .panel-body,
body.sg-liquid-glass.sg-order-context.sg-page-checkout .sg-marketing-optin .panel-body {
    background: transparent;
    border-color: transparent;
}

@media print {
    body.sg-liquid-glass.sg-order-context,
    body.sg-liquid-glass.sg-order-context .sg-order-form {
        background: #fff;
    }

    body.sg-liquid-glass.sg-order-context .sg-order-games,
    body.sg-liquid-glass.sg-order-context .sg-order-categories,
    body.sg-liquid-glass.sg-order-context .sg-order-product,
    body.sg-liquid-glass.sg-order-context .sg-order-addon-card,
    body.sg-liquid-glass.sg-order-context .sg-cart-card,
    body.sg-liquid-glass.sg-order-context .sg-promo-card,
    body.sg-liquid-glass.sg-order-context .sg-order-form .section,
    body.sg-liquid-glass.sg-order-context .sg-order-form .panel,
    body.sg-liquid-glass.sg-order-context .modal .modal-content,
    body.sg-liquid-glass.sg-order-context .sg-order-products__toolbar-meta,
    body.sg-liquid-glass.sg-order-context .sg-order-product__footer {
        background: #fff;
        background-image: none;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-games__indicator,
    body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-categories__indicator {
        display: none;
    }

    body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-game.is-active,
    body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-category.is-active,
    body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-games.is-enhanced .sg-order-game.is-active,
    body.sg-liquid-glass.sg-order-context.sg-page-products .sg-order-categories.is-enhanced .sg-order-category.is-active {
        background: transparent;
        background-image: none;
        border: 1px solid #555;
        box-shadow: none;
        color: #222;
        font-weight: 700;
        outline: 1px solid #555;
        outline-offset: -1px;
        text-decoration: underline;
        transition: none;
        animation: none;
    }
}