/*
	Theme Name: RADIO SAVOK
	Theme URI: http://weblandgroup.com
	Author: Weblandgroup
	Author URI: http://weblandgroup.com
	Description: Weblandgroup Theme with Automated Metal-Based Pricing System
	Text Domain: text domain here
	Version: 1.2
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==============================================
   Стили системы ценообразования и фильтров (Эталонный дизайн)
   ============================================== */

/* -----------------------------------------------
   Карточка товара в каталоге (partials/product.php) — Две цены
   ----------------------------------------------- */

/* Строки цен */
.product__block-price--new,
.product__block-price--used {
    display: flex;
    align-items: center;
    font-size: 16px;
}

/* Бейджики «Новые» и «Б/У» */
.product__block-prices .price-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 3px 6px;
    border-radius: 4px;
    white-space: nowrap;
}

/* Бейдж «Новые» — изумрудно-зелёный */
.product__block-price--new .price-label {
    /* border: 1px solid #c8e6c9; */
    color: #2e7d32;
}
.product__block-price--new strong,
.product__block-price--new span,
.product__block-price--new em,
.product__block-price--used em {
    font-weight: 600;
    color: black;
    font-style: normal;
}

.product__block-price--new em,
.product__block-price--used em {
    margin-left: 5px;
}





/* Цифры цены «Новые» и старые */
.product__block-price--new strong,
.product__block-price--used strong {
    font-size: 16px;
    font-weight: 700;
    padding-inline: 8px;
}



/* Бейдж «Б/У» — спокойный серый */
.product__block-price--used .price-label {
    /* border: 1px solid grey; */
}
.product__block-price--used .price-label,
.product__block-price--used strong,
.product__block-price--used span,
.product__block-price--used em {
    color: grey;
}
.product__block-price.product__block-price--used {
	margin-top: 8px;
}
.product__block-price.product__block-price--used .price-label {
    margin-right: auto;
}



/* -----------------------------------------------
   Детальная страница товара (single-catalog.php) — Две цены
   ----------------------------------------------- */

.bgblock__prices {
    display: inline-flex;
    flex-direction: column;
}

.bgblock__price--new,
.bgblock__price--used {
    display: flex;
    align-items: center;
    gap: 0;
    font-size: 1.5rem;
}

.bgblock__prices .price-label {
    white-space: nowrap;
}

.bgblock__price--new strong,
.bgblock__price--used strong {
    padding: 0 0.8rem;
}



/* -----------------------------------------------
   Адаптивность для мобильных экранов
   ----------------------------------------------- */
@media (max-width: 767px) {
    .bgblock__price--new,
    .bgblock__price--used {
        font-size: 16px;
    }
    .bgblock__price--new strong,
    .bgblock__price--used strong {
        padding: 0 8px;
    }
}


/* -----------------------------------------------
   Фильтр по драгоценным металлам (taxonomy.php)
   ----------------------------------------------- */

.metal-filter {
    margin: 16px 0 50px;
    padding: 0 20px;
}

.metal-filter__label {
    display: block;
    font-size: 13px;
    color: #64748b;
    margin-bottom: 10px;
    font-weight: 600;
}

.metal-filter__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.metal-filter__btn {
    display: inline-block;
    padding: 7px 16px;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 20px;
    color: #334155;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.metal-filter__btn:hover {
    background: #e8f5e9;
    border-color: #2e7d32;
    color: #2e7d32;
    text-decoration: none;
    transform: translateY(-1px);
}

.metal-filter__btn--active {
    background: #2e7d32;
    border-color: #2e7d32;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(46, 125, 50, 0.25);
}

.metal-filter__btn--active:hover {
    background: #1b5e20;
    border-color: #1b5e20;
    color: #fff;
}

@media (max-width: 767px) {
    .metal-filter {
        padding: 10px 14px;
    }
    .metal-filter__btn {
        padding: 5px 12px;
        font-size: 12px;
    }
}

/* -----------------------------------------------
   Город в шапке (статичный режим без дропдауна)
   ----------------------------------------------- */
.header__city-title .city-static {
    line-height: 35px;
    padding: 0 15px;
    background: rgba(232, 236, 237, 0.8);
    border-radius: 10px;
    margin-left: 10px;
    color: #070707;
    font-weight: 500;
    display: inline-block;
}

/* -----------------------------------------------
   Уведомление о годе выпуска деталей (до 1990 г.)
   ----------------------------------------------- */

/* Примечание на карточке товара под ценами */
.bgblock__price-note {
    font-size: 13px;
    line-height: 1.4;
    color: #64748b;
    margin: 8px 0 16px;
    font-style: italic;
}

/* Инфо-плашка в каталоге под фильтром металлов */
.catalog-year-notice {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f1f5f9;
    border-left: 4px solid #0284c7;
    border-radius: 0 8px 8px 0;
    padding: 12px 18px;
    margin: -25px 0 35px;
    font-size: 14px;
    color: #334155;
    line-height: 1.45;
}


.catalog-year-notice__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #0284c7;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    flex-shrink: 0;
}

.catalog-year-notice__text strong {
    color: #0f172a;
    font-weight: 600;
}

/* Сноска в модальном окне */
.popup__note {
    font-size: 12px;
    line-height: 1.4;
    color: #94a3b8;
    margin-top: 15px;
    text-align: center;
}

@media (max-width: 767px) {
    .catalog-year-notice {
        margin: -10px 0 25px;
        padding: 10px 14px;
        font-size: 13px;
    }
}