/*
Theme Name: ALV Luxury Theme
Theme URI: https://alvstones.com
Author: Antigravity
Description: A bespoke luxury theme built specifically for ALV Stones.
Version: 1.0.1
Text Domain: alv-luxury
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Inter:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap');

:root {
  --color-primary: #1C1B19;
  --color-secondary: #FCFCFA;
  --color-accent: #9A8C7A;
  --color-border: #E8E5DF;
  
  --font-sans: "Inter", "Helvetica", "Arial", sans-serif;
  --font-serif: "Cormorant Garamond", "Palatino", "Georgia", serif;
}

html {
  scroll-behavior: smooth;
}

body, .site, .site-content, .woocommerce ul.products li.product {
  font-family: var(--font-serif);
  background-color: var(--color-secondary) !important;
  color: var(--color-primary) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, .serif, .woocommerce-loop-product__title {
  font-family: var(--font-serif) !important;
}

.sans, p, span, div, a {
  font-family: var(--font-sans);
}

.lux-button, .button, input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px 48px !important;
  background-color: var(--color-primary) !important;
  color: var(--color-secondary) !important;
  text-transform: uppercase !important;
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
  border: 1px solid var(--color-primary) !important;
  cursor: pointer !important;
}

.lux-button:hover, .button:hover, input[type="submit"]:hover {
  background-color: transparent !important;
  color: var(--color-primary) !important;
}

.lux-button-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 48px;
  background-color: transparent;
  color: var(--color-primary);
  text-transform: uppercase;
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  border: 1px solid var(--color-border);
  cursor: pointer;
}

.lux-button-outline:hover {
  border-color: var(--color-primary);
}

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar { width: 3px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background-color: var(--color-border); border-radius: 4px; }
.custom-scrollbar:hover::-webkit-scrollbar-thumb { background-color: var(--color-accent); }

@keyframes marquee-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes marquee-right {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}
:root {
  --animate-marquee-left: marquee-left 60s linear infinite;
  --animate-marquee-right: marquee-right 60s linear infinite;
}

/* Base resets to allow Tailwind to work on WP content */
figure { margin: 0; }