/**
 * Theme Name: DEV Addedsparkle
 * Author: July
 * Description: All the sparkle you will ever need. 
 * Version: 2.0
 */

/* Remove auto block gap above the footer only */
.wp-site-blocks > .wp-block-template-part:last-child {
	margin-top: 0 !important;
}

/* Safety: in case footer is not last */
.wp-site-blocks > .wp-block-template-part.is-footer {
	margin-top: 0 !important;
}


/* ============================================
   Fix 1: Arrow - iOS Safari specific
   ============================================ */
.wp-block-details > summary {
    list-style: none !important;
    cursor: pointer;
}
.wp-block-details > summary::-webkit-details-marker {
    display: none !important;
}
.wp-block-details > summary::marker {
    content: '' !important;
}
.wp-block-details > summary::after {
    content: '▾';
    float: right;
    color: currentColor;
    opacity: 0.6;
    transition: transform 0.2s ease;
}
.wp-block-details[open] > summary::after {
    transform: rotate(-180deg);
}

/* Optional: add a simple neutral arrow instead */
.wp-block-details summary::after {
    content: '▾';
    float: right;
    color: currentColor;
    opacity: 0.6;
    transition: transform 0.2s ease;
}
.wp-block-details[open] summary::after {
    transform: rotate(-180deg);
}

/* Fix 2: Prevent diamond icon from shrinking when accordion opens */
.wp-block-group.glass-effect-light > .wp-block-image {
    flex-shrink: 0;
    align-self: flex-start;
}

/* ============================================
   Fix 2: Diamond icon - force fixed size iOS
   ============================================ */
.glass-effect-light > figure.wp-block-image {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    flex-basis: 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    align-self: flex-start !important;
}
.glass-effect-light > figure.wp-block-image img {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    object-fit: cover;
}

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

/* Kein Block-Gap zwischen Header, Main und Footer */
.wp-site-blocks > header.wp-block-template-part,
.wp-site-blocks > main,
.wp-site-blocks > footer.wp-block-template-part {
    margin-block-start: 0;
}

/* Gradient-Akzentlinie unter dem Header */
.as-header {
    border-bottom: 4px solid transparent;
    border-image: var(--wp--preset--gradient--light-gradient) 1;
}

.as-header .wp-block-site-title a,
.as-header .wp-block-navigation-item__content {
    text-decoration: none;
}

.as-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    padding-block: 0.4rem;
    border-bottom: 2px solid transparent;
    transition: border-color 0.2s ease;
}

.as-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover,
.as-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:focus-visible,
.as-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
    border-bottom-color: var(--wp--preset--color--contrast);
}

/* Dropdown (nur Desktop) */
.as-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
    min-width: 240px;
    padding: 0.5rem 0;
    border: 0;
    border-top: 3px solid var(--wp--preset--color--primary);
    border-radius: 0 0 8px 8px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

.as-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 0.6rem 1.25rem;
}

.as-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.as-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
    background: rgba(255, 255, 255, 0.1);
    color: var(--wp--preset--color--contrast);
}

/* Letzter Menüpunkt: Dropdown rechtsbündig */
.as-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:last-child > .wp-block-navigation__submenu-container {
    left: auto;
    right: 0;
}

/* Mobile Overlay */
body .as-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
    background: var(--wp--preset--color--dark);
    background-image: var(--wp--preset--gradient--horizontal-dark-gradient);
    color: var(--wp--preset--color--base);
    padding: var(--wp--preset--spacing--50);
}

body .as-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
body .as-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
    color: var(--wp--preset--color--base);
}

body .as-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    gap: var(--wp--preset--spacing--40);
    align-items: flex-start;
}

/* Untermenüs im Overlay: transparent, eingerückt */
body .as-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding-left: var(--wp--preset--spacing--40);
}

body .as-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
body .as-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible {
    color: var(--wp--preset--color--contrast);
    background: transparent;
}