/* Выпадающие пункты меню «Услуги» и «Для бизнеса» (layouts/app.blade.php) */
.menu li.nav-dd { position: relative; }

/* Кнопка-заголовок пункта: выглядит как обычная ссылка меню */
.menu li.nav-dd > .nav-dd-trigger {
    display: inline-flex !important; align-items: center; gap: 6px;
    background: transparent !important; border: 0; border-radius: 0 !important;
    font: inherit; color: inherit; cursor: pointer; white-space: nowrap;
}
.menu li.nav-dd > .nav-dd-trigger.text-primary { color: #fb8500; }
.nav-dd-chevron { flex-shrink: 0; transition: transform .15s; }

.menu li.nav-dd > .nav-dd-menu {
    padding: 0 !important; margin: 0 !important; background: transparent !important;
    border-radius: 0 !important;
}
.menu li.nav-dd > .nav-dd-menu::before { display: none !important; }

.nav-dd-box a {
    display: block; padding: 10px 12px; border-radius: 8px;
    color: #242823; text-decoration: none; line-height: 1.35;
}
.nav-dd-box a strong { display: block; font-weight: 600; font-size: 15px; }
.nav-dd-box a small { display: block; margin-top: 4px; font-size: 12px; color: #65665f; font-weight: 400; }
.nav-dd-box a:hover, .nav-dd-box a[aria-current="page"] { background: #e3ded8; }
.nav-dd-box a[aria-current="page"] strong { color: #fb8500; }

/* Телефон: заголовок не нажимается, подпункты всегда видны с отступом */
@media (max-width: 767.98px) {
    .menu li.nav-dd > .nav-dd-trigger { cursor: default; pointer-events: none; }
    .nav-dd-chevron { display: none; }
    .menu li.nav-dd > .nav-dd-menu { display: block !important; padding-left: 14px !important; }
    .nav-dd-box a { padding: 8px 10px; }
    .nav-dd-box a strong { font-size: 14px; font-weight: 500; }
    .nav-dd-box a small { display: none; }
}

/* Компьютер: список выпадает при наведении, фокусе с клавиатуры или клике */
@media (min-width: 768px) {
    #logo-navbar-collapse { overflow: visible !important; }
    .menu li.nav-dd > .nav-dd-menu {
        display: none !important;
        position: absolute; top: 100%; left: -12px; z-index: 60;
        width: 300px; padding-top: 8px !important;
    }
    .menu li.nav-dd.nav-dd-end > .nav-dd-menu { left: auto; right: -12px; }
    .menu li.nav-dd:hover > .nav-dd-menu,
    .menu li.nav-dd:focus-within > .nav-dd-menu,
    .menu li.nav-dd.is-open > .nav-dd-menu { display: block !important; }
    .menu li.nav-dd:hover .nav-dd-chevron,
    .menu li.nav-dd.is-open .nav-dd-chevron { transform: rotate(180deg); }
    /* закрыто по Escape или повторному клику — пока курсор/фокус не уйдёт */
    .menu li.nav-dd.is-suppressed > .nav-dd-menu { display: none !important; }
    .menu li.nav-dd.is-suppressed .nav-dd-chevron { transform: none; }
    .nav-dd-box {
        padding: 8px; background: #f5f2ed; border: 1px solid #ccc7bf; border-radius: 12px;
        box-shadow: 0 14px 35px rgba(36, 40, 35, .09); white-space: normal;
    }
}