/*
Theme Name: Metalsul
Description: Tema desenvolvido exclusivamente para a Metalsul.
Author: Lyon Muller
Author URI: https://lyon.dev/
Version: 1.0.0
Text Domain: metalsul
Template: hello-elementor
*/

/* Add your custom styles here */

html, body {
  scroll-behavior: smooth;
  scroll-padding-top: 200px;
  scroll-margin-block-start: 200px;
  overflow-x: clip;
  margin: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;  
}

.elementor-kit-6 p, p {
  margin-block: 0;
  & + p {
    margin-block-start: 1rem;
  }
}

header .elementor-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hidden {
  display: none;
}

.no-select {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.aspect-square {
  img {
    aspect-ratio: 1/1;
    object-fit: cover;
  }
}

#navbar-fixed {
  transition: all 0.3s ease-in-out;
  &.scrolled {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    a:not(.elementor-button) {
      --e-global-color-db5d8f0: var( --e-global-color-9a843f6 );
    }
  }
}

.wpforms-container .wpforms-field {
  padding-block: .5rem !important;
}

/* Pagination - taxonomy/products listing */
.navigation.pagination {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.navigation.pagination .nav-links {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}
.navigation.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 .75rem;
  border-radius: .5rem;
  border: 1px solid #e5e7eb; /* light gray border */
  color: #333; /* light gray text */
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
}
.navigation.pagination a.page-numbers:hover {
  color: #ffffff;
  background-color: #dc2626; /* red */
  border-color: #dc2626;
}
.navigation.pagination .page-numbers.current {
  color: #ffffff;
  background-color: #dc2626; /* red */
  border-color: #dc2626;
}
.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next {
  min-width: auto;
  padding-inline: .75rem;
}
.navigation.pagination .page-numbers.dots {
  background: transparent;
  border: none;
  color: #9ca3af;
  padding: 0 .25rem;
}