/* V14.0.86 CSS cleanup: reusable page UI rules extracted from Blade templates. */
.xq-captcha-inline{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important;width:100%;max-width:360px;overflow:visible}
.xq-captcha-inline--wide{max-width:none;min-width:0}
.xq-captcha-inline__input{min-width:0;max-width:none;flex:1 1 auto;height:38px!important;text-transform:uppercase}
.xq-captcha-inline__image{display:block!important;width:172px!important;min-width:132px;max-width:172px;flex:0 0 172px;height:38px!important;object-fit:fill;cursor:pointer;border:1px solid #dee2e6;border-radius:.375rem;box-sizing:border-box}
.xq-buy-inline-col__captcha-error{grid-column:2}
.xq-progress-track--compact{height:8px}

/* Extracted user-area and ChainPay page styles; loaded after the complete frontend theme stack. */
[data-p11-user-menu-item="1"] {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    margin: 0 0 4px !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    overflow: hidden !important;
    isolation: isolate !important;
    z-index: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: background-color .15s ease, color .15s ease !important;
}

[data-p11-user-menu-item="1"]::before,
[data-p11-user-menu-item="1"]::after {
    content: none !important;
    display: none !important;
}

[data-p11-user-menu-item="1"] .p11-user-menu-icon {
    display: inline-flex !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    color: currentColor !important;
    pointer-events: none !important;
}

[data-p11-user-menu-item="1"] .p11-user-menu-icon svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
}

[data-p11-user-menu-item="1"] .p11-user-menu-label {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

:where(li, div):has(> [data-p11-user-menu-item="1"]),
:where(li, div):has(> [data-p11-user-menu-item="1"]):hover {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

[data-p11-user-menu-item="1"]:hover,
[data-p11-user-menu-item="1"]:focus-visible {
    background-color: #edf5ff !important;
    color: #0d6efd !important;
    box-shadow: none !important;
}

[data-p11-user-menu-item="1"].active,
[data-p11-user-menu-item="1"].is-active,
[data-p11-user-menu-item="1"][aria-current="page"] {
    background-color: #e7f1ff !important;
    color: #0d6efd !important;
}

[data-p11-user-sidebar="1"]:has([data-p11-user-menu-item="1"]:hover)
[data-p11-user-menu-item="1"].active:not(:hover),
[data-p11-user-sidebar="1"]:has([data-p11-user-menu-item="1"]:hover)
[data-p11-user-menu-item="1"].is-active:not(:hover),
[data-p11-user-sidebar="1"]:has([data-p11-user-menu-item="1"]:hover)
[data-p11-user-menu-item="1"][aria-current="page"]:not(:hover) {
    background-color: transparent !important;
    color: inherit !important;
}

.xq-order-history-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;width:100%;max-width:100%;min-width:0;margin-bottom:1rem;overflow:hidden}.xq-order-history-toolbar h1{margin:0;white-space:nowrap;flex:0 0 auto}.xq-order-history-search{margin-left:auto;flex:1 1 480px;max-width:520px;min-width:0}.xq-order-history-search__group{display:flex;flex-wrap:nowrap;width:100%;min-width:0}.xq-order-history-search__group>.form-control{min-width:0;flex:1 1 auto}.xq-order-history-search__group>.input-group-append{display:flex;flex:0 0 auto;white-space:nowrap}
.xq-user-orders-table{width:100%;table-layout:fixed}.xq-user-orders-table th,.xq-user-orders-table td{white-space:nowrap;vertical-align:middle}.xq-user-orders-table th:nth-child(1),.xq-user-orders-table td:nth-child(1){width:250px}.xq-user-orders-table .xq-user-orders-product{width:150px;max-width:150px}.xq-user-orders-table th:nth-child(3),.xq-user-orders-table td:nth-child(3){width:105px}.xq-user-orders-table th:nth-child(4),.xq-user-orders-table td:nth-child(4){width:130px}.xq-user-orders-table th:nth-child(5),.xq-user-orders-table td:nth-child(5){width:95px}.xq-user-orders-table th:nth-child(6),.xq-user-orders-table td:nth-child(6){width:165px}.xq-user-orders-table th:nth-child(7),.xq-user-orders-table td:nth-child(7){width:150px}.xq-user-orders-product-toggle{display:block;width:100%;max-width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.xq-user-orders-product-toggle.is-expanded{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.xq-user-order-center,.xq-user-order-actions{text-align:center!important;vertical-align:middle!important}.xq-user-order-actions{white-space:nowrap}.xq-user-order-actions .btn{display:inline-flex;align-items:center;justify-content:center}.xq-user-order-actions a+a{margin-left:10px}@media(max-width:767.98px){.xq-user-orders-table{min-width:995px}.xq-user-orders-table th:nth-child(1),.xq-user-orders-table td:nth-child(1){width:230px}.xq-user-orders-table .xq-user-orders-product{width:140px;max-width:140px}.xq-user-orders-table th:nth-child(6),.xq-user-orders-table td:nth-child(6){width:155px}.xq-user-orders-table th:nth-child(7),.xq-user-orders-table td:nth-child(7){width:145px}}

@media (min-width: 1100px) {
  .xq-chainpay-order--details:has(.xq-chainpay-fee-adjacent) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
.xq-chainpay-fee-inline { display: inline-block; margin-inline-start: 12px; white-space: normal; }

/* V14.0.45: show product amount immediately before the service fee. */
.xq-chainpay-page .xq-chainpay-order.xq-chainpay-order--compact {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 18px;
    row-gap: 12px;
}
.xq-chainpay-page .xq-chainpay-order--compact .xq-chainpay-order-item { min-width: 0; }
.xq-chainpay-page .xq-chainpay-order--compact .xq-chainpay-value { overflow-wrap: anywhere; }
@media (max-width: 767.98px) {
    .xq-chainpay-page .xq-chainpay-order.xq-chainpay-order--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .xq-chainpay-page .xq-chainpay-order--compact .xq-chainpay-order-item:first-child,
    .xq-chainpay-page .xq-chainpay-order--compact .xq-chainpay-order-item:last-child {
        grid-column: 1 / -1;
    }
}