/*
Theme Name: Mozis
Theme URI: https://github.com/theMasudRana/mozis
Author: immasud
Author URI: https://profiles.wordpress.org/immasud/
Description: Mozis is a sleek and minimal portfolio WordPress theme designed for creatives who value simplicity and elegance. Fully compatible with full-site editing, Mozis offers effortless customization of colors, typography, and layouts, allowing you to craft a portfolio that truly reflects your style. With a responsive and lightweight design, it ensures a seamless browsing experience across all devices. Built for performance and SEO optimization, Mozis helps your work stand out while maintaining fast load times. Whether you're a designer, photographer, or freelancer, Mozis provides the perfect foundation to showcase your talent with clarity and professionalism.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mozis
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, blog, portfolio, news
*/

/* Deskto navigation */
@media screen and (min-width: 600px) {

    .wp-block-navigation .wp-block-page-list,
    .wp-block-navigation__container,
    .wp-block-navigation__responsive-close,
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container-content,
    .wp-block-navigation__responsive-dialog {
        gap: 20px;
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
        background-color: var(--wp--preset--color--white);
        border: none;
        border-top: 2px solid var(--wp--preset--color--brand);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), 
    :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)), 
    :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content), 
    :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
        padding: 0.5rem;
        position: relative;
    }

    .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        padding-inline-start: 22px;
        padding-inline-end: 0;
        padding-block: 1rem;
        gap: 1rem;
    }

    .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
        padding: 0;
    }

    .wp-block-navigation .wp-block-navigation__submenu-icon {
        height: 10px;
        width: 10px;
        margin-inline-start: 6px;
    }
}

/* Navigation item hover */
.wp-block-navigation .wp-block-navigation-item,
.wp-block-navigation-item__content {
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
    position: relative;
}

.wp-block-navigation-item__content::after {
    color: rgba(0, 0, 0, 0);
    content: "•";
    font-size: 7px;
    left: 0px;
    pointer-events: none;
    position: absolute;
    text-shadow: rgba(0, 0, 0, 0) 0px 0px;
    bottom: -0.5rem;
    transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;
}

.wp-block-navigation-item:hover > .wp-block-navigation-item__content::after {
    color: var(--wp--preset--color--dark);
    text-shadow: 8px 0 var(--wp--preset--color--dark), 16px 0 var(--wp--preset--color--dark);
}

.wp-block-navigation .wp-block-navigation-item:hover,
.wp-block-navigation .wp-block-navigation-item:hover > .wp-block-navigation-item__content {
    color: var(--wp--preset--color--brand);
}

/* Menu item transition */
@media (prefers-reduced-motion: reduce) {

    .wp-block-navigation-item__content {
        transition: none;
    }
}

/* Small device navigation */
@media (max-width: 599px) {

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
        padding-left: 0;
        padding-right: 1.5rem;
    }

    .wp-block-navigation__responsive-dialog {
        padding: 0 2rem 2rem;
    }

    .wp-block-navigation__responsive-container-close {
        right: 2rem;
        top: 1rem;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
        gap: 1rem;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
        padding-top: 1rem;
    }
}

.wp-site-blocks footer {
    margin-block-start: 0;
}