/*
Theme Name: LCT — LAB by LUNÉVA
Theme URI: https://luneva.world/
Author: LUNÉVA
Description: Кастомна тема LAB by LUNÉVA (LCT — Luneva Custom Theme). Статичні дизайн-макети, обгорнуті в PHP-шаблони, з редагуванням текстів через ACF. Стилі підключаються з /assets/css.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lct
*/

/* Фікс липкого хедера, коли активна адмін-панель WP */
body.admin-bar .header { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .header { top: 46px; }
}

/* Ціна зі знижкою.

   WooCommerce загортає нову ціну в <ins>, а браузер підкреслює цей тег
   за замовчуванням — виходила підкреслена ціна, що читається як
   помилка. Стара ціна лишається закресленою: це саме те, що <del>
   і має означати.

   Правило тут, у кореневому style.css, бо він єдиний підключається на
   всіх сторінках: знижки трапляються і в каталозі, і в кошику, і в
   бічній колонці статті. */
.woocommerce-Price-amount ins,
.price ins,
.meta ins,
ins.woocommerce-Price-amount,
del + ins {
  text-decoration: none;
  background: transparent;
}

del,
del .woocommerce-Price-amount {
  text-decoration: line-through;
}

/* Про вирівнювання заголовка з надписом над ним.

   Клієнт помітив, що підпис виглядає лівішим за заголовок. Заміряно:
   рамки і текстові вузли збігаються до пікселя в усіх блоках, тобто
   розмітка правильна. Різницю дає боковий відступ усередині гліфа —
   у великому кеглі він помітний.

   СПРОБА ЗСУВУ ВІДКОЧЕНА. Поставили заголовкам margin-left: -0.052em і
   перевірили на кількох блоках — виявилось, що відступ залежить не від
   кегля, а від ПЕРШОЇ ЛІТЕРИ. При одному розмірі 51.2px:

     Р, П, В  -> 3px
     О, Я, С, Д -> 1px

   Тобто будь-який єдиний зсув одні заголовки вирівнює, а інші зсуває в
   інший бік: після правки «Обери формат догляду» поїхав на 1.66px
   ліворуч від свого підпису. CSS не вміє оптичне вирівнювання по гліфу,
   тож лишаємо як є — розмітка чесно флеш, а решта в межах 1-3px і
   залежить від літери. */