/*
Theme Name: Twenty Twenty-Four
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.0
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
:root {
    --border: #EBEBEB;
}

body {
    font-size: 0.85rem;
}

.woocommerce-account {
}

.woocommerce-account {
}

.woocommerce-account {
}

.woocommerce-account .entry-content {
    padding-bottom: 0;
    padding-top: 20px;
    min-height: calc(100vh - 41px - 20px - 88px);
}

* {
    outline: none !important;
}

.woocommerce table.my_account_orders .button {
    font-size: 11px !important;
    padding: 5px 10px;
    margin: -8px 0 7px 5px;
}

td.woocommerce-table__product-total.product-total {
    vertical-align: top !important;
}

th.rokky-num-th {
    text-align: center;
}

.wc-block-components-order-summary-item .wc-block-components-product-metadata__description {
    display: none;
}

.hogames-order-status-wrapper {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 0 15px 15px;
}

.hogames-order-status-wrapper .rokky-keys-message {
    margin-bottom: 0;
}

.hogames-order-status-wrapper .hogames-keys-info {
    border-top: 1px solid #e5e5e5;
    padding-top: 14px;
}

.woocommerce-table {
    background: #fff;
}

.woocommerce-EditAccountForm {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 20px;
}

.woocommerce {
    max-width: 1000px !important;
    margin: 0 auto;
}

.woocommerce table.my_account_orders {
    background: #fff;
}

.hogames-keys-info a {
    margin: 0px 0 10px;
}

.wp-site-blocks {
    /* min-height: 100vh; */
}

.wc-block-order-confirmation-totals table .wc-block-order-confirmation-totals__note, .wc-block-order-confirmation-totals table .wc-block-order-confirmation-totals__total {
    text-align: left;
}

ul.wc-block-order-confirmation-summary-list {
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
    margin-top: 12px;
}

.wp-block-woocommerce-order-confirmation-totals table {
    background: #fff;
}

.rokky-keys-table-wrap {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.wc-block-order-confirmation-totals table td, .wc-block-order-confirmation-totals table th {
    padding: 5px 13px;
}

.rokky-keys-table {
    border: 1px solid red;
}

.wc-block-checkout__terms {
    padding-top: 15px !important;
    margin-bottom: 30px;
}

.wc-block-components-form .wc-block-components-checkout-step {
    margin-bottom: 30px;
}

.wc-block-components-form .wc-block-checkout__order-notes.wc-block-components-checkout-step {
    margin-bottom: 30px;
}

.wp-block-woocommerce-checkout {
    max-width: 1280px;
    margin: 0 auto;
}

.wcpt-button-cart_checkout {
}

td.wcpt-cell.wcpt-1763082402 .wcpt-item-row {
    display: flex;
    align-items: center;
    justify-content: center;
}

td.wcpt-cell.wcpt-1763082402 .wcpt-item-row {
}

td.wcpt-cell.wcpt-1763082402 .wcpt-item-row {
}

.wcpt-button-cart_refresh {
    padding: 6px !important;
}

.wcpt-button-cart_checkout .wcpt-cart-badge-number {
    display: none;
}

td.wcpt-cell.wcpt-1763082402 {
    padding-right: 9px;
}

td.wcpt-cell.wcpt-1763082402 {
}

tr:hover {
    background: #fff;
}

tr {
    transition: 0.3s;
}

table#wc-wallet-transaction-details {
    border: 1px solid #ebebeb;
    border-radius: 5px;
    position: relative;
    background: #fff;
}

table#wc-wallet-transaction-details {
}

#wc-wallet-transaction-details_filter {
    margin-bottom: 10px;
}

.wc-block-mini-cart__footer-actions > a:first-child {
    display: none !important;
}

.wc-block-cart-item__total-price-and-sale-badge-wrapper {
    font-size: 14px;
    position: relative;
    top: -3px;
}

.wc-block-cart-item__total {
    font-size: 14px;
}

.wc-block-cart-item__wrap {
    padding-right: 10px;
    font-size: 14px;
}

.wc-block-cart-item__wrap .wc-block-components-product-metadata__description {
    display: none;
}

.wp-block-woocommerce-mini-cart-title-items-counter-block {
    display: none;
}

.wp-block-woocommerce-mini-cart-title-label-block {
    display: none;
}

.wc-block-product-description {
    padding-top: 20px;
}

.accordion-item__toggle {
    font-size: 18px;
    padding: 8px 0 9px;
    border-bottom: 1px solid #ebebeb;
    line-height: 30px;
}

.wp-block-woocommerce-accordion-item {
    margin-top: 0px;
}

.wp-block-woocommerce-product-price {
    margin: 0 0 -14px;
}

.woocommerce-Price-amount {
    /* font-size: 19px; */
}

h1 {
    font-size: 22px;
    line-height: 27px;
    font-family: inherit;
    font-weight: 600;
}

.wc-top > .wp-block-column:first-child {
    max-width: 200px;
    margin-right: 20px;
}

.wc-top {
}

.wc-top {
}

.wc-top {
}

.wc-top {
}

