/*
Theme Name:   Florey Child
Theme URI:    https://dreameryhome.com
Description:  Child theme for Florey — keeps Dreamery customizations isolated from parent theme updates.
Author:       Dreamery
Author URI:   https://dreameryhome.com
Template:     florey
Version:      1.0.5
Text Domain:  florey-child
*/

/* Parent stylesheet is loaded via functions.php wp_enqueue_style.
   Add any Dreamery-specific CSS overrides below. */

/* Шапка (menu-style-five): кнопка и телефон в одну строку, пункты меню без переноса.
   08.09.2026, по UX-ревью агентства: навигация видна на всех страницах, шапка не должна разъезжаться на две строки. */
.menu-style-five .header-btn .sthemeit-btn { white-space: nowrap; }
.menu-style-five .header-number .item-number,
.menu-style-five .header-number .item-label { white-space: nowrap; }
.menu-style-five nav.florey_menu > ul > li > a { white-space: nowrap; }
.menu-style-five .all-content { column-gap: 12px; }

/* Семь пунктов + выпадающие: меню в одну строку. Тема даёт каждому пункту margin-right 33px и боковые поля шапки 110px.
   Компактный режим — до 1520 px (было 1380: на 1440 меню заезжало под кнопки на 21 px, проверка 04.10). */
.menu-style-five .all-content { padding-left: 60px; padding-right: 60px; }
.menu-style-five .header-menu-wrap { flex: 1 1 auto; min-width: 0; }
.menu-style-five nav.florey_menu > ul { display: flex; flex-wrap: nowrap; align-items: center; }
.menu-style-five nav.florey_menu > ul > li > a { margin-right: 22px; }
.menu-style-five nav.florey_menu > ul > li.menu-item-has-children > a { padding-right: 18px; }
.menu-style-five .header-menu-wrap { margin-left: 28px; }
.menu-style-five nav.florey_menu > ul > li:last-child > a { margin-right: 0; }
.menu-style-five .menu-item-has-children::after { right: 24px; }
@media (max-width: 1520px) {
  .menu-style-five .all-content { padding-left: 30px; padding-right: 30px; }
  .menu-style-five nav.florey_menu > ul > li > a { margin-right: 16px; font-size: 15px; }
}

/* Шапка style four (прозрачная поверх первого экрана; с 04.10 на всех страницах шаблона хаба, functions.php drm_hdr_over):
   те же правила «в одну строку», что у style five, — иначе при 1366 px «Contact» и телефон уезжали на вторую строку. */
.menu-style-four .menu-full-wrap { padding: 0 60px; }
.menu-style-four .menu-full-wrap > .d-flex { column-gap: 12px; flex-wrap: nowrap; }
.menu-style-four .header-menu-wrap { flex: 1 1 auto; min-width: 0; margin-left: 28px; }
.menu-style-four nav.florey_menu > ul { display: flex; flex-wrap: nowrap; align-items: center; }
.menu-style-four nav.florey_menu > ul > li > a { white-space: nowrap; margin-right: 22px; }
.menu-style-four nav.florey_menu > ul > li.menu-item-has-children > a { padding-right: 18px; }
.menu-style-four nav.florey_menu > ul > li:last-child > a { margin-right: 0; }
.menu-style-four .menu-item-has-children::after { right: 24px; }
.menu-style-four .menu-wrap-right { display: flex; align-items: center; flex: none; }
.menu-style-four .menu-wrap-right-one { display: inline-flex; align-items: center; }
/* Кнопка контактов (четыре кружка): тема даёт .sidebar line-height 53px при высоте 40px, иконка садилась на базовую линию
   и стояла ниже ▶ и WhatsApp (замечание Руслана 04.10). Центрируем; размер 40px и разделитель справа (::after) — как у темы. */
