/*
Theme Name: Parfum Prestige Style
Theme URI: https://parfumprestige.com
Description: Дочерняя тема Neve. Приводит весь сайт к единому фирменному стилю Parfum Prestige: монохромная палитра, серифные заголовки PT Serif, текст Montserrat, единые кнопки, карточки товаров, шапка и подвал. Тема переопределяет стандартные синие кнопки Elementor и приводит витрину WooCommerce к одному стилю.
Author: Parfum Prestige
Author URI: https://parfumprestige.com
Template: neve
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: parfum-prestige-style
*/

/* ============================================================
   1. ФИРМЕННЫЕ ТОКЕНЫ (палитра и типографика сайта)
   Меняйте цвета здесь — они применятся по всему сайту автоматически.
   ============================================================ */
:root {
  /* Палитра */
  --pp-ink: #141414;          /* основной текст, почти чёрный */
  --pp-paper: #ffffff;        /* основной фон */
  --pp-bone: #f6f4ef;         /* тёплый светлый фон для секций */
  --pp-muted: #757575;        /* вторичный текст */
  --pp-line: #e5e2dc;         /* линии и рамки */
  --pp-accent: #958e09;       /* фирменный жёлтый — скидки и акценты */
  --pp-accent-soft: #f4f2d9;  /* бледный жёлтый — подложки */
  --pp-cta: #141414;          /* кнопки: чёрная заливка */
  --pp-cta-ink: #ffffff;      /* текст на чёрных кнопках */
  --pp-radius: 0px;           /* скругление: 0 = строгий стиль */

  /* Переопределяем переменные темы Neve на нашу палитру */
  --nv-primary-accent: var(--pp-ink);
  --nv-secondary-accent: var(--pp-accent);
  --nv-site-bg: var(--pp-paper);
  --nv-light-bg: var(--pp-bone);
  --nv-dark-bg: var(--pp-ink);
  --nv-text-color: var(--pp-ink);
  --nv-text-dark-bg: var(--pp-paper);
}
.nv-single-page-wrap, .page, .single, .nv-page-title-wrap, body {
  background: var(--pp-paper);
  color: var(--pp-ink);
}

/* ============================================================
   2. ТИПОГРАФИКА — единая иерархия по всему сайту
   Заголовки: PT Serif. Текст и кнопки: Montserrat.
   ============================================================ */
body, .woocommerce, .elementor-widget-text-editor,
.elementor-heading-title, input, select, textarea, button {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}
h1, h2, h3, h4, h5, h6,
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.product_title, .woocommerce-loop-product__title,
.entry-title, .nv-page-title, .elementor-widget-heading .elementor-heading-title,
.eael-product-grid .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "PT Serif", Georgia, "Times New Roman", serif !important;
  font-weight: 700;
  color: var(--pp-ink);
  letter-spacing: 0;
}
h1, .nv-page-title { font-size: clamp(2rem, 4.5vw, 3.2rem); line-height: 1.08; }
h2 { font-size: clamp(1.5rem, 3vw, 2.2rem); line-height: 1.15; }
h3 { font-size: clamp(1.2rem, 2.2vw, 1.6rem); line-height: 1.25; }

/* Кикеры и подписи секций — Montserrat капсом с разрядкой */
.nv-page-title-wrap, .woocommerce-breadcrumb,
.elementor-widget-heading .elementor-heading-title,
.onsale, .category-label, .product_label {
  letter-spacing: normal;
}

/* ============================================================
   3. ССЫЛКИ — убираем стандартный синий Elementor
   ============================================================ */
a, .elementor-widget-text-editor a,
.woocommerce a, .woocommerce-LoopProduct-link,
.hfe-nav-menu a {
  color: var(--pp-ink);
  transition: color 0.2s ease;
}
a:hover, .elementor-widget-text-editor a:hover,
.woocommerce a:hover, .hfe-nav-menu a:hover {
  color: var(--pp-accent);
}

/* ============================================================
   4. КНОПКИ — единый стиль на всём сайте
   Убираем синие стандартные кнопки (#3858e9), делаем чёрные.
   ============================================================ */
