/*
Theme Name: SIMFI Commerce
Theme URI: https://wp-staging.simfi-mebel.ru/
Author: SIMFI
Description: Production-intent native block theme for the SIMFI office-furniture storefront.
Version: 0.1.0
Requires at least: 6.8
Requires PHP: 8.1
Text Domain: simfi-commerce
*/

:root {
  --simfi-focus: 0 0 0 3px rgba(49, 84, 65, .24);
  --simfi-radius-card: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
a { text-underline-offset: .16em; }
:where(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--wp--preset--color--primary);
  outline-offset: 3px;
  box-shadow: var(--simfi-focus);
}

.simfi-site-header {
  border-bottom: 1px solid var(--wp--preset--color--border);
  position: relative;
  z-index: 20;
}
.simfi-site-header .wp-block-navigation__responsive-container-open,
.simfi-site-header .wp-block-navigation__responsive-container-close { min-height: 44px; min-width: 44px; }
.simfi-eyebrow { letter-spacing: .14em; text-transform: uppercase; font-weight: 700; }
.simfi-hero {
  background: linear-gradient(135deg, var(--wp--preset--color--surface-muted), #e8eee9);
  border: 1px solid var(--wp--preset--color--border);
  border-radius: 24px;
  overflow: hidden;
}
.simfi-card,
.wc-block-grid__product,
.wc-block-product {
  border: 1px solid var(--wp--preset--color--border);
  border-radius: var(--simfi-radius-card);
  overflow: hidden;
  background: var(--wp--preset--color--surface);
}
.simfi-card { padding: var(--wp--preset--spacing--50); }
.simfi-chip {
  border: 1px solid var(--wp--preset--color--border);
  border-radius: 999px;
  display: inline-flex;
  padding: .38rem .75rem;
}
.simfi-section { padding-block: clamp(2.5rem, 5vw, 5rem); }
.simfi-approval-note {
  border-left: 4px solid var(--wp--preset--color--primary);
  background: var(--wp--preset--color--surface-muted);
  padding: 1rem 1.25rem;
}
.simfi-context-office { --simfi-context-accent: #315441; }
.simfi-context-chairs { --simfi-context-accent: #674e35; }
.simfi-context-banner { border-top: 4px solid var(--simfi-context-accent, var(--wp--preset--color--primary)); }
.simfi-site-footer { border-top: 1px solid var(--wp--preset--color--border); }
.simfi-site-footer li a { display: inline-flex; min-height: 44px; align-items: center; }
.simfi-request-confirmation { max-width: 760px; margin-inline: auto; }
.simfi-request-reference { font-size: 1.25rem; font-weight: 700; color: var(--wp--preset--color--primary); }

@media (max-width: 781px) {
  .simfi-site-header > .wp-block-group { gap: .75rem; }
  .simfi-section { padding-block: 2.25rem; }
  .simfi-hero { border-radius: 16px; }
}

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