/* Metalmex theme styles. Tokens come from theme.json presets. */
:root{--mm-gold:var(--wp--preset--color--gold);--mm-gold2:var(--wp--preset--color--gold-light);--mm-bg:var(--wp--preset--color--bg);--mm-surface:var(--wp--preset--color--surface);--mm-ink:var(--wp--preset--color--ink);--mm-muted:var(--wp--preset--color--muted);--mm-line:var(--wp--preset--color--line);--mm-dark:#1C1B19;--mm-dark2:var(--wp--preset--color--dark-surface);--mm-accent:var(--wp--preset--color--accent);--mm-accent2:var(--wp--preset--color--accent-hover);--mm-accent-soft:var(--wp--preset--color--accent-soft);--mm-soft:var(--wp--preset--color--accent-soft);--mm-r:6px;--mm-ease:180ms ease}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
:where(p,li){max-width:66ch}
.mm-measure-none :where(p,li),.mm-tile :where(p),.wp-block-columns :where(p){max-width:none}
:where(.wp-block-group.alignfull){padding-left:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30)}

/* Header */
.mm-header{position:sticky;top:0;z-index:50;background:var(--mm-surface);border-bottom:1px solid var(--mm-line)}
.mm-header .wp-block-group.is-layout-flex{min-height:72px}
.mm-header .wp-block-site-logo img{max-height:44px;width:auto}
.mm-phone{display:inline-flex;align-items:center;gap:.5rem;background:var(--mm-accent);color:var(--mm-ink)!important;text-decoration:none!important;font-weight:600;font-size:.9375rem;padding:.625rem 1.125rem;border-radius:999px;white-space:nowrap;transition:background var(--mm-ease)}
.mm-phone:hover{background:var(--mm-accent2)}
.mm-phone svg{width:16px;height:16px;fill:currentColor}
.mm-header .wp-block-navigation__responsive-container-open{color:var(--mm-ink)}
.wp-block-navigation .wp-block-navigation-item__content{padding:.5rem 0}
.wp-block-navigation .wp-block-navigation__submenu-container{border:1px solid var(--mm-line)!important;border-radius:var(--mm-r);padding:.5rem;background:var(--mm-surface)!important}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:.5rem .75rem;border-radius:4px}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:var(--mm-soft)}
@media (max-width:1023px){.mm-phone .mm-phone__text{display:none}.mm-phone{padding:.625rem}}

