/*
Theme Name: Texlora Biochem
Theme URI: https://staging.texlora.com
Author: Texlora
Description: Custom theme for Texlora Biochem marketing site.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: texlora
*/

:root {
  --texlora-blue: #1e3a8a;
  --texlora-blue-dark: #1e40af;
  --texlora-green: #059669;
  --texlora-green-dark: #047857;
  --texlora-navy: #0f172a;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
}

main {
  flex: 1;
}



/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.animate-fadeIn {
  animation: fadeIn 0.6s ease-out forwards;
}

.animate-slideInLeft {
  animation: slideInLeft 0.6s ease-out forwards;
}

.animate-slideInRight {
  animation: slideInRight 0.6s ease-out forwards;
}

.stagger-1 { animation-delay: 0.1s; }
.stagger-2 { animation-delay: 0.2s; }
.stagger-3 { animation-delay: 0.3s; }
.stagger-4 { animation-delay: 0.4s; }

.animate-fadeIn,
.animate-slideInLeft,
.animate-slideInRight {
  opacity: 0;
}

.hover-lift {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.card-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  border-color: var(--texlora-green);
}

button {
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}

button:active {
  transform: scale(0.98);
}

a {
  transition: color 0.2s ease;
}

/* Header dropdown */
.texlora-nav-dropdown {
  display: none;
}

.texlora-nav-item:hover .texlora-nav-dropdown {
  display: block;
}

/* Mobile menu */
.texlora-mobile-menu {
  display: none;
}

.texlora-mobile-menu.is-open {
  display: block;
}

/* Form feedback */
.texlora-alert {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
}

.texlora-alert-success {
  background: #ecfdf5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}

.texlora-alert-error {
  background: #fef2f2;
  color: #991b1b;
  border: 1px solid #fecaca;
}