/* ============================================================
   ТЕХОБОРУДОВАНИЕ — рескин 2025
   Палитра (из черновика texobshop-wp): синий #1F4E79 + белый
   + жёлтый акцент #FFD600 в hero.
   Шрифты: Montserrat (текст) + Oswald (заголовки).
   Грузится дочерней темой всегда (фундамент live).
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');

/* ── Палитра: переопределяем переменные Astra и наши ──────── */
:root, body {
  /* Astra global colors (страницы магазина/категорий/товара/корзины) */
  --ast-global-color-0:#1F4E79;   /* бренд / ссылки / кнопки */
  --ast-global-color-1:#163a5c;   /* hover / темнее */
  --ast-global-color-2:#1F4E79;   /* заголовки */
  --ast-global-color-3:#2b2b2b;   /* основной текст */
  --ast-global-color-4:#FFFFFF;   /* ФОН страницы — белый! (Astra: primary=color-4; навязывать синий НЕЛЬЗЯ) */
  /* наши txo-переменные (главная, FAQ, прайс) */
  --blue:#1F4E79;
  --blue-med:#2E75B6;
  --blue-light:#DEEAF1;
  --blue-pale:#EBF3FB;
  --gray-text:#5F5F5F;
}

/* ── Типографика ─────────────────────────────────────────── */
body,
.ast-container, .entry-content, p, li, td, input, select, textarea, button {
  font-family:'Montserrat', Arial, sans-serif;
}
h1, h2, h3, h4, h5,
.txo-hero h1, .txo-section-head h2, .txo-cat-hero h1,
.txo-product-title, .txo-footer__logo,
.entry-title, .ast-archive-title, .widget-title,
.woocommerce-loop-product__title, .product_title,
.wp-block-heading {
  font-family:'Oswald', 'Arial Narrow', sans-serif !important;
  font-weight:600;
  letter-spacing:.3px;
}

/* ── Логотип в шапке: синий горизонтальный (светлая шапка) ── */
.custom-logo {
  content:url('/wp-content/themes/texobshop-child/assets/logo-h-blue.svg');
  height:50px !important; width:auto !important; max-height:50px !important;
}

/* ── Hero: фирменный синий + светлый носорог-акцент ───────── */
/* жёлтый акцент #FFD600 в заголовке-span и цифрах — из style.css (не перебиваем) */
.txo-hero {
  background:linear-gradient(135deg,#1F4E79 0%,#163a5c 100%) !important;
  position:relative; overflow:hidden;
}
.txo-hero::after {
  content:""; position:absolute; right:-50px; top:-40px;
  width:340px; height:340px;
  background:url('/wp-content/themes/texobshop-child/assets/rhino-white.svg') no-repeat center/contain;
  opacity:.08; transform:rotate(6deg); pointer-events:none;
}
.txo-hero__inner { position:relative; z-index:1; }

/* ── Кнопки MAX: фирменный градиент задаёт chrome.css (грузится после) ──
   здесь синий-фолбэк на случай отключения chrome.css */
.txo-btn--wa,
.txo-nav .txo-btn--wa { background:#1F4E79; color:#fff; border:none; }
.txo-btn--wa:hover { color:#fff; }
.txo-wa-float { box-shadow:0 4px 16px rgba(31,78,121,.45); }
.txo-footer__social--max { background:#1F4E79; }

/* ── WooCommerce / Astra: кнопки и цены в синем ──────────── */
.woocommerce a.button, .woocommerce button.button,
.woocommerce .button, .woocommerce #respond input#submit,
.woocommerce input.button, .wc-block-components-button,
.single_add_to_cart_button, .add_to_cart_button {
  background:#1F4E79 !important; color:#fff !important;
  border-color:#1F4E79 !important; border-radius:8px !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce .button:hover, .woocommerce input.button:hover,
.single_add_to_cart_button:hover, .add_to_cart_button:hover {
  background:#163a5c !important; color:#fff !important; border-color:#163a5c !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price,
.woocommerce .price .amount, .woocommerce ins .amount {
  color:#1F4E79 !important; font-weight:700;
}
.woocommerce span.onsale {
  background:#C00000 !important; color:#fff !important; border-radius:6px !important;
}

/* ── Акценты темы ────────────────────────────────────────── */
.site-header .ast-primary-header-bar,
.ast-primary-header-bar.main-header-bar { border-bottom:3px solid #1F4E79; }
a { color:#1F4E79; }
a:hover { color:#163a5c; }
.txo-cat-card:hover { border-color:#1F4E79; }