/*
 Theme Name:   Divi Child - Innovator & Co.
 Theme URI:    https://innovatorandco.com
 Description:  Divi child theme for Innovator & Co. Holds design tokens and small overrides. All application logic lives in the innovator-co plugin.
 Author:       Innovator & Co.
 Author URI:   https://innovatorandco.com
 Template:     Divi
 Version:      0.1.0
 Text Domain:  divi-child-ic
*/

:root {
    /* Design tokens - placeholders, replaced when Hayley delivers visual direction */
    --ic-color-bg: #ffffff;
    --ic-color-fg: #1a1a1a;
    --ic-color-accent: #c9542d;
    --ic-color-muted: #6b6b6b;
    --ic-radius-sm: 4px;
    --ic-radius-md: 8px;
    --ic-space-1: 4px;
    --ic-space-2: 8px;
    --ic-space-3: 16px;
    --ic-space-4: 24px;
    --ic-space-5: 32px;
}

/* Style a single nav menu item as a primary button.
 *
 * Usage: in Appearance -> Menus, click "Screen Options" (top right), enable
 * "CSS Classes". On the menu item you want as a button, paste menu-button
 * into the "CSS Classes (optional)" field. Save the menu.
 *
 * Works in both Divi's primary header menu and footer menus. The selector
 * targets .menu-item.menu-button to avoid colliding with any plugin / theme
 * that uses .menu-button on its own.
 */
.menu-item.menu-button > a,
.menu-item.menu-button > a:link,
.menu-item.menu-button > a:visited {
    display: inline-block;
    background: var(--ic-color-accent, #c9542d);
    color: #ffffff !important;
    border-radius: var(--ic-radius-md, 8px);
    padding: 8px 18px !important;
    font-weight: 600;
    text-decoration: none;
}
.menu-item.menu-button > a:hover {
    filter: brightness(0.95);
    color: #ffffff !important;
}