/* fm-listing-fix.css — v1.10 */
/* ==========================================================================
   FreshMarket — карточки товаров в листингах/слайдерах (Listing Grid 130).
   Новый Elementor ставит контейнерам дефолтный gap: 20px (в старом было 0) —
   карточка выросла на 40px и композиция «фрукт над подложкой» разъехалась.
   v1.1: правило без !important проигрывало контейнерным стилям Elementor,
   которые грузятся позже — добавлены !important и обнуление переменных,
   через которые Elementor раздаёт gap.
   Подключается из fm-reviews.php (v1.6+) на всех страницах.
   ========================================================================== */

/* сам gap — на любом элементе, который может оказаться флекс-родителем */
.produs_inner_wrapper > .e-con-inner,
.inner_product_column > .e-con-inner,
.produs_inner_wrapper.e-con,
.inner_product_column.e-con {
    gap: 0 !important;
}

/* и переменные, которыми Elementor задаёт промежутки контейнерам */
.produs_inner_wrapper,
.inner_product_column {
    --gap: 0px !important;
    --widgets-spacing: 0px 0px !important;
    --widgets-spacing-row: 0px !important;
    --widgets-spacing-column: 0px !important;
}

/* --------------------------------------------------------------------------
   v1.2: табы категорий «Fructe / Legume» (.products_grid_tabs) — кнопки
   были на разных уровнях из-за асимметричных марджинов (активная mb:26,
   неактивные mt:8) при align-items:stretch. Центрируем строку и снимаем
   вертикальные марджины. Продуктовые табы (.fm-tabs) не затрагиваются —
   там своя механика с растянутыми кнопками.
   -------------------------------------------------------------------------- */

.products_grid_tabs .e-n-tabs-heading {
    align-items: center !important;
}

.products_grid_tabs .e-n-tab-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: auto !important;
}

/* --------------------------------------------------------------------------
   v1.3: телефон в топ-баре переносился на две строки на мобильных —
   запрещаем перенос внутри номера и не даём флексу ужимать блок
   уже собственного контента. Виджеты топ-бара: #64d346b (телефон),
   #0a4b0dd (email), разделитель .divider_top_headline.
   -------------------------------------------------------------------------- */

.elementor-element-64d346b .elementor-icon-list-item,
.elementor-element-64d346b .elementor-icon-list-text,
.elementor-element-0a4b0dd .elementor-icon-list-item,
.elementor-element-0a4b0dd .elementor-icon-list-text {
    white-space: nowrap !important;
}

.elementor-element-64d346b,
.elementor-element-0a4b0dd {
    flex-shrink: 0;
    min-width: fit-content;
}

/* на самых узких экранах выигрываем место: чуть меньше кегль
   и скромнее промежутки, чтобы оба контакта влезли в один ряд */
@media (max-width: 480px) {
    .elementor-element-64d346b .elementor-icon-list-text,
    .elementor-element-0a4b0dd .elementor-icon-list-text {
        font-size: 13px;
    }

    .divider_top_headline {
        margin-left: 8px;
        margin-right: 8px;
    }
}

/* --------------------------------------------------------------------------
   v1.4: перенос номера телефона — универсально. В шаблоне несколько
   дублей контактов (топ-бар десктоп/мобилка, футер), гоняться за ID
   бессмысленно: запрещаем перенос любому icon-list пункту, содержащему
   ссылку tel: или mailto:, где бы он ни находился.
   -------------------------------------------------------------------------- */

.elementor-icon-list-item:has(a[href^="tel:"]),
.elementor-icon-list-item:has(a[href^="mailto:"]),
.elementor-icon-list-item:has(a[href^="tel:"]) .elementor-icon-list-text,
.elementor-icon-list-item:has(a[href^="mailto:"]) .elementor-icon-list-text {
    white-space: nowrap !important;
}

/* виджеты с контактами не ужимаются флексом уже собственного контента */
.elementor-widget-icon-list:has(a[href^="tel:"]),
.elementor-widget-icon-list:has(a[href^="mailto:"]) {
    flex-shrink: 0;
    min-width: fit-content;
}

/* --------------------------------------------------------------------------
   v1.5a: телефон в шапке — это НЕ icon-list, а динамическая ссылка
   (.contact_dynamic_link в .header_contact_wrapper), поэтому прошлые
   селекторы его не покрывали. Запрещаем перенос по классу блока.
   -------------------------------------------------------------------------- */

.header_contact_wrapper .contact_dynamic_link,
.header_contact_wrapper .contact_dynamic_link a,
.header_contact_wrapper .contact_dynamic_link span {
    white-space: nowrap !important;
}

.header_contact_wrapper .contact_dynamic_link {
    flex-shrink: 0;
    min-width: fit-content;
}

@media (max-width: 480px) {
    .header_contact_wrapper .contact_dynamic_link {
        font-size: 13px;
    }
}

/* --------------------------------------------------------------------------
   v1.5b: кнопка «Cumpără acum!» на хиро-баннере (#fe383fc) — текст тонул
   в фотографии. Оформляем по паттерну зелёных кнопок сайта: заливка,
   белый текст, пилюля.
   -------------------------------------------------------------------------- */