.elementor-button,
.elementor-button.elementor-size-sm,
.elementor-button.elementor-size-md,
.elementor-button.elementor-size-lg,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce .button.add_to_cart_button,
.woocommerce .single_add_to_cart_button,
a.button, button.button, input.button,
.wp-block-button__link, .nv-content-wrap .wp-block-button__link {
  background: var(--pp-cta) !important;
  color: var(--pp-cta-ink) !important;
  border: 1px solid var(--pp-cta) !important;
  border-radius: var(--pp-radius);
  padding: 0.85rem 1.9rem;
  font-family: "Montserrat", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: background 0.25s ease, color 0.25s ease,
    border-color 0.25s ease;
}
.elementor-button:hover,
.elementor-button:hover .elementor-button-text,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover,
a.button:hover, button.button:hover, input.button:hover,
.wp-block-button__link:hover, .nv-content-wrap .wp-block-button__link:hover {
  background: var(--pp-accent) !important;
  border-color: var(--pp-accent) !important;
  color: #ffffff !important;
  text-decoration: none;
}
/* Вторичные кнопки: контурные */
.elementor-button.elementor-size-sm.elementor-size-sm[class*="outline"],
.woocommerce a.button.alt {
  background: transparent !important;
  color: var(--pp-ink) !important;
  border-color: var(--pp-ink) !important;
}
.woocommerce a.button.alt:hover {
  background: var(--pp-ink) !important;
  color: var(--pp-paper) !important;
}

/* ============================================================
   5. ШАПКА И МЕНЮ — единый вид
   ============================================================ */
.header-main, .header-bottom, .sticky-header, .builder-item {
  background: var(--pp-paper);
  border-bottom: 1px solid var(--pp-line);
}
.header-main .menu-item a, .hfe-nav-menu a, .builder-item a,
.nav-ul > li > a, .woocommerce-custom-menu-item a {
  font-family: "Montserrat", sans-serif;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pp-ink);
}
.header-main .menu-item a:hover, .hfe-nav-menu a:hover,
.nav-ul > li > a:hover, .builder-item a:hover {
  color: var(--pp-accent);
}
/* Счётчик корзины — жёлтая точка */
.woocommerce-custom-menu-item .count,
.hfe-site-header-cart .count, .cart-contents .count {
  background: var(--pp-accent);
  color: #ffffff;
  border-radius: 999px;
  min-width: 1.15rem;
  height: 1.15rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
}

/* ============================================================
   6. КАРТОЧКИ ТОВАРОВ — единый вид витрины
   ============================================================ */
.woocommerce ul.products li.product,
.eael-product-grid .woocommerce ul.products li.product,
ul.products li.product {
  background: var(--pp-paper);
  border: 1px solid var(--pp-line);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
  text-align: center;
}
.woocommerce ul.products li.product:hover {
  box-shadow: 0 14px 40px rgba(20, 20, 20, 0.1);
  transform: translateY(-4px);
}
.woocommerce ul.products li.product img,
.eael-product-grid ul.products li.product img {
  margin: 0 auto;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.eael-product-grid .woocommerce-loop-product__title,
.product .woocommerce-loop-product__title {
  font-family: "PT Serif", serif !important;
  font-weight: 700;
  font-size: 1.05rem;
  padding: 0.4rem 1rem;
  color: var(--pp-ink);
}
/* Цены: старая — серая зачёркнутая, новая — жёлтая жирная */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  font-family: "Montserrat", sans-serif;
  color: var(--pp-ink);
}
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del {
  color: var(--pp-muted);
  opacity: 1;
}
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins {
  background: transparent;
  color: var(--pp-accent);
  font-weight: 700;
}
/* Бейдж скидки — фирменный жёлтый */
.woocommerce span.onsale, .onsale, .eael-onsale {
  background: var(--pp-accent) !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
  min-height: auto;
  min-width: auto;
  padding: 0.4rem 0.65rem;
}
/* Кнопка в карточке — компактная */
.woocommerce ul.products li.product .button,
.eael-product-grid ul.products li.product .button {
  margin: 0.6rem 1rem 1.2rem;
}

