/*!
Theme Name:        Evovio
Theme URI:         https://evovio.com/
Author:            VeriWeb
Author URI:        https://www.veriweb.de/
Description:       A theme for Evovio Store and Homepage.
Version:           1.0.1
Template:          gwyneth
Text Domain:       evovio
*/

/* ==========================================================================
   Child Theme Custom Styles
   ========================================================================== */

/* Add your custom CSS below this line */

/* 1) Hide by default – only this submenu */
li.main-nav__submenu > .wp-block-navigation__submenu-container {
    display: none !important;
}

/* 2) Show vertically when OPEN (click, hover, or keyboard) */
li.main-nav__submenu > button[aria-expanded="true"] + .wp-block-navigation__submenu-container,
li.main-nav__submenu.open-on-hover-click:hover > .wp-block-navigation__submenu-container,
li.main-nav__submenu:focus-within > .wp-block-navigation__submenu-container {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important; /* neutralize megamenu grids */
}

/* 3) Full-width items */
li.main-nav__submenu > .wp-block-navigation__submenu-container > .wp-block-navigation-item {
    width: 100%;
    flex: inherit !important;
    height: 100% !important;
}

/* 4) Nested submenus: indent and stack like submenus */
/* Ensure sublevels open inline beneath their parent with clear indentation */
/* Base indent size for sublevels */
:root { --evovio--submenu-indent: 1.25rem; }

li.main-nav__submenu .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    position: static !important;   /* prevent fly-out; keep in flow */
    inset: auto !important;        /* reset positional offsets */
    transform: none !important;    /* neutralize transforms */
    /* Visually indent the entire nested block */
    margin-inline-start: var(--evovio--submenu-indent) !important;
    width: calc(100% - var(--evovio--submenu-indent));
    /* Keep inner padding compact so items align nicely */
    padding-inline: 0 !important;
}

/* Make nested submenu items span full width of the sublevel column */
li.main-nav__submenu .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container > .wp-block-navigation-item {
    width: 100%;
}

/* Optional: tighten nested link padding slightly for better hierarchy */
li.main-nav__submenu .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding-block: var(--theme--css--submenu-item-padding);
    padding-inline-start: calc(var(--theme--css--submenu-item-padding) + 0.25rem);
}

/* Typography: make all subcategory links match parent style */
li.main-nav__submenu .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
li.main-nav__submenu .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    color: white !important;             /* keep white text from container */
    text-transform: uppercase;             /* match parent uppercase */
    letter-spacing: 0.05em;                /* match parent spacing */
    font-weight: 700;                      /* bold like parent */
}

/* Ensure label span inherits text rules as well */
li.main-nav__submenu .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
    color: inherit; text-transform: inherit; letter-spacing: inherit; font-weight: inherit;
}

/* Hover/focus underline (dashed) for submenu items */
li.main-nav__submenu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
li.main-nav__submenu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus,
li.main-nav__submenu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
    text-decoration-line: underline !important;
    text-decoration-style: dashed;
    text-decoration-color: currentColor;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.25em;
}

/* Active trail indicator for current category and its ancestors */
li.main-nav__submenu .current-menu-item > .wp-block-navigation-item__content,
li.main-nav__submenu .current-menu-ancestor > .wp-block-navigation-item__content {
    position: relative;
}
li.main-nav__submenu .current-menu-item > .wp-block-navigation-item__content::before,
li.main-nav__submenu .current-menu-ancestor > .wp-block-navigation-item__content::before {
    content: "";
    position: absolute;
    inset-inline-start: -1rem;
    inset-block-start: 50%;
    width: 0.618em;
    height: 1em;
    transform: translateY(-50%);
    background: var(--wp--preset--color--secondary);
    border-radius: var(--wp--custom--border-radius--global, 3px);
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

/* Make sure open nested submenus stack vertically (no megamenu grid) */
li.main-nav__submenu > button[aria-expanded="true"] + .wp-block-navigation__submenu-container,
li.main-nav__submenu.open-on-hover-click:hover > .wp-block-navigation__submenu-container,
li.main-nav__submenu:focus-within > .wp-block-navigation__submenu-container {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
}
/* (no extra submenu alignment overrides) */

/* Double-indent for third level (if present) */
li.main-nav__submenu .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    margin-inline-start: calc(2 * var(--evovio--submenu-indent)) !important;
    width: calc(100% - 2 * var(--evovio--submenu-indent));
}

/* (Reverted) Smooth animation rules removed by request */