/* Hero */
.mm-hero{background:var(--mm-dark);color:#fff;overflow:hidden}
.mm-hero :where(h1,h2,h3,p){color:#fff}
.mm-hero p{color:#CFCAC0}
.mm-hero .wp-block-columns{align-items:center}
.mm-hero__media{position:relative;min-height:320px}
.mm-hero__media img{border-radius:var(--mm-r);object-fit:cover;width:100%;aspect-ratio:5/4}
@media (min-width:782px){.mm-hero__media{margin-right:calc(-1 * var(--wp--preset--spacing--30))}}
@media (min-width:1280px){.mm-hero__media{margin-right:calc((100vw - 1200px) / -2 - var(--wp--preset--spacing--30))}.mm-hero__media img{border-radius:var(--mm-r) 0 0 var(--mm-r)}}
.mm-hero .wp-block-button.is-style-outline .wp-block-button__link,.mm-dark .wp-block-button.is-style-outline .wp-block-button__link{color:#fff;border-color:var(--mm-gold);background:transparent}
.mm-hero .wp-block-button.is-style-outline .wp-block-button__link:hover,.mm-dark .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--mm-gold);border-color:var(--mm-gold);color:var(--mm-ink)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--mm-ink);border-color:var(--mm-gold)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:var(--mm-ink);background:var(--mm-accent-soft,#FBEBD2);color:var(--mm-ink)}

/* Dark bands */
.mm-dark{background:var(--mm-dark);color:#fff}
.mm-dark :where(h1,h2,h3,h4){color:#fff}
.mm-dark p{color:#CFCAC0}
.mm-dark a:not(.wp-block-button__link){color:#fff}
.mm-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;border-top:1px solid rgba(201,162,74,.45);padding-top:2rem}
.mm-numbers strong{display:block;font-family:var(--wp--preset--font-family--heading);font-size:var(--wp--preset--font-size--display);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--mm-gold)}
.mm-numbers span{display:block;margin-top:.5rem;color:#CFCAC0}

/* Tiles */
.mm-grid{display:grid;gap:1.25rem}
.mm-grid--kat{grid-template-columns:repeat(2,1fr)}
.mm-grid--prod{grid-template-columns:repeat(2,1fr)}
@media (min-width:782px){.mm-grid--kat{grid-template-columns:repeat(3,1fr)}.mm-grid--prod{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1100px){.mm-grid--kat{grid-template-columns:repeat(4,1fr)}.mm-grid--prod{grid-template-columns:repeat(4,1fr)}}
.mm-tile{display:flex;flex-direction:column;background:var(--mm-surface);border:1px solid var(--mm-line);border-radius:var(--mm-r);overflow:hidden;color:var(--mm-ink);text-decoration:none;transition:border-color var(--mm-ease)}
.mm-tile:hover{border-color:var(--mm-gold);color:var(--mm-ink)}
.mm-tile__img{display:block;aspect-ratio:4/3;background:var(--mm-bg);overflow:hidden}
.mm-tile__img img{width:100%;height:100%;object-fit:cover;transition:transform 300ms ease}
.mm-tile:hover .mm-tile__img img{transform:scale(1.03)}
.mm-tile__body{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.125rem 1.125rem}
.mm-tile__brand{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mm-muted)}
.mm-tile__title{font-family:var(--wp--preset--font-family--heading);font-weight:600;font-size:1.125rem;line-height:1.2;letter-spacing:-.01em}
.mm-tile__desc{font-size:.9375rem;color:var(--mm-muted)}
.mm-tile__more{margin-top:.25rem;font-weight:600;font-size:.9375rem;color:var(--mm-accent-hover,#CF7A00)}
.mm-tile__more::after{content:" \2192"}
.mm-ph{display:block;width:100%;height:100%;min-height:160px;background:linear-gradient(135deg,#F1E9D6 0%,#F7F6F3 55%,#E2DFD8 100%)}
.mm-empty{padding:2rem;border:1px dashed var(--mm-line);border-radius:var(--mm-r);color:var(--mm-muted)}

/* Brand strip */
.mm-brands{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem 2.5rem;align-items:center;justify-content:center}
.mm-brands li{margin:0}
.mm-brands a{display:flex;align-items:center;height:56px;text-decoration:none;color:var(--mm-muted);font-family:var(--wp--preset--font-family--heading);font-weight:700;font-size:1.25rem;letter-spacing:-.02em}
.mm-brands img{max-height:40px;width:auto;filter:grayscale(1);opacity:.7;transition:all var(--mm-ease)}
.mm-brands a:hover img{filter:none;opacity:1}
.mm-brands a:hover{color:var(--mm-gold)}

/* Breadcrumbs */
.mm-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;font-size:.875rem;color:var(--mm-muted)}
.mm-crumbs li+li::before{content:"/";margin-right:.35rem;color:var(--mm-line)}
.mm-crumbs a{color:var(--mm-muted);text-decoration:none}
.mm-crumbs a:hover{color:var(--mm-accent-hover,#CF7A00)}

/* Product meta */
.mm-meta{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.25rem;margin:0;padding:1.25rem;background:var(--mm-surface);border:1px solid var(--mm-line);border-radius:var(--mm-r);font-size:.9375rem}
.mm-meta dt{font-weight:600;color:var(--mm-muted)}
.mm-meta dd{margin:0}

/* Form */
.mm-form{display:grid;gap:1rem;max-width:640px}
.mm-form label{display:block;font-weight:600;font-size:.875rem}
.mm-form input[type=text],.mm-form input[type=email],.mm-form textarea{display:block;width:100%;margin-top:.35rem;padding:.75rem .875rem;font:inherit;font-weight:400;font-size:1rem;color:var(--mm-ink);background:var(--mm-surface);border:1px solid var(--mm-line);border-radius:var(--mm-r);min-height:48px}
.mm-form input:focus,.mm-form textarea:focus{outline:2px solid var(--mm-accent);outline-offset:1px;border-color:var(--mm-accent)}\n.mm-form button{color:var(--mm-ink)}
.mm-form__row{display:grid;gap:1rem}
@media (min-width:600px){.mm-form__row{grid-template-columns:1fr 1fr}}
.mm-form__file input{margin-top:.35rem;font-weight:400}
.mm-form__rodo label{font-weight:400;font-size:.875rem;color:var(--mm-muted)}
.mm-form__rodo a{color:var(--mm-muted)}
.mm-form button{justify-self:start;cursor:pointer;border:0;font:inherit;font-weight:600}
.mm-form__ok{padding:1rem;border-radius:var(--mm-r);background:#E6F4EC;color:#15532F;max-width:none}
.mm-form__err{padding:1rem;border-radius:var(--mm-r);background:#FBE7E7;color:#7A1F1F;max-width:none}
.mm-hp{position:absolute;left:-9999px}
.mm-dark .mm-form input,.mm-dark .mm-form textarea{background:var(--mm-dark2);border-color:rgba(201,162,74,.35);color:#fff}
.mm-dark .mm-form label{color:#fff}

/* Mobile bar */
.mm-mobilebar{display:none}
@media (max-width:781px){.mm-mobilebar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--mm-surface);border-top:1px solid var(--mm-line);padding:.5rem;gap:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}body{padding-bottom:72px}
.mm-mobilebar a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--mm-r);font-weight:600;text-decoration:none;font-size:.9375rem}
.mm-mobilebar__call{background:var(--mm-accent);color:var(--mm-ink)}
.mm-mobilebar__quote{border:1px solid var(--mm-gold);color:var(--mm-ink)}}

/* Posts */
.mm-post-grid .wp-block-post{background:var(--mm-surface);border:1px solid var(--mm-line);border-radius:var(--mm-r);overflow:hidden}
.mm-post-grid .wp-block-post-featured-image img{aspect-ratio:16/10;object-fit:cover}
.mm-post-grid .wp-block-post-title,.mm-post-grid .wp-block-post-date,.mm-post-grid .wp-block-post-excerpt{padding-left:1.125rem;padding-right:1.125rem}
.mm-post-grid .wp-block-post-title{margin-top:1rem;font-size:1.125rem}
.mm-post-grid .wp-block-post-excerpt{padding-bottom:1.125rem;font-size:.9375rem}
.mm-pagination{display:flex;gap:.5rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}
.mm-pagination a,.mm-pagination span{padding:.5rem .875rem;border:1px solid var(--mm-line);border-radius:var(--mm-r);text-decoration:none;color:var(--mm-ink);background:var(--mm-surface)}
.mm-pagination .current{background:var(--mm-accent);border-color:var(--mm-accent);color:var(--mm-ink)}

/* Footer */
.mm-footer{background:var(--mm-dark);color:#CFCAC0;font-size:.9375rem;border-top:3px solid var(--mm-gold)}
.mm-footer :where(h3,h4){color:#fff;font-size:1rem;margin-bottom:.75rem}
.mm-footer a{color:#fff;text-decoration:none}
.mm-footer a:hover{color:#fff;text-decoration:underline}
.mm-footer .wp-block-navigation{--wp--style--block-gap:.5rem}
.mm-footer .wp-block-navigation{--wp--style--block-gap:.35rem}.mm-footer .wp-block-navigation .wp-block-navigation-item__content{color:#CFCAC0;font-weight:400;padding:.15rem 0}
.mm-footer .wp-block-navigation .wp-block-navigation-item__content:hover{color:var(--mm-gold)}
.mm-footer__bottom{border-top:1px solid rgba(201,162,74,.35);font-size:.8125rem;color:#8F8A80}
.mm-footer__bottom a{color:#8F8A80}

/* Utilities */
.mm-lead{font-size:var(--wp--preset--font-size--large);color:var(--mm-muted)}
.mm-dark .mm-lead{color:#CFCAC0}
.mm-accent{color:var(--mm-gold)}\n.mm-dark .mm-tile__brand,.mm-hero .mm-tile__brand{color:var(--mm-gold)}\n.mm-dark h2::after,.mm-hero h1::after{content:"";display:block;width:56px;height:3px;background:var(--mm-gold);margin-top:1rem}\n.mm-dark .mm-meta,.mm-dark .mm-card{border-color:rgba(201,162,74,.35)}
.mm-card{background:var(--mm-surface);border:1px solid var(--mm-line);border-radius:var(--mm-r);padding:1.5rem}
.mm-check{list-style:none;padding:0}
.mm-check li{position:relative;padding-left:1.75rem;margin-bottom:.5rem}
.mm-check li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:8px;border-left:2px solid var(--mm-gold);border-bottom:2px solid var(--mm-gold);transform:rotate(-45deg)}
.wp-block-embed iframe{border-radius:var(--mm-r);width:100%}