/**
 * Botize Overrides CSS
 * Loaded AFTER styles.css to override animejs.com defaults.
 * No modifications to styles.css — all customizations here.
 */

/* ============================================================
   HEADER — Logo sizing and sponsor button
   ============================================================ */

/* Header logo adjustments */
#site-header .heading-logo img {
  max-height: 40px;
  width: auto;
}

/* Sponsor button (heart) → "Agendar" CTA style */
.sponsor-button.main-nav-link {
  color: var(--currentColor, currentColor);
}

/* ============================================================
   HERO — Anna button phone icon + city label
   ============================================================ */

/* Hide the copy button injected by scripts.js */
#anna-contact .copy-button,
#anna-contact .npm-copy,
#anna-contact button[class*="copy"] {
  display: none !important;
}

/* Phone icon pseudo-element on Anna button */
#anna-contact {
  position: relative;
  padding-right: 36px !important;
  cursor: pointer;
}

#anna-contact::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a8a9a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: .5;
  pointer-events: none;
}

#anna-contact:hover::after {
  opacity: .8;
}

#anna-contact code {
  display: flex;
  align-items: center;
  gap: .4em;
}

/* City label subdued styling */
#user-city {
  opacity: .45;
  font-size: .85em;
}

/* ============================================================
   SPONSORS → CUIDADO HUMANIZADO
   ============================================================ */

/* Hide funding level box and sponsor-related English texts */
.funding-level-box,
.company-sponsors-list,
[class*="sponsor"] .text-xxs,
sponsor-button + .funding-level-box {
  display: none !important;
}

/* Humanized care section values grid */
.botize-values {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 2.5rem;
  list-style: none;
  padding: 0;
}

.botize-values li {
  text-align: center;
  padding: 1.5rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
}

.botize-values li strong {
  display: block;
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}

@media (max-width: 768px) {
  .botize-values {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

/* ============================================================
   CASES SECTION
   ============================================================ */

.botize-cases-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-top: 2rem;
  list-style: none;
  padding: 0;
}

.botize-case-card {
  padding: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
}

.botize-case-tag {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

.botize-case-tag--atendimento {
  background: rgba(79, 195, 247, 0.15);
  color: #4fc3f7;
}

.botize-case-tag--bi {
  background: rgba(129, 199, 132, 0.15);
  color: #81c784;
}

.botize-case-city {
  font-size: 0.85rem;
  opacity: 0.5;
  margin-bottom: 0.5rem;
}

.botize-case-card h3 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

.botize-case-card p {
  font-size: 0.95rem;
  line-height: 1.6;
  opacity: 0.8;
}

@media (max-width: 768px) {
  .botize-cases-grid {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   GET STARTED → CTA SECTION
   ============================================================ */

/* CTA links grid — reuse existing links-list-grid but Botize content */
#get-started .links-list-grid {
  max-width: 600px;
}

/* ============================================================
   FOOTER — Botize branding
   ============================================================ */

/* Footer logo sizing */
#site-footer .footer-logo img {
  max-height: 48px;
  width: auto;
}

/* Botize institutional info block */
.botize-footer-info {
  font-size: 0.85rem;
  opacity: 0.6;
  line-height: 1.6;
  margin-top: 0.5rem;
}

/* ============================================================
   MODULES SECTION — ensure Botize titles display properly
   ============================================================ */

/* No special overrides needed — titles changed directly in HTML */

/* (toolbox z-index overrides removed — using original structure) */