/*
Theme Name: Amora Souvenir - Totebag & Souvenir WordPress Theme
Theme URI: https://amorasouvenir.id
Author: Amora Souvenir Studio
Author URI: https://amorasouvenir.id
Description: Tema resmi WordPress & WooCommerce untuk toko online Totebag Custom, Souvenir Wedding, Goodie Bag Seminar & Branding dengan integrasi Order WhatsApp, Cart Drawer, dan Product Modal.
Version: 1.2.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: amora-souvenir
Tags: e-commerce, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, translation-ready
*/

:root {
  --primary-color: #1F2937;
  --secondary-color: #EFE9DF;
  --whatsapp-color: #25D366;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  color: #1F2937;
  background-color: #FAFAFA;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

.font-serif {
  font-family: 'Playfair Display', Georgia, serif;
}

/* Infinite Marquee Animations */
@keyframes amora-marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

@keyframes amora-marquee-reverse {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0%); }
}

.animate-marquee-left {
  display: flex;
  width: max-content;
  animation: amora-marquee 36s linear infinite;
}

.animate-marquee-left:hover {
  animation-play-state: paused;
}

.animate-marquee-right {
  display: flex;
  width: max-content;
  animation: amora-marquee-reverse 38s linear infinite;
}

.animate-marquee-right:hover {
  animation-play-state: paused;
}

/* Float animation for badges */
@keyframes amora-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

.animate-float {
  animation: amora-float 4s ease-in-out infinite;
}

/* Hide scrollbar for category tabs */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Modal and Drawer transitions */
.modal-overlay {
  transition: opacity 0.25s ease-out;
}
.modal-content {
  transition: transform 0.25s ease-out, opacity 0.25s ease-out;
}

/* WooCommerce Compatibility overrides */
.woocommerce ul.products li.product .button {
  background-color: var(--primary-color) !important;
  color: #fff !important;
  border-radius: 12px;
}