/*
Theme Name: Two Brothers
Theme URI: https://barbeariatwobrothers.online
Author: Barbearia Two Brothers
Description: Tema sob medida para a Barbearia Two Brothers. Uma única página, sem editor visual — o conteúdo fica em front-page.php.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: two-brothers
*/

/* O visual da página é montado com Tailwind (carregado em header.php).
   Este arquivo guarda só os ajustes que o Tailwind não cobre. */

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; animation: none !important; }
}

/* Compensa o header fixo quando o link de âncora pula para uma seção */
section[id] { scroll-margin-top: 84px; }

.nav-link {
  position: relative;
  padding-bottom: 3px;
  transition: color .18s ease;
}

.nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #C79A46;
  transition: width .22s ease;
}

.nav-link:hover { color: #F0EBE3; }
.nav-link:hover::after { width: 100%; }

:focus-visible {
  outline: 2px solid #C79A46;
  outline-offset: 3px;
}

/* A barra de admin do WordPress empurra o header fixo para baixo */
body.admin-bar #topo { top: 32px; }

@media screen and (max-width: 782px) {
  body.admin-bar #topo { top: 46px; }
}