/* SEIRYO LINE Theme v5.0.0 — components */

/*
 * One button contract across theme, Gutenberg and legacy page fragments.
 * Hover never changes the yellow/black color scheme.
 */
:where(
  .sl-button,
  .button,
  .btn,
  .button-yellow,
  .hero-button,
  .header-action,
  .mobile-contact-button,
  .office-map,
  .sl-map-button,
  .sl-company-office-card__map,
  .sl-company-cta__button,
  .sl-security-button,
  .wp-element-button,
  .wp-block-button__link,
  button:not(.menu-toggle):not(.customize-partial-edit-shortcut-button),
  input[type="submit"],
  input[type="button"]
) {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 56px;
  padding: 14px 22px;
  border: 2px solid var(--sl-black) !important;
  border-radius: 0 !important;
  color: var(--sl-black) !important;
  background-color: var(--sl-yellow) !important;
  background-image: none !important;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: none !important;
  box-shadow: 0 0 0 rgba(17,20,17,0);
  opacity: 1;
  filter: none;
  transition: transform .25s var(--sl-ease), box-shadow .25s var(--sl-ease) !important;
}

:where(
  .sl-button,
  .button,
  .btn,
  .button-yellow,
  .hero-button,
  .header-action,
  .mobile-contact-button,
  .office-map,
  .sl-map-button,
  .sl-company-office-card__map,
  .sl-company-cta__button,
  .sl-security-button,
  .wp-element-button,
  .wp-block-button__link,
  button:not(.menu-toggle):not(.customize-partial-edit-shortcut-button),
  input[type="submit"],
  input[type="button"]
):is(:hover,:focus,:active,:visited) {
  color: var(--sl-black) !important;
  background-color: var(--sl-yellow) !important;
  background-image: none !important;
  border-color: var(--sl-black) !important;
  opacity: 1 !important;
  filter: none !important;
}

@media (hover:hover) and (pointer:fine) {
  :where(
    .sl-button,
    .button,
    .btn,
    .button-yellow,
    .hero-button,
    .header-action,
    .mobile-contact-button,
    .office-map,
    .sl-map-button,
    .sl-company-office-card__map,
    .sl-company-cta__button,
    .sl-security-button,
    .wp-element-button,
    .wp-block-button__link,
    button:not(.menu-toggle):not(.customize-partial-edit-shortcut-button),
    input[type="submit"],
    input[type="button"]
  ):hover {
    transform: translateY(-3px);
    box-shadow: var(--sl-shadow-button) !important;
  }

  :where(.sl-button,.button,.btn,.hero-button,.office-map,.sl-map-button,.sl-company-office-card__map,.sl-company-cta__button):hover
  :where(.sl-button__icon,span:last-child) {
    transform: translateX(4px);
  }
}

:where(.sl-button,.button,.btn,.hero-button,.office-map,.sl-map-button,.sl-company-office-card__map,.sl-company-cta__button)
:where(.sl-button__icon,span:last-child) {
  transition: transform .25s var(--sl-ease);
}

:where(.sl-button,.wp-element-button,.wp-block-button__link,.office-map,.sl-company-office-card__map):focus-visible {
  outline: 3px solid var(--sl-white);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px var(--sl-black) !important;
}

.sl-grid { display:grid; gap:40px; }
.sl-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sl-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sl-card { height:100%; padding:40px; background:var(--sl-white); border:2px solid var(--sl-black); box-shadow:9px 9px 0 var(--sl-yellow); }

@media (max-width:767px) {
  .sl-grid--2,.sl-grid--3 { grid-template-columns:1fr; }
  .sl-card { padding:30px 22px; box-shadow:7px 7px 0 var(--sl-yellow); }
}


/* Improvement3 hide top stats */
.home-stats,
.top-stats,
.stats-section,
.section-stats,
.home-achievements{
 display:none!important;
}