/* ====================================================================
   СТРАНИЦА АКЦИЙ — стили
   Подключается через wp_enqueue_style в promo-page.php
   ==================================================================== */

/* ── Шапка секции акции ───────────────────────────────────────────────── */
.pw-pp-section { margin-bottom: 56px; }

.pw-pp-header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 22px;
    margin-bottom: 24px;
    background: #fff3e0;
    border-left: 5px solid #e65100;
    border-radius: 0 8px 8px 0;
}
.pw-pp-header--spring { background: #f1f8e9; border-left-color: #2e7d32; }

.pw-pp-badge {
    flex-shrink: 0;
    display: inline-block;
    background: #e65100;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    padding: 9px 15px;
    border-radius: 6px;
    line-height: 1;
    margin-top: 2px;
}
.pw-pp-badge--spring { background: linear-gradient(135deg, #66bb6a 0%, #2e7d32 100%); }

.pw-pp-title  { margin: 0 0 5px !important; font-size: 1.2em !important; font-weight: 700 !important; color: #bf360c !important; line-height: 1.3 !important; }
.pw-pp-header--spring .pw-pp-title { color: #1b5e20 !important; }
.pw-pp-meta   { margin: 0 0 3px !important; font-size: 13px !important; color: #666 !important; }
.pw-pp-note   { margin: 4px 0 0 !important; font-size: 13px !important; color: #555 !important; font-style: italic; }
.pw-pp-more   { display: inline-block; margin-top: 14px; font-size: 14px; color: #2e7d32; text-decoration: underline; text-underline-offset: 3px; }
.pw-pp-more:hover { color: #1b5e20; }
.pw-pp-empty  { text-align: center; color: #888; padding: 48px 0; font-size: 16px; }

/* ── Сетка товаров ───────────────────────────────────────────────────── */
.pw-pp-grid-wrap ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 -10px !important;
}

/* ── Карточка товара ─────────────────────────────────────────────────── */
.pw-pp-grid-wrap ul.products li.product {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: calc(25% - 20px) !important;
    margin: 0 10px 20px !important;
    box-sizing: border-box !important;
    float: none !important;
    border: 1px solid #e0e0e0;
}
@media (max-width: 1100px) {
    .pw-pp-grid-wrap ul.products li.product { width: calc(33.333% - 16px) !important; margin: 0 8px 16px !important; }
}
@media (max-width: 700px) {
    .pw-pp-grid-wrap ul.products li.product { width: calc(50% - 12px) !important; margin: 0 6px 12px !important; }
}
@media (max-width: 420px) {
    .pw-pp-grid-wrap ul.products li.product { width: calc(100% - 12px) !important; margin: 0 6px 12px !important; }
}

/* Изображение */
.pw-pp-grid-wrap ul.products li.product a img {
    height: 200px !important;
    width: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Название */
.pw-pp-grid-wrap ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 10px 12px 4px !important;
    margin: 0 !important;
    flex-grow: 1 !important;
}

/* Цена */
.pw-pp-grid-wrap ul.products li.product .price {
    padding: 4px 12px 8px !important;
    margin: 0 !important;
    text-align: center !important;
    display: block !important;
    line-height: 1.4 !important;
}
.pw-pp-grid-wrap ul.products li.product .price .price-main,
.pw-pp-grid-wrap ul.products li.product .price-main {
    font-size: 1.2em !important;
    font-weight: 600 !important;
    display: block !important;
}
.pw-pp-grid-wrap ul.products li.product .price .price-secondary,
.pw-pp-grid-wrap ul.products li.product .price-secondary {
    font-size: 0.9em !important;
    font-weight: 400 !important;
    display: block !important;
    color: #666 !important;
}
/* Fallback: если цена без обёртки .price-main (напр. ЛКМ /литр) */
.pw-pp-grid-wrap ul.products li.product .price .woocommerce-Price-amount {
    font-size: 1.2em !important;
    font-weight: 600 !important;
}

/* Кнопка */
.pw-pp-grid-wrap ul.products li.product .button {
    margin: auto 12px 12px !important;
    display: block !important;
    text-align: center !important;
    padding: 9px 12px !important;
    background: #8bc34a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background .15s !important;
}
.pw-pp-grid-wrap ul.products li.product .button:hover {
    background: #7cb342 !important;
    color: #fff !important;
}