/* UI Kit – gombállapotok. A WordPress Fill és Outline stílusai adják a Primary és Secondary
   változatot; a további három változatot a functions.php regisztrálja a Gomb blokkon. */

:where(.wp-block-button__link, .wp-element-button, .btn) {
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    font-family: var(--wp--preset--font-family--body, "Merriweather Sans", sans-serif);
    font-size: clamp(1rem, calc(0.2778vw + 0.9167rem), 1.25rem);
    font-weight: 400;
    line-height: 1.5;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

/* Primary / Fill */
.wp-block-button:not(.is-style-outline):not(.is-style-primary-inverse):not(.is-style-secondary-inverse):not(.is-style-chip) > .wp-block-button__link:hover {
    background: var(--wp--preset--color--dark-teal, #0C4247);
    color: var(--wp--preset--color--parchment, #FFFCF9);
}

/* Primary inverse */
.wp-block-button.is-style-primary-inverse > .wp-block-button__link {
    background: var(--wp--preset--color--parchment, #FFFCF9);
    color: var(--wp--preset--color--dark-walnut, #633521);
    border-color: transparent;
}
.wp-block-button.is-style-primary-inverse > .wp-block-button__link:hover {
    background: var(--wp--preset--color--coffee-bean, #815B4A);
    color: var(--wp--preset--color--parchment, #FFFCF9);
}

/* Secondary / Outline */
.wp-block-button.is-style-outline > .wp-block-button__link {
    background: transparent;
    border: 1px solid var(--wp--preset--color--teal, #10717A);
    color: var(--wp--preset--color--teal, #10717A);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
    background: var(--wp--preset--color--teal-fog, #E1EBEB);
    border-color: var(--wp--preset--color--dark-teal, #0C4247);
    color: var(--wp--preset--color--dark-teal, #0C4247);
}

/* Secondary inverse */
.wp-block-button.is-style-secondary-inverse > .wp-block-button__link {
    background: transparent;
    border: 1px solid var(--wp--preset--color--parchment, #FFFCF9);
    color: var(--wp--preset--color--parchment, #FFFCF9);
}
.wp-block-button.is-style-secondary-inverse > .wp-block-button__link:hover {
    background: rgba(255, 252, 249, 0.17);
    border-color: var(--wp--preset--color--parchment, #FFFCF9);
    color: var(--wp--preset--color--parchment, #FFFCF9);
}

/* Chip */
.wp-block-button.is-style-chip > .wp-block-button__link {
    min-height: 3.125rem;
    padding: 0.25rem 0.625rem;
    background: transparent;
    border: 1px solid var(--wp--preset--color--coffee-bean, #815B4A);
    border-radius: 100px;
    color: var(--wp--preset--color--coffee-bean, #815B4A);
    font-size: var(--wp--preset--font-size--ui-body-s, 1rem);
    line-height: 1.5rem;
}
.wp-block-button.is-style-chip > .wp-block-button__link:hover {
    background: var(--wp--preset--color--dark-linen, #EFE6E0);
    color: var(--wp--preset--color--dark-walnut, #633521);
}

/* Kötelező, közös billentyűzet-fókusz. */
:where(.wp-block-button__link, .wp-element-button, .btn):focus-visible {
    outline: 2px solid var(--wp--preset--color--brown-overlay, #26140C);
    outline-offset: 3px;
}

:where(.wp-block-button__link, .wp-element-button, .btn):is(:disabled, [aria-disabled="true"], .disabled) {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-width: 5.625rem;
    min-height: 3.125rem;
    padding: 0.5rem 0.75rem;
    background: #CFD8D7;
    border-radius: 0.5rem;
    opacity: 1;
    white-space: nowrap;
    cursor: not-allowed;
    pointer-events: none;
}