/*
Theme Name: Nelyqo
Author: Massimo Mazzariol
Description: A standalone block theme with reusable interactive sections, scroll-driven layouts, semantic design tokens, and style variations.
Requires at least: 6.9
Tested up to: 7.0
Requires PHP: 8.2
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nelyqo
Tags: block-styles, custom-colors, editor-style, full-site-editing, wide-blocks
*/

/* Portfolio item in the header menu */
nav.wp-block-navigation[aria-label="Header menu"] li.maxxloom-portfolio-button {
    margin: 0;
    padding: 0;
}

/* Portfolio button in the header menu */
nav.wp-block-navigation[aria-label="Header menu"] li.maxxloom-portfolio-button > a.wp-block-navigation-item__content {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--on-primary);

    padding: 0.6rem 1.5rem;
    border-radius: 999px;

    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;

    box-shadow: 0 1px 2px var(--wp--custom--color--shadow-soft);

    transition:
        background-color var(--wp--custom--motion--duration-standard) var(--wp--custom--motion--easing-standard),
        color var(--wp--custom--motion--duration-standard) var(--wp--custom--motion--easing-standard),
        transform var(--wp--custom--motion--duration-standard) var(--wp--custom--motion--easing-standard),
        box-shadow var(--wp--custom--motion--duration-standard) var(--wp--custom--motion--easing-standard);
}

/* Portfolio button label */
nav.wp-block-navigation[aria-label="Header menu"] li.maxxloom-portfolio-button > a.wp-block-navigation-item__content .wp-block-navigation-item__label {
    color: inherit;
    text-decoration: inherit;
}

/* Portfolio button hover state */
nav.wp-block-navigation[aria-label="Header menu"] li.maxxloom-portfolio-button > a.wp-block-navigation-item__content:hover {
    background-color: var(--wp--preset--color--primary-strong);
    color: var(--wp--preset--color--on-primary);
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px var(--wp--custom--color--shadow-medium);
}

/* Portfolio button focus state */
nav.wp-block-navigation[aria-label="Header menu"] li.maxxloom-portfolio-button > a.wp-block-navigation-item__content:focus-visible {
    outline: 2px solid var(--wp--custom--color--focus);
    outline-offset: 2px;
    background-color: var(--wp--preset--color--primary-strong);
    color: var(--wp--preset--color--on-primary);
    border-radius: 999px;
}

/* Portfolio button active state */
nav.wp-block-navigation[aria-label="Header menu"] li.maxxloom-portfolio-button > a.wp-block-navigation-item__content:active {
    background-color: var(--wp--custom--color--focus);
    color: var(--wp--preset--color--on-primary);
    transform: translateY(1px);
    transition-duration: var(--wp--custom--motion--duration-fast);
}



/* Footer social icons */
footer.wp-block-template-part ul.wp-block-social-links li.wp-social-link {
    transition: color var(--wp--custom--motion--duration-standard) var(--wp--custom--motion--easing-standard), transform var(--wp--custom--motion--duration-standard) var(--wp--custom--motion--easing-standard);
}

/* Footer social links */
footer.wp-block-template-part ul.wp-block-social-links li.wp-social-link > a.wp-block-social-link-anchor {
    color: var(--wp--preset--color--on-primary);
}

/* Footer: SVG social */
footer.wp-block-template-part ul.wp-block-social-links li.wp-social-link > a.wp-block-social-link-anchor svg {
    /* color: inherit; */
    color: var(--wp--preset--color--on-primary);
    fill: currentColor;
}

/* Footer: path SVG social */
footer.wp-block-template-part ul.wp-block-social-links li.wp-social-link > a.wp-block-social-link-anchor svg path {
    fill: currentColor;
}

/* Footer: hover social */
footer.wp-block-template-part ul.wp-block-social-links li.wp-social-link:hover {
    transform: translateY(-1px);
}

footer.wp-block-template-part ul.wp-block-social-links li.wp-social-link:hover > a.wp-block-social-link-anchor {
    color: var(--wp--preset--color--on-primary);
}



/* Legacy embed compatibility wrapper; rename requires saved-content migration. */
.maxxloom-instagram-embed {
  width: 100%;
  max-width: 420px; /* controlli quanto grande vuoi */
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  nav.wp-block-navigation[aria-label="Header menu"] li.maxxloom-portfolio-button > a.wp-block-navigation-item__content,
  footer.wp-block-template-part ul.wp-block-social-links li.wp-social-link {
    transition-duration: 0.01ms;
  }

  nav.wp-block-navigation[aria-label="Header menu"] li.maxxloom-portfolio-button > a.wp-block-navigation-item__content:hover,
  nav.wp-block-navigation[aria-label="Header menu"] li.maxxloom-portfolio-button > a.wp-block-navigation-item__content:active,
  footer.wp-block-template-part ul.wp-block-social-links li.wp-social-link:hover {
    transform: none;
  }
}

/* Instagram iframe / embed */
.maxxloom-instagram-embed iframe,
.maxxloom-instagram-embed .instagram-media {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Mobile safety */
@media (max-width: 781px) {
  .maxxloom-instagram-embed {
    max-width: 100%;
  }
}