/*
Theme Name: MDgroup Enterprise Robotics
Description: Промышленный дизайн темы WordPress для MDgroup Enterprise Robotics.
Version: 1.0
Author: MDgroup
*/

* {
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
    max-width: 100%;
}

/* Адаптивные контейнеры */
.container,
.wp-block-group,
.entry-content {
    width: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Адаптивная типографика */
h1, h2, h3 {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

h1 {
    font-size: clamp(1.5rem, 5vw, 3rem);
    line-height: 1.2;
}

h2 {
    font-size: clamp(1.25rem, 4vw, 2.5rem);
}

h3 {
    font-size: clamp(1.125rem, 3vw, 2rem);
}

/* Мобильные стили */
@media (max-width: 1024px) {
    .desktop-menu {
        display: none !important;
    }
    .mobile-menu-btn {
        display: block !important;
    }
}

@media (max-width: 768px) {
    body {
        font-size: 16px;
    }
    
    .container,
    .wp-block-group,
    .entry-content {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    
    img, video, iframe {
        max-width: 100%;
        height: auto;
    }
    
    .space-xl, .my-10, .my-12 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    h1 {
        font-size: 1.75rem !important;
        line-height: 1.15;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }
    
    h2 { font-size: 1.5rem !important; }
    h3 { font-size: 1.25rem !important; }
}

@media (max-width: 480px) {
    h1 {
        font-size: 1.5rem !important;
        line-height: 1.1;
    }
    
    .container,
    .wp-block-group {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

/* 1. Обычные ссылки в меню */
.nav-link {
    text-decoration: none;
    color: #191c1e;
    font-weight: 500;
    font-size: 14px;
    padding: 0.5rem 0.875rem;
    border-radius: 0.5rem;
    transition: all 0.2s ease-in-out;
    background-color: transparent;
}

/* 2. При наведении (Hover) — светло-голубая плашка, как на фото у «Роботы и коботы» */
.nav-link:hover {
    color: #003dca; /* Синий цвет текста */
    background-color: #d5e0f8; /* Голубая подложка */
}

/* 3. Активная страница (Active) — яркая синяя плашка, как на фото у «Учет на производстве» */
.nav-link.active {
    color: #ffffff !important;
    background-color: #004af0; /* Насыщенный синий цвет */
    font-weight: 600;
}

/* Активный пункт при наведении остается синим */
.nav-link.active:hover {
    color: #ffffff !important;
    background-color: #003dca;
}

/* Для мобильного меню */
.mobile-menu .nav-link {
    display: block;
    width: 100%;
}

/* 2. Телефон в шапке */
.nav-phone {
    text-decoration: none;
    color: #191c1e;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

.nav-phone:hover {
    color: #0d52fe;
    background-color: #f2f4f6;
}

/* 3. Кнопка «Запросить аудит» */
/* Кнопка «Запросить аудит» — акцентная (Call to Action) */
.audit-btn {
    background: #001453; /* Глубокий тёмно-синий/контрастный цвет */
    color: #ffffff !important;
    padding: 0.6rem 1.2rem;
    border-radius: 0.5rem;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0, 20, 83, 0.25); /* Мягкая объёмная тень */
    transition: all 0.2s ease-in-out;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

/* Эффект при наведении на кнопку */
.audit-btn:hover {
    background: #0037b8; /* Становится ярко-синей при наведении */
    box-shadow: 0 4px 14px rgba(0, 55, 184, 0.35);
    transform: translateY(-1px); /* Легкий эффект приподнимания */
}

/* Эффект при нажатии */
.audit-btn:active {
    transform: translateY(0);
}