.footer-menu {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

.footer-menu a {
    font-weight: normal;
    font-size: 12px;
}

a {
    text-decoration: none;
}

footer.wp-block-template-part > div {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: #fff;
    border-top: 1px solid #ebebeb;
}

.wcpt-table th.wcpt-heading {
    font-weight: 600;
    /* font-size: 13px; */
}

.wcpt {
    /* font-size: 14px; */
}

.header-orders {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-decoration: none;
    border: 1px solid #E5E5E5;
    padding: 4px 9px 5px;
    font-size: 12px;
    border-radius: 5px;
    line-height: 18px;
}

.header-orders span {
    position: relative;
    top: 1px;
}

.header-orders svg {
    width: 20px;
    margin-right: 5px;
}

.hogames-balance {
    text-decoration: none;
    border: 1px solid #E5E5E5;
    padding: 7px 9px;
    font-size: 12px;
    border-radius: 5px;
}

.hogames-balance span {
    font-size: 12px;
}

.wp-block-site-logo img {
    max-width: 26px;
}

header.wp-block-template-part > div, header.wp-block-group {
    background-color: #fff !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-bottom: 1px solid #EBEBEB;
}

header.wp-block-template-part {
}

header.wp-block-template-part {
}

:root :where(.is-layout-flex) {
    gap: 0.7rem;
}

.wc-block-components-notice-banner {
    margin-bottom: 10px;
    outline: none !important;
    margin-right: 0;
    max-width: 100%;
}

.wp-block-woocommerce-order-confirmation-billing-wrapper {
    display: none;
}

.wp-block-woocommerce-checkout-billing-address-block {
    display: none;
}

.wp-block-woocommerce-checkout-order-summary-totals-block {
    display: none;
}

.wc-block-components-totals-shipping {
    display: none;
}

.wp-block-woocommerce-checkout-shipping-methods-block {
    display: none;
}

.wp-block-woocommerce-checkout-shipping-address-block {
    display: none;
}

.wcpt-cf-image {
    max-width: 30px;
}

.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 100%;
}

.woocommerce-MyAccount-navigation-link--dashboard, .woocommerce-MyAccount-navigation-link--downloads, .woocommerce-MyAccount-navigation-link--edit-address, .woocommerce-form-row--first, .woocommerce-form-row--last {
    display: none;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 78%;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 20%;
}

.woocommerce-customer-details {
    display: none;
}

.woocommerce-order-details__title {
    display: none;
}

.wp-block-woocommerce-coming-soon {
    background-color: #ffffff !important;
}

.has-global-padding {
    padding-right: 10px;
    padding-left: 10px;
}

.is-layout-constrained > .alignwide {
    max-width: 100%;
}

.wp-block-woocommerce-order-confirmation-totals-wrapper {
    margin-bottom: 130px;
}

.wp-block-woocommerce-order-confirmation-totals-wrapper .wp-block-heading {
    display: none;
}

.wp-block-woocommerce-order-confirmation-totals-wrapper {
    margin-top: 40px;
}

.wp-block-woocommerce-order-confirmation-summary {
    /* font-size: initial; */
    background: #fff;
    padding: 16px 15px;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    margin-bottom: -30px;
    box-sizing: border-box;
}

.wp-block-woocommerce-order-confirmation-status, .wp-block-woocommerce-order-confirmation-summary, .wp-block-woocommerce-order-confirmation-totals-wrapper {
    /* display: none; */
    max-width: 820px !important;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-woocommerce-order-confirmation-summary {
    /* max-width: 810px !important; */
}

.rokky-order-keys-section {
    /* margin-top: 2em; */
}

.rokky-keys-message {
    margin-top: 1em;
}

.rokky-keys-message.woocommerce-message, .rokky-keys-message.woocommerce-error, .rokky-keys-message.woocommerce-info {
    display: block;
}

.rokky-get-keys-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.rokky-get-keys-btn.is-loading {
    pointer-events: none;
}

.rokky-keys-list {
    margin-top: 1.5em;
}

.rokky-keys-product {
    margin-bottom: 1.5em;
}

.rokky-keys-product:last-child {
    margin-bottom: 0;
}

.rokky-keys-product-title {
    font-weight: 600;
    margin-bottom: 0.5em;
}

.rokky-key-item {
    display: flex;
    align-items: center;
    gap: 0.75em;
    margin-bottom: 0.5em;
    padding: 0.75em 1em;
    background-color: #f8f8f8;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

.rokky-key-item:last-child {
    margin-bottom: 0;
}

.rokky-key-value {
    flex: 1;
    font-family: monospace;
    font-size: 0.95em;
    word-break: break-all;
}

.rokky-key-copy-btn {
    flex-shrink: 0;
}

.rokky-key-copy-btn.copied {
    background-color: #d1fae5 !important;
    border-color: #10b981 !important;
    color: #065f46 !important;
}

.rokky-activation-keys {
    margin-top: 1em;
    padding: 0;
    background-color: #fff;
    border: none;
    border-radius: 3px;
    color: #000;
}

.rokky-activation-keys strong {
    color: #000;
}

.rokky-activation-keys strong {
    display: block;
    font-size: 0.9em;
    margin-bottom: 0.5em;
}

.rokky-activation-keys code {
    display: flex;
    padding: 0.9em 1em 0.75em;
    margin: 0.4em 0;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    font-family: monospace;
    font-size: 0.95em;
    word-break: break-all;
    cursor: pointer;
    transition: background-color 0.2s;
    justify-content: space-between;
}

.rokky-copy-icon {
    position: relative;
    top: 2px;
}

.rokky-activation-keys code:hover {
    background-color: #f0f0f0;
}

.rokky-activation-keys code:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .rokky-key-item {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5em;
    }

    .rokky-key-copy-btn {
        align-self: flex-start;
    }
}

/* Hide default WooCommerce product quantity when keys count is shown */
.woocommerce-table--order-details .product-quantity {
    display: none;
}

/* Keys count indicator in product-total column */
.rokky-keys-count {
    display: inline-block;
    padding: 1px 4px 0px;
    font-weight: 600;
    margin-bottom: 5px;
    position: relative;
    left: -5px;
}

.rokky-keys-complete {
    /* background: #d4edda; */
    color: #000;
}

.rokky-keys-partial {
    background: #ff1111;
    color: #fff;
}

.rokky-keys-pending {
    background: #f8d7da;
    color: #721c24;
}