a {
    transition: 0.3s;
}

.wp-block-post-title {
    max-width: 100% !important;
}

main {
    padding: 0;
    margin: 0;
}

header {
    top: var(--wp-admin--admin-bar--height, 0px);
    position: sticky;
    z-index: 10;
    white-space: nowrap;
}

header .wp-block-navigation .wp-block-navigation__submenu-container {
    background-color: var(--wp--preset--color--tertiary-2) !important;
    box-shadow: 2px 2px 8px var(--wp--preset--color--neutral-2);
    border-radius: 2px !important;
    border-width: 0 !important;
    padding-top: 8px;
    padding-bottom: 8px;
    transition: 2s;
}

header .wp-block-navigation .wp-block-navigation__submenu-container li {
    background-color: #00000000;
}

header .wp-block-navigation .wp-block-site-logo {
    background-color: var(--wp--preset--color--primary);
    border-radius: 0 0 50% 50%;
    padding: 8px;
    width: 96px;
    height: 96px;
    position: relative;
    top: 16px;
    margin-top: -16px;
}

header .wp-block-navigation .has-modal-open ul {
    padding-top: 64px;
    padding-left: 32px;
}

header .wp-block-navigation .has-modal-open .wp-block-navigation__submenu-container {
    display: none;
}

header .wp-block-navigation .has-modal-open .wp-block-site-logo {
    position: fixed;
    top: var(--wp-admin--admin-bar--height, 0px);
    margin-top: 0;
}

header .wp-block-navigation__responsive-container-close {
    padding: 16px;
}

@media screen and (max-width: 1100px) and (min-width: 600px) {
    header .wp-block-navigation li {
        font-size: var(--wp--preset--font-size--small);
        letter-spacing: -1px;
    }

    header div:has(.wp-block-navigation) {
        gap: 0 !important;

    }

    header .wp-block-navigation {
        gap: 12px !important;
    }

    header .wp-block-navigation .wp-block-site-logo {
        display: none;
    }

    header .wp-block-woocommerce-customer-account a .label {
        display: none;
    }

    header .wp-block-woocommerce-customer-account a {
        padding-right: 0 !important;
        border: 0 !important;
    }
}

@media screen and (max-width: 600px) {
    .wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1 {
        justify-content: left;
    }

    .wp-block-navigation__responsive-container-open {
        padding-left: 16px;
        padding-right: 32px;
    }
}

@media screen and (max-width: 600px) {
    header {
        top: 0;
    }
}

header a:hover {
    color: var(--wp--preset--color--primary-2) !important;
}

header .wp-block-woocommerce-customer-account a .label {
    text-decoration: none;
}

header .wp-block-woocommerce-customer-account a:hover .label {
    text-decoration: none;
}

header .wp-block-woocommerce-customer-account a:hover {
    text-decoration: none !important;
}

header .wp-block-woocommerce-customer-account a {
    border: 1px var(--wp--preset--color--neutral-2) solid;
    border-radius: 16px;
    padding-right: 8px;
}

header .wc-block-mini-cart__button:hover:not([disabled]) {
    opacity: 1;
    cursor: pointer;
}

header .wc-block-mini-cart__button svg {
    transition: 0.3s;
}

header .wc-block-mini-cart__button svg {
    color: var(--wp--preset--color--primary) !important;
}

header .wc-block-mini-cart__button:hover:not([disabled]) svg {
    color: var(--wp--preset--color--secondary) !important;
}

header .wc-block-mini-cart__button .wc-block-mini-cart__badge {
    transition: 0.3s;
}

header .wc-block-mini-cart__button .wc-block-mini-cart__badge {
    background-color: var(--wp--preset--color--primary) !important;
}

header .wc-block-mini-cart__button:hover:not([disabled]) .wc-block-mini-cart__badge {
    background-color: var(--wp--preset--color--secondary) !important;
}

footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    text-decoration: underline !important;
}

footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--tertiary) !important;
}