.elementor-element-fe383fc .elementor-button {
    background-color: #3e6943 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 100px !important;
    padding: 14px 32px !important;
    font-family: "Acumin", sans-serif;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transition: background-color 0.2s ease;
}

.elementor-element-fe383fc .elementor-button:hover {
    background-color: #2f5236 !important;
    color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   v1.6: текстовые страницы на дефолтном шаблоне темы Hello (Garanții,
   Returnarea, Termeni, Politica...) — у main#content нет боковых
   паддингов, на мобильных текст ложится в край экрана. Маркер семейства —
   .page-header (заголовок темы), есть только у этих страниц, поэтому
   главная/каталог/карточки не затрагиваются.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
    main#content.site-main:has(.page-header) {
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    main#content.site-main:has(.page-header) {
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box;
    }
}

/* --------------------------------------------------------------------------
   v1.7: CSS-мимикрия под эталон «Achitare și Livrare» для текстовых
   страниц на дефолтном шаблоне Hello (маркер — .page-header).
   Тёмно-зелёная подложка + кремовая скруглённая карточка из двух частей:
   .page-header (верх, скругление сверху) + .page-content (тело, скругление
   снизу). Секция комментариев скрывается. Паддинги отсюда перекрывают
   v1.6 (тот же селектор, позже в файле).
   Временное решение: правильный путь — пересборка страниц по шаблону
   Achitare (путь А), тогда эту секцию и v1.6 можно удалить.
   -------------------------------------------------------------------------- */

/* подложка */
main#content.site-main:has(.page-header) {
    background: #2f5236;
    padding: 24px 16px 48px;
}

/* верх карточки: заголовок темы */
main#content.site-main:has(.page-header) > .page-header {
    background: #fbf1d6;
    border-radius: 24px 24px 0 0;
    max-width: 900px;
    margin: 0 auto;
    padding: 32px 24px 8px;
}

main#content.site-main:has(.page-header) .entry-title {
    margin: 0;
    font-family: "Acumin", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    color: #2f5236;
}

/* тело карточки: контент страницы */
main#content.site-main:has(.page-header) > .page-content {
    background: #fbf1d6;
    border-radius: 0 0 24px 24px;
    max-width: 900px;
    margin: 0 auto;
    padding: 16px 24px 40px;
}

/* комментарии на текстовых страницах не нужны */
main#content.site-main:has(.page-header) .comments-area,
main#content.site-main:has(.page-header) #comments {
    display: none;
}

/* десктоп/планшет: просторнее */
@media (min-width: 768px) {
    main#content.site-main:has(.page-header) {
        padding: 48px 24px 72px;
    }

    main#content.site-main:has(.page-header) > .page-header {
        padding: 48px 56px 8px;
    }

    main#content.site-main:has(.page-header) > .page-content {
        padding: 24px 56px 56px;
    }

    main#content.site-main:has(.page-header) .entry-title {
        font-size: 36px;
    }
}

/* --------------------------------------------------------------------------
   v1.8: два уточнения к мимикрии v1.7 по факту с прода:
   1) заголовок темы дублирует виджетный из контента И прячется под
      фиксированной шапкой — текст скрываем, а сам .page-header оставляем
      «крышкой» карточки (скругление сверху);
   2) отступ подложке сверху под фиксированную шапку (паттерн
      negative_header, как на остальных страницах сайта).
   -------------------------------------------------------------------------- */

/* заголовок темы не показываем — в контенте есть свой */
main#content.site-main:has(.page-header) .entry-title {
    display: none;
}

/* .page-header остаётся крышкой карточки: компактные паддинги */
main#content.site-main:has(.page-header) > .page-header {
    padding: 24px 24px 0;
}

/* подложка начинается ниже фиксированной шапки */
main#content.site-main:has(.page-header) {
    padding-top: 134px;
}

@media (min-width: 768px) {
    main#content.site-main:has(.page-header) > .page-header {
        padding: 32px 56px 0;
    }

    main#content.site-main:has(.page-header) {
        padding-top: 158px;
    }
}

/* --------------------------------------------------------------------------
   v1.9: убираем пустоту над контентом внутри карточки — у первого
   контейнера Elementor в .page-content свой верхний паддинг
   (на e-con/e-con-inner), который складывался с паддингами карточки.
   -------------------------------------------------------------------------- */

main#content.site-main:has(.page-header) > .page-content .elementor > .e-con:first-child,
main#content.site-main:has(.page-header) > .page-content .elementor > .e-con:first-child > .e-con-inner {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* --------------------------------------------------------------------------
   v1.10: карточка текстовых страниц на десктопе была зажата (900px) —
   расширяем до контентной ширины сайта и добавляем воздуха.
   (Смена h1→h2 у внутренних заголовков — правка в Elementor,
   поле HTML Tag у виджета; CSS теги не меняет.)
   -------------------------------------------------------------------------- */

@media (min-width: 1025px) {
    main#content.site-main:has(.page-header) > .page-header,
    main#content.site-main:has(.page-header) > .page-content {
        max-width: 1200px;
    }

    main#content.site-main:has(.page-header) > .page-header {
        padding: 56px 72px 8px;
    }

    main#content.site-main:has(.page-header) > .page-content {
        padding: 24px 72px 64px;
    }
}