/* Global Styles */
@font-face {
  font-family: 'Guton';
  src: url('../fonts/Guton-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Guton';
  src: url('../fonts/Guton-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Guton';
  src: url('../fonts/Guton-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Guton';
  src: url('../fonts/Guton-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Guton';
  src: url('../fonts/Guton-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Guton';
  src: url('../fonts/Guton-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Guton', sans-serif !important;
}

:root {
  --color-primary: #003b37;
  --color-primary-hover: #002a27;
  --color-secondary: #016f69;
  --color-secondary-hover: #015550;
}

.text-secondary {
  color: var(--color-secondary) !important;
}

.btn {
  @apply inline-flex items-center justify-center px-6 py-3 rounded-lg font-semibold transition-all duration-300;
}

.btn-primary {
  background-color: var(--color-primary);
  @apply text-white;
}

.btn-primary:hover {
  background-color: var(--color-primary-hover);
}

.btn-secondary {
  background-color: var(--color-secondary);
  @apply text-white;
}

.btn-secondary:hover {
  background-color: var(--color-secondary-hover);
}

.btn-outline {
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  @apply transition-all duration-300;
}

.btn-outline:hover {
  background-color: var(--color-primary);
  @apply text-white;
}

.card {
  @apply bg-white rounded-xl shadow-lg overflow-hidden transition-transform hover:scale-105;
}

.section-padding {
  @apply py-16 md:py-24;
}

/* Navigation Styles */
.nav-link {
  @apply font-medium transition-colors duration-200 relative;
  color: white;
}

.nav-link:hover {
  color: rgba(255, 255, 255, 0.7);
}

.nav-link::after {
  content: '';
  @apply absolute bottom-0 left-0 w-0 h-0.5 transition-all duration-300;
  background-color: white;
}

.nav-link:hover::after {
  @apply w-full;
}

.nav-link.current-menu-item,
.nav-link.current_page_item {
  color: white;
  opacity: 1;
}

.mobile-nav-link {
  @apply block px-3 py-2 rounded-md text-base font-medium transition-colors;
  color: white;
}

.mobile-nav-link:hover {
  color: rgba(255, 255, 255, 0.7);
  @apply bg-white/10;
}

.mobile-nav-link.current-menu-item,
.mobile-nav-link.current_page_item {
  color: white;
  background-color: rgba(255, 255, 255, 0.1);
}

/* Custom Logo */
.custom-logo-link img {
  @apply h-[120px] w-[120px] transition-transform hover:scale-105;
}

/* Header Scroll Effect */
#main-header {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

#main-header.scrolled {
  @apply shadow-2xl bg-white/80 backdrop-blur-xl;
}

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

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fadeIn 1s ease-out;
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

.animate-bounce {
  animation: bounce 2s infinite;
}