/*
Theme Name: Magnatype
Description: Editorial type-foundry block theme translated from the Magnatype pen.dev design.
Version: 0.3.42
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 8.0
Author: Magnatype
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: magnatype
*/

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
a { text-underline-offset: .22em; }
a:focus-visible { outline: 2px solid var(--mt-focus); outline-offset: 4px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.wp-site-blocks { overflow: clip; }
.mt-section { padding-inline: var(--mt-gutter); }
.mt-eyebrow { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--mt-link); }
.mt-arrow-link a { color: inherit; text-decoration: none; }
.mt-arrow-link a:hover { text-decoration: underline; }

.mt-site-header { position: relative; z-index: 100; height: 92px; min-height: 92px; padding: 20px var(--mt-gutter); background: var(--mt-bg); box-shadow: inset 0 -1px var(--mt-border); }
.mt-header-inner { display: flex; width: 100%; max-width: 1312px; min-height: 52px; align-items: center; justify-content: space-between; gap: 28px; }
.mt-logo { flex: 0 0 auto; height: 47.6965px; margin: 0; line-height: 0; }
.mt-logo a { display: block; height: 47.6965px; }
.mt-logo img { display: block; width: 170px; height: 47.6965px; object-fit: contain; }
.mt-site-header .wp-block-navigation { font-size: 14px; }
.mt-main-nav { flex: 0 0 auto; width: max-content; margin-inline: auto; }
.mt-main-nav .wp-block-navigation__container { width: max-content; flex-wrap: nowrap; justify-content: center; gap: 32px; }
.mt-main-nav .wp-block-navigation-item__content { position: relative; padding-block: 8px; color: var(--mt-text); font-weight: 400; text-decoration: none; }
.mt-main-nav .wp-block-navigation-item__content, .mt-home-nav .wp-block-navigation-item__content, .mt-account-links .mt-cart-link, .mt-home-actions .mt-cart-link { transition: color var(--mt-transition-fast) ease; }
.mt-main-nav .wp-block-navigation-item__content:focus-visible, .mt-home-nav .wp-block-navigation-item__content:focus-visible, .mt-account-links .mt-cart-link:focus-visible, .mt-home-actions .mt-cart-link:focus-visible { color: var(--mt-link); }
@media (hover: hover) and (pointer: fine) {
  .mt-main-nav .wp-block-navigation-item__content:hover, .mt-home-nav .wp-block-navigation-item__content:hover, .mt-account-links .mt-cart-link:hover, .mt-home-actions .mt-cart-link:hover { color: var(--mt-link); text-decoration: none; }
}
.mt-mobile-nav-only { display: none !important; }
.mt-main-nav .wp-block-navigation__responsive-container-open { position: relative; width: 44px; height: 44px; padding: 10px; color: var(--mt-text); border: 0; border-radius: 0; }
.mt-main-nav .wp-block-navigation__responsive-container-open svg { visibility: hidden; }
.mt-main-nav .wp-block-navigation__responsive-container-open::before { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; content: ""; background: currentColor; mask: url("assets/images/header-menu.svg") center / contain no-repeat; transform: translate(-50%, -50%); }
.mt-main-nav .wp-block-navigation__responsive-container-open::after { content: none; }
.mt-main-nav .wp-block-navigation-item__content.mt-nav-current { color: var(--mt-link); }
/* A header saved by Site Editor may still contain WooCommerce's account block.
   The pen.dev header uses the single 19px account icon below. */