.menu-style-four .menu-wrap-right .sidebar { display: flex; align-items: center; height: 40px; line-height: 0; top: 0; }
.menu-style-four .menu-wrap-right .sidebar .navSidebar-button { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; line-height: 0; }
.menu-style-four .menu-wrap-right .sidebar .navSidebar-button svg { display: block; }
.menu-style-four .header-number .item-number,
.menu-style-four .header-number .item-label { white-space: nowrap; }
@media (max-width: 1520px) {
  .menu-style-four .menu-full-wrap { padding: 0 30px; }
  .menu-style-four nav.florey_menu > ul > li > a { margin-right: 16px; font-size: 15px; }
}

/* Узкий десктоп (992–1280 px: ноутбуки 1024/1180/1280, iPad альбомный) — в шапку не влезали меню, кнопка, ▶, WhatsApp,
   контакты и телефон: пункты меню заезжали под кнопку (проверка 04.10, обе шапки). Убираем второстепенное по шагам. */
@media (min-width: 992px) and (max-width: 1280px) {
  .menu-style-four nav.florey_menu > ul > li > a, .menu-style-five nav.florey_menu > ul > li > a { margin-right: 14px; font-size: 14px; }
  .menu-style-four nav.florey_menu > ul > li.menu-item-has-children > a, .menu-style-five nav.florey_menu > ul > li.menu-item-has-children > a { padding-right: 16px; }
  .menu-style-four .menu-item-has-children::after, .menu-style-five .menu-item-has-children::after { right: 16px; }
  .menu-style-four .menu-wrap-right .sidebar, .menu-style-five .drm-hdr-sidebar { display: none !important; }
  .menu-style-four .header-number, .menu-style-five .header-number { padding-left: 14px; }
  .menu-style-four .header-number .phone-icon, .menu-style-five .header-number .phone-icon,
  .menu-style-four .header-number .item-label, .menu-style-five .header-number .item-label { display: none; }
  .menu-style-four .header-number .media-body a, .menu-style-five .header-number .media-body a { font-size: 15px; }
  .florey-main-menu-area .drm-header-cta, .menu-style-five .header-btn .sthemeit-btn { padding-left: 14px; padding-right: 14px; }
}
@media (min-width: 992px) and (max-width: 1100px) {
  .menu-style-four nav.florey_menu > ul > li > a, .menu-style-five nav.florey_menu > ul > li > a { margin-right: 10px; }
  .menu-style-four .menu-item-has-children::after, .menu-style-five .menu-item-has-children::after { right: 12px; }
  .menu-style-four .header-menu-wrap, .menu-style-five .header-menu-wrap { margin-left: 16px; }
  .menu-style-four .drm-hdr-video, .menu-style-five .drm-hdr-video,
  .menu-style-four .menu-wrap-right-two, .menu-style-five .menu-wrap-right-two { display: none; }
}

