/* ========================================
   Header
   ======================================== */

/* Пропорции хедера: 20% / 60% / 20% */
header.wp-block-group > .header-logo {
    width: 20%;
}

header.wp-block-group > nav {
    width: 60%;
    justify-content: center;
}

header.wp-block-group > .header-icons {
    width: 20%;
    justify-content: flex-end;
}

/* Логотип */
.header-logo {
    display: inline-block;
    color: var(--wp--preset--color--background);
    transition: color 0.3s ease;
}

.header-logo:hover {
    color: var(--wp--preset--color--accent-light);
}

/* Навигация — цвет пунктов меню (только в хедере) */
header.wp-block-group .wp-block-navigation a {
    color: var(--wp--preset--color--background);
    transition: color 0.3s ease;
}

header.wp-block-group .wp-block-navigation a:hover {
    color: var(--wp--preset--color--accent-light);
}

/* Иконки */
.header-icons {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-icon {
    color: var(--wp--preset--color--background);
    display: inline-flex;
    transition: color 0.3s ease;
}

.header-icon:hover {
    color: var(--wp--preset--color--accent-light);
}