/* 
Theme Name: Webmister
Theme URI: https://webmister.pro/
Description: Hello Elementor Child theme by Webmister
Author: Webmister
Author URI: https://webmister.pro/
Template: hello-elementor
Version: 1.0.1
Text Domain: webmister
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
 *  Аккордион в персонале
 */ 
/* Початковий стан блоку */
.read-more-wrap {
    max-height: 60px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: max-height 0.5s ease-in-out;
}

.read-more-wrap.big-txt {
    max-height: 120px;
}

/* Напис "Подробнее" */
.read-more-wrap:after {
    content: "Детальніше...";
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(to right, rgba(255,255,255,0), #fff 40%);
    padding-left: 160px;
    color: var(--e-global-color-primary);
    font-weight: 500;
    font-style: italic;
}

/* Стан при кліку (розгорнуто) */
.read-more-wrap.is-open {
    max-height: 1000px; 
    transition: max-height 0.5s ease-in-out;
}

/* Ховаємо напис, коли відкрито */
.read-more-wrap.is-open:after {
    content: "Згорнути";
}

/*
 * Footer webmister
 */
.footer-webmister-logo a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.footer-webmister-logo a {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;  
    color: #c3c3c3;
    font-weight: 300;
    font-size: 14px;
    line-height: 1em;
}

.footer-webmister-logo a>div {
    padding-right: 4px;
}

/*
 * Плавный переход цвета в ссылках в elementor-widget-text-editor
 */

.elementor-widget-text-editor a {
    transition: color 0.3s ease;
}

/*
 * Стилизуем список в elementor-widget-text-editor
 */

.elementor-widget-text-editor ol {
    margin-block-end: .9rem;
    margin-block-start: 0px;
    padding-inline-start: 20px;
    padding-left: 50px;
}

/* Выбираем цифры нумерованного списка */
.elementor-widget-text-editor ol li::marker {
    font-weight: bold;       /* Жирный шрифт */
    color: #f0ad4e;          /* Нужный цвет (например, оранжевый/желтый) */
    font-family: Verdana, sans-serif; /* Можно задать отдельный шрифт для цифр */
}

.elementor-widget-text-editor ul {
    list-style: none;
    margin-block-end: .9rem;
    margin-block-start: 0;
    padding-inline-start: 20px;
}

.elementor-widget-text-editor ul li {
  position: relative;
  padding-left: 25px; /* Отступ слева под галочку */
  margin-bottom: 10px; /* Расстояние между пунктами */
}

.elementor-widget-text-editor ul li::before {
  content: "✓"; /* Зеленая или акцентная галочка */
  position: absolute;
  left: 0;
  top: 6px;
  color: var(--e-global-color-primary);
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}

/*
 * Выделение  в тексте
 */

.citate-block {
    position: relative;
    background-color: #fbf7ef;
    border-left: 4px solid var(--e-global-color-primary);
    padding: 20px 20px 20px 50px;
    border-radius: 0 10px 10px 0;
    overflow: hidden;
    margin-block-end: .9rem;
}

.question-block::before {
  content: "?";
  font-family: Verdana;
  font-weight: 900;
  position: absolute;
  left: 10px;
  top: 10px;
  /* transform: translateY(-50%); */
  font-size: 90px;
  color: rgb(232 201 156 / 39%);
  line-height: 1;
  pointer-events: none; /* Чтобы знак не мешал выделять текст */
  user-select: none;
}

.exclamation-block::before {
  content: "!";
  font-family: Verdana;
  font-weight: 900;
  position: absolute;
  left: 10px;
  top: 10px;
  /* transform: translateY(-50%); */
  font-size: 90px;
  color: rgb(232 201 156 / 39%);
  line-height: 1;
  pointer-events: none; /* Чтобы знак не мешал выделять текст */
  user-select: none;
}

.quota-block::before {
  content: '"';
  font-family: Verdana;
  font-weight: 900;
  position: absolute;
  left: 10px;
  top: 10px;
  /* transform: translateY(-50%); */
  font-size: 90px;
  color: rgb(232 201 156 / 39%);
  line-height: 1;
  pointer-events: none; /* Чтобы знак не мешал выделять текст */
  user-select: none;
}




/* Антиспам: скрытое поле-проверка в формах Elementor — см. functions.php */
.elementor-field-group-wm_text {
    display: none !important;
}

/* Страницы эксперта и книги (шаблоны Elementor 785 «Expert - Single» и 797 «Book - Single»):
   фото в треть ширины (на планшете — в половину; эксперты — квадрат, обложки книг — 4:5), текст его обтекает; на телефоне фото сверху.
   Классы expert-single-body / book-single-body — на контейнере-карточке, expert-photo / book-photo — на виджете
   фото (заданы в редакторе). Обтекание (float) настройками Elementor не делается — ни в контейнерах, ни в V4.
   Расстояние между блоками берётся из «Gaps» контейнера в редакторе (--row-gap): при display:flow-root
   флекс-зазор не работает, поэтому он переносится в нижний отступ виджетов. Селекторы с повтором классов —
   чтобы перебить правило Elementor «.e-con .elementor-widget.elementor-widget { margin-block-end: 0 }». */
.expert-single-body.e-con,
.book-single-body.e-con { display: flow-root !important; }
.expert-single-body.e-con > .elementor-widget.elementor-widget:not(:last-child),
.book-single-body.e-con > .elementor-widget.elementor-widget:not(:last-child) { margin-block-end: var(--row-gap, 10px); }
.expert-single-body.e-con > .expert-photo.elementor-widget.elementor-widget,
.book-single-body.e-con > .book-photo.elementor-widget.elementor-widget { float: left; width: 33.333%; margin: 0 30px 20px 0; }
.expert-single-body.e-con > .expert-photo img,
.book-single-body.e-con > .book-photo img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; }
/* Обложки книг — 1024×1280, то есть 4:5; на компьютере обложка шире — 40% */
.book-single-body.e-con > .book-photo img { aspect-ratio: 4 / 5; }
.book-single-body.e-con > .book-photo.elementor-widget.elementor-widget { width: 40%; }
@media (max-width: 1024px) {
    .expert-single-body.e-con > .expert-photo.elementor-widget.elementor-widget,
    .book-single-body.e-con > .book-photo.elementor-widget.elementor-widget { width: 50%; }
}
@media (max-width: 767px) {
    .expert-single-body.e-con > .expert-photo.elementor-widget.elementor-widget,
    .book-single-body.e-con > .book-photo.elementor-widget.elementor-widget { float: none; width: 100%; margin: 0 0 20px; }
}

/* Обложка книги на телефоне (виджет «Изображение» в шаблоне 718 «Book - Loop Item», класс book-mobile-cover).
   Elementor оборачивает картинку со ссылкой в <a> с display:inline-block — тогда «ширина 100%» из редактора
   считается от самой картинки, и маленькая обложка (234×340) не растягивается. Делаем ссылку блочной. */
.elementor-widget-image.book-mobile-cover a { display: block; }