/* Шапка style five: WhatsApp + кнопка контактов вместо поиска (см. functions.php florey_search_code) */
.menu-style-five .menu-wrap-right-one{gap:12px}
.menu-style-five .drm-hdr-wa{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;line-height:44px;border-radius:50%;background:var(--brand-color,#5E2233);color:#fff!important;font-size:20px}
.menu-style-five .drm-hdr-sidebar{position:static!important;top:auto!important;margin:0!important;padding:0!important;display:flex;align-items:center;align-self:center;line-height:0}
.menu-style-five .drm-hdr-sidebar .navSidebar-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0!important;padding:0!important;border-radius:50%;background:#1F1A1B;cursor:pointer;line-height:0}
.menu-style-five .drm-hdr-sidebar .navSidebar-button svg{display:block}
.menu-style-five .drm-hdr-sidebar .navSidebar-button:hover{background:var(--brand-color,#5E2233)}
/* Ролик владельца (30.09.2026, просьба Руслана «кнопку в шапке»): круглая кнопка слева от WhatsApp, на мобильной
   полосе меню — у левого края, напротив гамбургера (логотип стоит по центру; кнопку добавляет скрипт dreamery-videos.php).
   Окно с YouTube открывается по нажатию. */
.menu-style-five .drm-hdr-video{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#1F1A1B;cursor:pointer;line-height:0}
.menu-style-five .drm-hdr-video:hover,.menu-style-five .drm-hdr-video:focus-visible{background:var(--brand-color,#5E2233)}
/* Та же кнопка в прозрачной шапке style four (её ставит в разметку dreamery-pre-ad-launch.php): полупрозрачная на фото, тёмная в липкой шапке */
.menu-style-four .drm-hdr-video{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:12px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(255,255,255,.12);cursor:pointer;line-height:0;vertical-align:middle}
.menu-style-four .drm-hdr-video:hover,.menu-style-four .drm-hdr-video:focus-visible{background:var(--brand-color,#5E2233);border-color:transparent}
.menu-style-four .is-sticky .drm-hdr-video{background:#1F1A1B;border-color:transparent}
.drm-hdr-video svg,.drm-mbar-video svg{display:block;margin-left:2px}
.drm-mbar-video{position:absolute;left:14px;bottom:9px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--brand-color,#5E2233);cursor:pointer;z-index:5;line-height:0}
.drm-vmodal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,8,9,.88)}
.drm-vmodal[hidden]{display:none}
.drm-vmodal-box{position:relative;width:min(92vw,calc(84vh * 9 / 16),420px);aspect-ratio:9/16}
.drm-vmodal-frame,.drm-vmodal-frame iframe{display:block;width:100%;height:100%;border:0;border-radius:14px;background:#000}
.drm-vmodal-close{position:absolute;top:-54px;right:0;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fff;color:#1F1A1B;font-size:30px;line-height:44px;text-align:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3)}
@media (max-height:520px){.drm-vmodal-close{top:0;right:-54px}}

/* Подвал одним чёрным блоком (просьба Руслана 09.09): контакты → полоса Service Areas → копирайт, без серой полосы и белой подложки */
#colophon .elementor-557 .elementor-element-72803a8,#colophon .elementor-element-72803a8{background:#000!important;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;padding-bottom:22px}
#colophon .drm-service-areas,body .drm-service-areas{background:#000;color:rgba(255,255,255,.7)!important;border-top:1px solid rgba(255,255,255,.12)!important;max-width:none!important;padding:22px 0!important;margin:0!important;font-size:13px}
.drm-service-areas .drm-sa-inner{max-width:1140px;margin:0 auto;padding:0 20px}
.drm-service-areas strong{color:#fff}
.drm-service-areas a{color:rgba(255,255,255,.7);text-decoration:none}
.drm-service-areas a:hover{color:#fff}

/* /outdoor-kitchens/ (09.09): карусели Elementor — единая высота слайдов, картинки крупные (раньше мелкие, разного размера) */
.elementor-element-e0d0003 .elementor-image-carousel-wrapper .swiper-slide figure.swiper-slide-inner{display:block;width:100%;height:460px;margin:0;background:#f6f3ee;border-radius:8px;overflow:hidden}
.elementor-element-e0d0003 .elementor-image-carousel-wrapper .swiper-slide figure.swiper-slide-inner img.swiper-slide-image{display:block;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover;object-position:center}
.elementor-element-e0d0031 .elementor-image-carousel-wrapper .swiper-slide figure.swiper-slide-inner{display:block;width:100%;height:420px;margin:0;background:#f6f3ee;border-radius:8px;overflow:hidden}
.elementor-element-e0d0031 .elementor-image-carousel-wrapper .swiper-slide figure.swiper-slide-inner img.swiper-slide-image{display:block;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover;object-position:center;transform:scale(1.55);transform-origin:center}
@media (max-width:1024px){.elementor-element-e0d0003 .elementor-image-carousel-wrapper .swiper-slide figure.swiper-slide-inner{height:380px}.elementor-element-e0d0031 .elementor-image-carousel-wrapper .swiper-slide figure.swiper-slide-inner{height:340px}}
@media (max-width:767px){.elementor-element-e0d0003 .elementor-image-carousel-wrapper .swiper-slide figure.swiper-slide-inner{height:300px}.elementor-element-e0d0031 .elementor-image-carousel-wrapper .swiper-slide figure.swiper-slide-inner{height:300px}}

/* Подпись контактной панели (offcanvas) была <h2>, и на каждой странице заголовок
   шёл раньше собственного H1 страницы. Тег меняется на <p> в dreamery-pre-ad-launch.php,
   здесь возвращается прежний вид: значения взяты из florey style.css (.sidebar-title h2,
   .sidebar-contact-info h2) и общего правила h1–h6 в theme-default.css. */
.sidebar-title .drm-drawer-title,
.sidebar-contact-info .drm-drawer-title {
  color: #0e0e0e;
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}
.sidebar-contact-info .drm-drawer-title { margin: 0 0 15px; }
.sidebar-title .drm-drawer-title      { margin: 15px 0 10px; }

/* Заголовки, приведённые к одному H1 на страницу (dreamery-pre-ad-launch.php, блок 0e):
   размеры и отступы остаются прежними, чтобы вид страниц не менялся. Размер брался из
   общего правила h2 в florey style.css (35px, margin-bottom 10px); у .brpt на телефоне
   это 22px из responsive.css (@media 320–479px), поэтому тот же медиазапрос повторён. */
.blog-title h1         { font-size: 35px; margin-bottom: 10px; }
.brpt .drm-crumb-title { font-size: 35px; margin-bottom: 10px; color: #0e0e0e; font-family: 'Outfit', sans-serif; font-weight: 500; line-height: 32px; }
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .brpt .drm-crumb-title { font-size: 22px; }
}

/* Мобильная шапка (<992px — тема включает MeanMenu при meanScreenWidth 992, header style 5): чёрную полосу «DREAMERY ≡»
   под логотипом убираем, гамбургер переезжает в белую полосу с логотипом (высота 60px), меню раскрывается сразу под ней.
   На проде она есть на всех внутренних страницах, скрыта только на главной (style 4). 20.09.2026, просьба Руслана. */
@media (max-width: 991px) {
  .mean-container .mean-bar { background: transparent; min-height: 0; padding: 0; }
  .mean-container .mean-bar::before, .mean-container .mean-bar::after { display: none; }
  /* bottom:0 — прижимаем к нижнему краю белой полосы, какой бы высоты она ни была; right !important — MeanMenu пишет inline right:0 */
  .mean-container a.meanmenu-reveal { position: absolute; top: auto; bottom: 0; right: 6px !important; padding: 18px 14px; color: #1a1a1a; }
  .mean-container a.meanmenu-reveal span { background: #1a1a1a; }
  /* тема красит полоски в белый по :hover; на тачскрине :hover залипает после закрытия меню, и кнопка исчезала на белом */
  .mean-container a.meanmenu-reveal:hover, .mean-container a.meanmenu-reveal:focus { color: #1a1a1a; }
  .mean-container a.meanmenu-reveal:hover span, .mean-container a.meanmenu-reveal:focus span { background: #1a1a1a; }
  .mean-container a.meanmenu-reveal.meanclose { text-indent: 0; line-height: 22px; color: #1a1a1a !important; text-align: center; } /* тема красит «X» в белый, на белой полосе его не видно */
  .mean-container .mean-nav { top: 0; }
}

/* Прелоадер темы (#preloader, «DREAMERY» на белом) держал страницу закрытой до window.load: 5–7 с на
   внутренних страницах и 17–20 с на главной в лаборатории с троттлингом; кнопки Call и Estimate под ним
   не нажимались. Убран 30.09.2026 по решению Руслана (вопрос 11 ревизии SEO). */
#preloader { display: none !important; }

/* Без прелоадера стал бы виден скачок: пока theme.js не собрал MeanMenu, исходное мобильное меню раскрыто
   на ~448 px, потом схлопывается, и контент прыгает вверх (CLS 0,505). Прячем исходное меню до сборки
   (.mean-nav — копия MeanMenu, её не трогаем). Лаборатория 29.09: CLS 0,00–0,07, меню по тапу открывается. */
@media (max-width: 991px) {
  .mobile-menu > nav:not(.mean-nav) { display: none !important; }
}