.mt-header-inner > .wp-block-woocommerce-customer-account { display: none !important; }
.mt-account-links { display: flex; flex: 0 0 auto; align-items: center; gap: 12px; font-size: 14px; white-space: nowrap; }
.mt-account-links p { margin: 0; }
.mt-account-links a { color: var(--mt-text); text-decoration: none; }
.mt-icon-link { display: grid; width: 19px; height: 19px; place-items: center; transition: color .2s ease, opacity .2s ease; }
.mt-icon-link svg { display: block; width: 19px; height: 19px; }
.mt-cart-link { position: relative; display: inline-flex; min-width: 64px; height: 44px; align-items: center; justify-content: center; gap: 3px; padding-inline: 8px; }
.mt-cart-link .mt-cart-count { position: absolute; top: 3px; left: 46px; display: grid; min-width: 18px; height: 18px; color: var(--mt-cart-badge-ink, var(--mt-accent-ink)); background: var(--mt-cart-badge-bg, var(--mt-accent)); border: 2px solid var(--mt-bg); border-radius: 9px; font: 600 10px/1 var(--wp--preset--font-family--ui); place-items: center; pointer-events: none; }
.mt-cart-link .mt-cart-count[hidden] { display: none; }
.mt-mobile-appearance { display: none; --mt-dropdown-hover: var(--mt-surface-raised); --mt-dropdown-selected: var(--mt-accent); --mt-dropdown-selected-ink: var(--mt-accent-ink); --mt-dropdown-selected-border: var(--mt-accent); }

.mt-site-footer { padding: 56px var(--mt-gutter) 32px; background: var(--mt-bg); }
body.woocommerce-account .mt-site-footer { box-shadow: inset 0 1px 0 var(--mt-border); }
.mt-footer-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 64px; }
.mt-newsletter { width: 510px; max-width: 100%; min-width: 0; }
.mt-newsletter h2 { margin: 0 0 10px; font-size: 36px; line-height: 36px; letter-spacing: -.5px; transform: scaleX(.9635); transform-origin: left center; }
.mt-newsletter > p { margin: 0 0 26px; color: var(--mt-muted); font-size: 14px; line-height: 18px; }
.mt-footer-links { display: grid !important; grid-template-columns: repeat(3, minmax(100px, 1fr)); gap: 36px; }
.mt-footer-links h3 { margin: 0 0 15px; color: var(--mt-ui-muted, #b8bab1); font-family: var(--wp--preset--font-family--ui); font-size: 10px; font-weight: 400; line-height: 13px; letter-spacing: 1px; }
.mt-footer-links p { margin: 0 0 15px; color: var(--mt-ui-muted, #b8bab1); font-size: 13px; line-height: 17px; }
.mt-footer-links a { color: inherit; text-decoration: none; }
.mt-footer-links a:hover { color: var(--mt-link); }
.mt-footer-mark { position: relative; width: 100%; max-width: 1312px; height: auto; aspect-ratio: 1312 / 390; margin: 32px auto; overflow: hidden; }
.mt-animation-player { position: absolute; inset: 0; pointer-events: none; }
[data-animation-poster] { display: block; width: 100%; height: 100%; object-fit: contain; }
[data-animation-poster]:not([src]) { visibility: hidden; }
[data-animation-ready="true"] > [data-animation-poster] { visibility: hidden; }
.mt-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 24px; color: var(--mt-muted); border-top: 1px solid var(--mt-border); font-size: 11px; line-height: 14px; }
.mt-footer-bottom p { margin: 0; }


@media (hover: hover) and (pointer: fine) {
  .mt-icon-link:hover { color: var(--mt-link); }
  .wp-block-button__link { transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease; }
  .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.2); }
}

@media (min-width: 981px) {
  .mt-main-nav,
  .mt-main-nav .wp-block-navigation__responsive-container,
  .mt-main-nav .wp-block-navigation__responsive-close,
  .mt-main-nav .wp-block-navigation__responsive-dialog,
  .mt-main-nav .wp-block-navigation__responsive-container-content,
  .mt-main-nav .wp-block-navigation__container,
  .mt-main-nav .wp-block-navigation-item,
  .mt-main-nav .wp-block-navigation-item__content { height: 44px; line-height: 18px; }
  .mt-main-nav .wp-block-navigation-item__content { display: flex; align-items: center; padding-block: 0; }
  .mt-main-nav .wp-block-navigation__responsive-container-open { display: none !important; }
  .mt-main-nav .wp-block-navigation__responsive-container { position: static; display: block !important; width: 100%; }
  .mt-main-nav .wp-block-navigation__responsive-container-content { display: block; width: 100%; padding: 0; }
  .mt-account-links { min-height: 44px; line-height: 18px; }
  .mt-account-links p,
  .mt-account-links a { line-height: 18px; }
  .mt-cart-link { padding-block: 0; }
}

@media (min-width: 981px) {
  .mt-site-footer { height: 720px; }
}


@media (max-width: 980px) {
  .mt-site-header { height: 68px; min-height: 68px; padding: 12px 20px; }
  .mt-header-inner { min-height: 44px; gap: 12px; }
  .mt-logo, .mt-logo a { display: none; }
  .mt-main-nav { flex: 0 0 auto; margin: 0 auto 0 0; order: 1; }
  .mt-main-nav .wp-block-navigation__responsive-container-open { display: grid !important; }
  .mt-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
  .mt-account-links .mt-account-dropdown { display: none; }
  .mt-account-links .mt-cart-link { min-width: 44px; width: 44px; padding: 0; }
  .mt-cart-label { display: none; }
  .mt-cart-link::before { position: absolute; width: 20px; height: 20px; content: ""; background: currentColor; mask: url("assets/images/header-bag.svg") center / contain no-repeat; }
  .mt-cart-link .mt-cart-count { left: 25px; }
  .mt-footer-top { flex-direction: column; gap: 42px; }
}

@media (max-width: 700px) {
  .mt-footer-links { width: 100%; grid-template-columns: repeat(2, 1fr); }
  .mt-footer-bottom { align-items: flex-start !important; flex-direction: column; gap: 8px; }
}



@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .mt-footer-mark { transform: none; }
}

