/*
Theme Name: Necromancers Child Theme
Theme URI: https://themeforest.net/user/dan_fisher/portfolio
Description: Child theme for Necromancers eSports & Gaming WordPress Theme
Version: 1.0.0
Author: Dan Fisher
Author URI: https://themeforest.net/user/dan_fisher
Template: necromancers
*/

/*.ncr-order-status-grid {*/
/*  display: grid;*/
/*    grid-template-columns: repeat(5, 1fr); !* 5等分列 *!*/
/*  line-height: 1.2em;*/
/*  row-gap: 1rem; }*/
/*  .ncr-order-status-grid__head {*/
/*    border-bottom: 1px solid hsla(var(--color-secondary-h), var(--color-secondary-s), var(--color-secondary-l), 0.2);*/
/*    font-weight: bold;*/
/*    font-size: 0.875rem;*/
/*    text-transform: uppercase;*/
/*    padding: 1em 0.75em; }*/
/*    @media (min-width: 1920px) {*/
/*      .ncr-order-status-grid__head {*/
/*        font-size: 1.125rem; } }*/
/*  .ncr-order-status-grid > div:nth-child(4n + 1) {*/
/*    -webkit-padding-start: 0;*/
/*            padding-inline-start: 0; }*/
/*  .ncr-order-status-grid > div:nth-child(4n + 4) {*/
/*    -webkit-padding-end: 0;*/
/*            padding-inline-end: 0; }*/

/*  .ncr-order-status-grid__body {*/
/*    padding: 0.5em 0.75em;*/
/*    font-weight: bold;*/
/*    text-transform: uppercase; }*/
/*    .ncr-order-status-grid__body--order a {*/
/*      color: var(--color-primary); }*/
/*      .ncr-order-status-grid__body--order a:hover {*/
/*        color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.8); }*/
/*    .ncr-order-status-grid__body--status-processing {*/
/*      color: var(--color-primary); }*/
/*    .ncr-order-status-grid__body--status-completed {*/
/*      color: var(--color-secondary); }*/


/*@media (max-width: 575px) {*/
/*  .header-cart-toggle,*/
/*  .header-search-toggle {*/
/*    margin-left: 28px !important; } }*/


.ncr-order-status-grid {
    display: grid;
    grid-template-columns: 1.5fr 2fr 1fr 1.5fr 2fr;
    gap: 1rem 1.25rem;
    font-size: 0.95rem;
    align-items: center;
}

.ncr-order-status-grid__head {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    color: #666;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.5rem;
}

.ncr-order-status-grid__body {
    padding: 0.5rem 0;
    border-bottom: 1px dashed #eee;
    word-break: break-word;
}

.ncr-order-status-grid__body--status .badge {
    font-size: 0.75rem;
    padding: 0.4em 0.7em;
    background: #e6f4ea;
    color: #28a745;
    border-radius: 999px;
}

/* Responsive */
@media (max-width: 768px) {
    .ncr-order-status-grid {
        grid-template-columns: 1fr;
    }

    .ncr-order-status-grid__head {
        display: none; /* 可选：隐藏标题 */
    }

    .ncr-order-status-grid__body {
        border-bottom: 1px solid #eee;
        padding: 0.75rem 0;
        font-size: 0.9rem;
        position: relative;
    }

    .ncr-order-status-grid__body::before {
        content: attr(data-label);
        display: block;
        font-size: 0.75rem;
        color: #999;
        margin-bottom: 0.25rem;
    }
}