/* Team Maker — DaisyUI Theme + Minimal Overrides */

[data-theme="teammaker"] {
  /* Primary brand color: #007AFF (iOS Blue) */
  --color-primary: oklch(60% 0.24 255);
  --color-primary-content: oklch(100% 0 0);

  /* Secondary */
  --color-secondary: oklch(65% 0.15 160);
  --color-secondary-content: oklch(100% 0 0);

  /* Accent */
  --color-accent: oklch(60% 0.24 255);
  --color-accent-content: oklch(100% 0 0);

  /* Base (light) */
  --color-base-100: oklch(100% 0 0);
  --color-base-200: oklch(97% 0.003 240);
  --color-base-300: oklch(92% 0.005 240);
  --color-base-content: oklch(12% 0.01 240);

  /* Neutral */
  --color-neutral: oklch(48% 0.01 230);
  --color-neutral-content: oklch(95% 0.002 240);

  /* Info / Success / Warning / Error */
  --color-info: oklch(62% 0.15 250);
  --color-info-content: oklch(100% 0 0);
  --color-success: oklch(62% 0.15 150);
  --color-success-content: oklch(100% 0 0);
  --color-warning: oklch(75% 0.15 85);
  --color-warning-content: oklch(20% 0.01 85);
  --color-error: oklch(55% 0.2 25);
  --color-error-content: oklch(100% 0 0);
}

/* Footer */
footer.bg-neutral {
  background-color: #0B2952;
}

/* Header brand name */
header .btn-ghost .text-primary {
  color: #0B2952 !important;
}

/* Round language flags */
iconify-icon[icon*="flag:"] {
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
}

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

/* Hero gradient */
.hero-gradient {
  background: #007AFF;
}

/* iPhone mockup */
.iphone-frame {
  width: 260px;
  height: 563px;
  border-radius: 2.5rem;
  border: 6px solid #1f2937;
  background: #000;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iphone-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

/* FAQ accordion transition */
.faq-answer-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer-body {
  max-height: 500px;
  padding-bottom: 1rem;
}

/* Modal animation */
.modal-box {
  animation: slideIn 0.3s ease;
}

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

/* Scroll animation for cards */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.animate-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}