/**
 * =========================================================
 * YUMBAKER: Checkout production info 2026 04 19
 * ---------------------------------------------------------
 * Зачем:
 * - аккуратно показать срок готовности заказа на checkout
 * - визуально сгруппировать товары по срокам
 * - использовать фирменные токены и единый checkout rhythm
 * =========================================================
 */

.yb-production-checkout-box {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 0 var(--yb-checkout-block-gap, 24px) !important;
    padding: 18px 20px;
    border: 1px solid var(--yb-checkout-panel-border, rgba(150, 54, 65, 0.14));
    border-radius: 18px;
    background: var(--yb-checkout-panel-bg, #fff7ec);
}

.yb-production-checkout-title {
    margin: 0 0 8px;
    color: var(--yb-text, #333333);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}

.yb-production-checkout-summary {
    margin: 0 0 10px;
    color: var(--yb-text, #333333);
    font-size: 15px;
    line-height: 1.5;
}

.yb-production-checkout-note {
    margin: 0 0 14px;
    color: var(--yb-accent, #963641);
    font-size: 14px;
    line-height: 1.5;
}

.yb-production-checkout-groups {
    display: grid;
    gap: 10px;
}

.yb-production-checkout-group {
    padding: 12px 14px;
    border-radius: 14px;
    background: var(--yb-field-bg, rgba(255, 255, 255, 0.72));
}

.yb-production-checkout-group-title {
    margin: 0 0 8px;
    color: var(--yb-accent, #963641);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.yb-production-checkout-group-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.yb-production-checkout-group-list li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 4px 0;
    color: var(--yb-text, #333333);
    font-size: 14px;
    line-height: 1.45;
}

.yb-production-checkout-group-product {
    min-width: 0;
    flex: 1 1 auto;
    overflow-wrap: anywhere;
}

.yb-production-checkout-group-name {
    display: block;
}

.yb-production-checkout-group-meta {
    display: block;
    margin-top: 4px;
    color: var(--yb-text-secondary, rgba(51, 51, 51, 0.72));
    font-size: 12px;
    line-height: 1.45;
}

.yb-production-checkout-group-meta dl,
.yb-production-checkout-group-meta dd,
.yb-production-checkout-group-meta dt,
.yb-production-checkout-group-meta p {
    margin: 0;
}

.yb-production-checkout-group-qty {
    flex: 0 0 auto;
    color: var(--yb-text-secondary, rgba(51, 51, 51, 0.72));
}

.yb-production-checkout-summary-label {
    font-weight: 600;
    color: var(--yb-text, #333333);
}

.yb-production-checkout-summary--secondary {
    margin-top: -2px;
}

@media (max-width: 767px) {
    .yb-production-checkout-box {
        padding: 16px;
        border-radius: 16px;
        margin: 0 0 var(--yb-checkout-block-gap-mobile, 20px) !important;
    }

    .yb-production-checkout-title {
        font-size: 16px;
    }

    .yb-production-checkout-summary,
    .yb-production-checkout-note,
    .yb-production-checkout-group-title,
    .yb-production-checkout-group-list li {
        font-size: 13px;
    }

    .yb-production-checkout-group-meta {
        font-size: 11px;
    }
}


/**
 * =========================================================
 * YUMBAKER: Single product readiness box 2026 04 21
 * ---------------------------------------------------------
 * Зачем:
 * - показать ближайшую готовность прямо на странице товара
 * - встроить блок в summary под описанием товара
 * =========================================================
 */

.yb-production-single-box {
    margin: 16px 0 18px;
    padding: 14px 0 0;
    border-top: 1px solid rgba(51, 51, 51, 0.12);
}

.yb-production-single-line {
    margin: 0 0 4px;
    color: #555555;
    font-size: 14px;
    line-height: 1.45;
}

.yb-production-single-line:last-child {
    margin-bottom: 0;
}

.yb-production-single-line--primary {
    color: #333333;
    font-size: 15px;
}

.yb-production-single-label {
    font-weight: 600;
    color: #333333;
}

.yb-production-single-value {
    font-weight: 500;
    color: #333333;
}

.single-product .summary .stock,
.single-product .summary .woocommerce-variation-availability,
.single-product .summary p.stock {
    display: none !important;
}

@media (max-width: 767px) {
    .yb-production-single-box {
        margin: 12px 0 16px;
    }

    .yb-production-single-line {
        font-size: 13px;
    }

    .yb-production-single-line--primary {
        font-size: 14px;
    }
}


.single-product .summary .stock,
.single-product .summary .woocommerce-variation-availability,
.single-product .summary p.stock,
.single-product .woo-breadcrumbs,
.single-product .breadcrumbs,
.single-product .breadcrumb,
.single-product nav.woocommerce-breadcrumb,
.single-product .product-nav,
.single-product .portfolio-nav,
.single-product .sticky-nav-holder,
.single-product .product-share,
.single-product .share-bar {
    display: none !important;
}


/* hide unwanted elements */
.single-product .woocommerce-breadcrumb,
.single-product .product-navigation,
.single-product .woocommerce-product-gallery__navigation,
.single-product .stock,
.single-product .availability,
.single-product .stock-status {
    display:none !important;
}



/**
 * =========================================================
 * YUMBAKER: Production status badge 2026 04 22
 * ---------------------------------------------------------
 * Зачем:
 * - показать production status badge на single product
 * - использовать брендовые переменные без хардкода
 * =========================================================
 */

.yumbaker-product-status {
    display: inline-block;
    margin: 0 0 14px 0;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
    white-space: nowrap;
    vertical-align: top;
}

.yumbaker-product-status--ready-now {
    background: var(--yum-color-matcha);
    color: var(--yum-color-text);
}

.yumbaker-product-status--ready-today {
    background: var(--yum-color-cream);
    color: var(--yum-color-text);
}

.yumbaker-product-status--not-today {
    background: var(--yum-color-bordo);
    color: var(--yum-color-white);
}

.single-product .summary .stock,
.single-product .summary .availability,
.single-product .summary .stock-status,
.single-product .summary .woocommerce-variation-availability,
.single-product .summary p.stock,
.single-product .summary .onsale,
.single-product .summary [class*="stock"],
.single-product .summary [class*="availability"],
.single-product .summary [class*="badge"],
.single-product .summary .product-label,
.single-product .summary .product-labels,
.single-product .summary .label,
.single-product .summary .labels {
    display: none !important;
}


/**
 * =========================================================
 * YUMBAKER: Product status badge final fix 2026 04 22
 * ---------------------------------------------------------
 * Зачем:
 * - полностью скрыть старый бейдж темы Stockie
 * - жёстко выровнять новый production badge по левому краю
 * - применить фирменные цвета YUMBAKER с приоритетом над темой
 * =========================================================
 */

.single-product .woo_c-product-details-label,
.single-product .tag.available-on-backorder,
.single-product span.woo_c-product-details-label.tag {
    display: none !important;
}

.single-product .yumbaker-product-status {
    display: block;
    width: fit-content;
    margin-left: 0 !important;
    margin-right: auto !important;
    margin-bottom: 12px !important;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
    white-space: nowrap;
}

.single-product .yumbaker-product-status--ready-now {
    background: var(--yb-matcha) !important;
    color: #ffffff !important;
}

.single-product .yumbaker-product-status--ready-today {
    background: var(--yb-cream-dark) !important;
    color: var(--yb-graphite) !important;
}

.single-product .yumbaker-product-status--not-today {
    background: var(--yb-accent) !important;
    color: #ffffff !important;
}