.mt-newsletter-signup { min-width: 0; width: 100%; max-width: 510px; font-family: var(--wp--preset--font-family--ui); }
.mt-newsletter-signup .widgettitle:empty { display: none; }
.mt-newsletter-signup form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; margin: 0; padding-block: 8px; border-bottom: 1px solid var(--mt-border); }
.mt-newsletter-signup form > p { min-width: 0; margin: 0; }
.mt-newsletter-signup #subscribe-email input[type="email"] { box-sizing: border-box; display: block; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 8px 0; color: var(--mt-text); background: transparent; border: 0; font: inherit; font-size: 16px; line-height: 20px; }
.mt-newsletter-signup input[type="email"]::placeholder { color: var(--mt-muted); opacity: 1; }
.mt-newsletter-signup #subscribe-email input[type="email"]:focus { outline: 2px solid var(--mt-focus); outline-offset: 2px; }
.mt-newsletter-signup button[type="submit"] { display: inline-flex; height: 44px; min-height: 44px; align-items: center; justify-content: center; white-space: nowrap; padding: 8px 0; color: var(--mt-link); background: transparent; border: 0; border-radius: 0; font: inherit; font-size: 14px; line-height: 18px; cursor: pointer; text-underline-offset: .25em; text-decoration: none; transition: none; }
.mt-newsletter-signup button[type="submit"]:focus-visible { outline: 2px solid var(--mt-focus); outline-offset: 2px; text-decoration: underline; }
.mt-newsletter-signup .mt-newsletter-privacy, .mt-newsletter-signup .mt-newsletter-unavailable { margin: 12px 0 0; color: var(--mt-muted); font-size: 12px; line-height: 18px; }
.mt-newsletter-signup .mt-newsletter-privacy a { color: inherit; }
@media (hover: hover) and (pointer: fine) {
  .mt-newsletter-signup button[type="submit"]:hover { transform: none; box-shadow: none; background: transparent; text-decoration: underline; }
}