/* ============================================================
   7. СТРАНИЦА ТОВАРА
   ============================================================ */
.woocommerce div.product .product_title {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: var(--pp-accent);
  color: var(--pp-ink);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--pp-muted);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--pp-ink);
}

/* ============================================================
   8. ХЛЕБНЫЕ КРОШКИ И РАЗДЕЛЫ
   ============================================================ */
.woocommerce-breadcrumb {
  font-size: 0.8rem;
  color: var(--pp-muted);
}
.woocommerce-breadcrumb a { color: var(--pp-ink); }
.woocommerce-breadcrumb a:hover { color: var(--pp-accent); }

/* ============================================================
   9. ФОРМЫ И ПОЛЯ ВВОДА
   ============================================================ */
input[type="text"], input[type="email"], input[type="tel"],
input[type="search"], input[type="password"], input[type="number"],
select, textarea, .woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-cart .cart_totals table, .woocommerce-checkout .shop_table {
  border: 1px solid var(--pp-line);
  border-radius: var(--pp-radius);
  background: var(--pp-paper);
  color: var(--pp-ink);
  font-family: "Montserrat", sans-serif;
}
input:focus, select:focus, textarea:focus,
.woocommerce form .form-row input.input-text:focus {
  border-color: var(--pp-accent);
  outline: none;
  box-shadow: 0 0 0 2px rgba(149, 142, 9, 0.18);
}

/* ============================================================
   10. ПОДВАЛ — тёмный, единый
   ============================================================ */
.site-footer, .footer-main, .footer-main-inner,
.footer-bottom-inner, .nv-footer-content, .hfe-footer-wrapper {
  background: var(--pp-ink);
  color: var(--pp-paper);
}
.site-footer a, .footer-main a, .footer-bottom a,
.hfe-footer-wrapper a, .nv-footer-content a {
  color: var(--pp-bone);
  font-size: 0.85rem;
}
.site-footer a:hover, .footer-main a:hover, .footer-bottom a:hover,
.hfe-footer-wrapper a:hover, .nv-footer-content a:hover {
  color: var(--pp-accent);
}
.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer .widget-title, .footer-main .widget-title {
  color: var(--pp-paper);
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

/* ============================================================
   11. КНОПКА «НАВЕРХ» — в чёрно-жёлтой гамме вместо синей
   ============================================================ */
.scroll-top, .nv-ftr, [id*="scroll-top"], .to-top,
.to-top-button, .back-to-top, .elementor-widget-icon-list .elementor-icon,
#button-up, .topbutton, .go-top, .footer-bottom .scroll-top {
  background: var(--pp-ink) !important;
  color: var(--pp-paper) !important;
  border-radius: 0 !important;
}
.scroll-top:hover, .to-top:hover, .to-top-button:hover {
  background: var(--pp-accent) !important;
}
/* Любые случайные синие иконки Elementor — в нейтральный тёмный */
.elementor-widget-icon .elementor-icon,
.elementor-icon i, .elementor-icon svg {
  color: var(--pp-ink);
}

/* ============================================================
   12. СЕКЦИИ — ритм отступов
   ============================================================ */
.elementor-section, .nv-page-title-wrap, .nv-content-wrap,
.woocommerce .products, .woocommerce div.product {
  /* общий вертикальный ритм секций */
}
.nv-page-title-wrap {
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid var(--pp-line);
}
.woocommerce .products {
  padding-top: 1rem;
}

/* ============================================================
   13. АДАПТИВНОСТЬ (мобильные)
   ============================================================ */
@media (max-width: 768px) {
  h1, .nv-page-title { font-size: clamp(1.7rem, 7vw, 2.4rem); }
  h2 { font-size: clamp(1.3rem, 5.5vw, 1.8rem); }
  .elementor-button, .woocommerce a.button,
  .woocommerce button.button { padding: 0.7rem 1.4rem; }
  .woocommerce ul.products li.product .price { font-size: 0.95rem; }
  .header-main .menu-item a, .hfe-nav-menu a { letter-spacing: 0.06em; }
}