/* ============================================
   ALVES COELHO ADVOGADOS - Custom Styles
   Brand colors: #5C4033 (dark brown), #A8B89A (sage), #F8F5F0 (warm off-white)
   ============================================ */

:root {
  --brand-brown: #5C4033;
  --brand-sage: #A8B89A;
  --brand-bg: #F8F5F0;
}

/* Elegant serif headings */
h1, h2, h3, h4 {
  font-family: "Georgia", "Times New Roman", serif;
  font-feature-settings: "kern" 1, "tnum" 1;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Form focus states */
input:focus, select:focus, textarea:focus {
  box-shadow: 0 0 0 3px rgba(92, 64, 51, 0.08);
  border-color: var(--brand-brown) !important;
}

/* FAQ Accordion */
.faq-question {
  cursor: pointer;
  user-select: none;
}

.faq-question i {
  transition: transform 0.2s ease;
}

.faq-open i {
  transform: rotate(180deg);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-open + .faq-answer {
  max-height: 200px;
  padding-top: 12px;
  padding-bottom: 8px;
}

/* Team & card hover polish */
.group:hover {
  transform: translateY(-2px);
  transition: transform 0.2s ease;
}

/* Toast notification */
.toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  background: #2C2522;
  color: white;
  padding: 14px 24px;
  border-radius: 9999px;
  font-size: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  z-index: 9999;
  display: none;
  align-items: center;
  gap: 10px;
}

.toast.show {
  display: flex;
  animation: toast-pop 0.2s ease forwards;
}

@keyframes toast-pop {
  from { transform: translate(-50%, 20px); opacity: 0; }
  to { transform: translate(-50%, 0); opacity: 1; }
}

/* Mobile menu animation */
#mobile-menu {
  animation: slideDown 0.2s ease;
}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Subtle premium touches */
.border {
  border-color: #EDE9E3;
}

/* Print styles (not critical but nice) */
@media print {
  nav, .fixed, footer { display: none !important; }
  body { background: white; color: black; }
}