/*
 * HorecaDepot CSS migration.
 * Source of truth: local WoodMart Theme Settings backup dated 2026-07-14.
 * Structural migration only; declarations and selectors are preserved.
 */


/* WoodMart implicit wrapper for desktop. */
@media (min-width: 1025px) {
/* ============================================================
   🌐 HORECA DEPOT - MASTER NAV BAR (ЦВЕТОВЕ + RESPONSIVE)
   Обединява фона, ховъра и плавното свиване (Clamp)
   ============================================================ */

/* 1. ДОЛНАТА ЛЕНТА (По-светло синьо - Пълна ширина) */
.whb-header-bottom,
.whb-header-bottom-inner {
    background-color: #314358 !important; /* Един тон по-светло от #232F3E */
}

/* 2. БАЗОВ ИЗГЛЕД НА БУТОНИТЕ (Цветове, текст, невидима рамка) */
.whb-header-bottom-inner ul.menu > li > a.woodmart-nav-link {
    color: #ffffff !important; 
    border: 1px solid transparent !important; /* Пази място за рамката при ховър */
    border-radius: 6px !important; 
    transition: all 0.3s ease !important;
}

/* 3. БЕЛИ ИКОНКИ */
.whb-header-bottom-inner ul.menu > li > a.woodmart-nav-link .wd-nav-img {
    filter: brightness(0) invert(1) !important;
    transition: transform 0.3s ease !important;
}

/* 4. ХОВЪР ЕФЕКТ (Бяла рамка и лек бял фон при посочване) */
.whb-header-bottom-inner ul.menu > li > a.woodmart-nav-link:hover {
    border: 1px solid #ffffff !important; 
    background-color: rgba(255, 255, 255, 0.1) !important; 
    color: #ffffff !important; 
}

/* 5. RESPONSIVE МЕНЮ (Свива се плавно като ластик на десктоп) */
    .whb-header-bottom-inner ul.menu {
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        gap: clamp(0px, 0.5vw, 10px) !important; /* Плавно разстояние между бутоните */
    }
    
    .whb-header-bottom-inner ul.menu > li > a.woodmart-nav-link {
        padding: 8px clamp(4px, 0.8vw, 15px) !important; 
    }

    .whb-header-bottom-inner ul.menu > li > a.woodmart-nav-link .nav-link-text {
        font-size: clamp(11px, 0.9vw, 14px) !important;
    }

    .whb-header-bottom-inner ul.menu > li > a.woodmart-nav-link .wd-nav-img {
        width: clamp(16px, 1.2vw, 24px) !important;
        margin-right: clamp(4px, 0.5vw, 8px) !important;
    }

    /* Бутонът "Как да поръчам" */
    .wd-button-wrapper a.btn {
        padding: clamp(8px, 0.8vw, 12px) clamp(10px, 1vw, 20px) !important;
        font-size: clamp(10px, 0.8vw, 13px) !important;
        white-space: nowrap !important;
    }
}