/*
Theme Name: Elessi Theme Child 2
Theme URI: https://elessi.nasatheme.com
Description: Child Theme für Elessi. Shop: Kategorien-Leiste ist beim Laden direkt aufgeklappt. Startseite: Kategorien fest im linken Rand, Seitenbreite bleibt unverändert. Nur Kategorien mit Produkten. Header: Button "Zum Shop" statt vertikalem Menü.
Author: digit.ly
Template: elessi-theme
Version: 1.5.0
Text Domain: elessi-theme-child-2
*/


/*************** EIGENES CSS HIER EINTRAGEN ***************/


/* Header: Button "Zum Shop" statt vertikalem Menü (inc/celler-header.php) */
.celler-shop-button {
    display: block;
    color: inherit;
    text-decoration: none;
}

.celler-shop-button .nasa-title-vertical-menu {
    margin: 0;
    cursor: pointer;
    transition: opacity 200ms ease;
}

.celler-shop-button:hover .nasa-title-vertical-menu,
.celler-shop-button:focus-visible .nasa-title-vertical-menu {
    opacity: 0.85;
}

/* Nur so breit wie der Inhalt: Theme setzt min-width 280px (style-large.css) */
html body .nasa-menu-vertical-header.celler-shop-button-wrap {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    border-radius: 5px;
}

.celler-shop-button-wrap .vertical-menu {
    width: auto;
    min-width: 0;
}

.celler-shop-button .nasa-title-vertical-menu {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

/* Icon 25 x 25 px */
.celler-shop-button .ns-v-icon {
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
}

/* Kein Dropdown-Pfeil, da kein Menü mehr aufklappt */
.celler-shop-button-wrap .nasa-title-vertical-menu::after {
    display: none;
}