@tailwind base;
@tailwind components;
@tailwind utilities;

/* ===== Scroll: esconder só HORIZONTAL, manter vertical ===== */
.container-snap {
  overflow-x: hidden;
  -ms-overflow-style: auto;   /* IE/Edge: mantém vertical */
  scrollbar-width: auto;      /* Firefox: mantém vertical */
}
/* WebKit: esconde apenas a barra horizontal */
.container-snap::-webkit-scrollbar:horizontal { display: none; }

/* ===== Scrollbar global (vertical) ===== */
::-webkit-scrollbar {
  width: 8px;
  background: #0c0908;
}
::-webkit-scrollbar-track {
  background: #1a1412;
}
::-webkit-scrollbar-thumb {
  background: #5e4835;
  border-radius: 4px;
  border: 1px solid #0c0908;
}

/* Largura máxima personalizada */
.max-w-8xl { max-width: 96rem; }

/* Body */
body {
  scroll-behavior: smooth;
  background-color: #0c0908;
  color: #d4c4b4;
  font-family: 'Almendra', serif; /* Mantem a harmonia base RPG */
}

/* Links globais */
a { color: #ffb703; transition: color .3s ease; }
a:hover { color: #ff9e00; }

/* Inputs e botões base */
input, button {
  background-color: #1a1412;
  color: #d4c4b4;
  border: 1px solid #5e4835;
}
input:focus, button:hover {
  outline: none;
  background-color: #2e221c;
  border-color: #ffb703;
}

/* ===== Inputs Globais (Força Temática RPG para inputs que não ganharam a classe) ===== */
input[type="search"],
input[type="text"],
textarea,
.search input {
  background-color: #1a1412 !important;
  color: #d4c4b4 !important;
  border: 2px solid #5e4835 !important;
  outline: none !important;
  box-shadow: none !important;
  caret-color: #ffb703;
}
input[type="search"]:focus,
input[type="text"]:focus,
textarea:focus,
.search input:focus,
input[type="search"]:hover,
input[type="text"]:hover,
textarea:hover,
.search input:hover {
  background-color: #2e221c !important;
  color: #ffffff !important;
  border-color: #ffb703 !important;
  outline: none !important;
  box-shadow: 0 0 10px rgba(255,183,3,0.3) !important;
}

/* Placeholder claro e da cor do tema RPG */
input::placeholder,
textarea::placeholder,
.search input::placeholder { color: rgba(212,196,180,0.5) !important; font-family: 'Cinzel', serif !important; }

/* Remove botões nativos do search (WebKit) */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; }

/* Corrige autofill */
input:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-text-fill-color: #d4c4b4 !important;
  caret-color: #ffb703 !important;
  box-shadow: 0 0 0 1000px #1a1412 inset !important;
  -webkit-box-shadow: 0 0 0 1000px #1a1412 inset !important;
  border: 1px solid #5e4835 !important;
}