/* styles.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Heirloom Artcraft DemiBold 
@font-face {
    font-family: 'Heirloom Artcraft';
    src: url('./fonts/Heirloom Artcraft font/HeirloomArtcraft-DemiBold.eot');
    src: local('Heirloom Artcraft DemiBold'), local('HeirloomArtcraft-DemiBold'),
        url('./fonts/Heirloom Artcraft font/HeirloomArtcraft-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Heirloom Artcraft font/HeirloomArtcraft-DemiBold.woff2') format('woff2'),
        url('./fonts/Heirloom Artcraft font/HeirloomArtcraft-DemiBold.woff') format('woff'),
        url('./fonts/Heirloom Artcraft font/HeirloomArtcraft-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}*/

@font-face {
  font-family: 'Heirloom Artcraft';
  src: url('/fonts/Heirloom Artcraft font/HeirloomArtcraft-DemiBold.eot');
  src:
    local('Heirloom Artcraft DemiBold'),
    local('HeirloomArtcraft-DemiBold'),
    url('/fonts/HeirLorem Artcraft font/HeirloomArtcraft-DemiBold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Heirloom Artcraft font/HeirloomArtcraft-DemiBold.woff2') format('woff2'),
    url('/fonts/Heirloom Artcraft font/HeirloomArtcraft-DemiBold.woff') format('woff'),
    url('/fonts/Heirloom Artcraft font/HeirloomArtcraft-DemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

body {
    font-family: 'Heirloom Artcraft', serif;
    font-weight: 600;
    @apply bg-background text-text-primary antialiased;
}

/* NAVIGATION – Fully Tailwind-powered */
.nav-link {
    @apply relative font-medium text-nav-text transition-colors duration-300;
}

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

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

.nav-link:hover,
.nav-active {
    @apply text-nav-text-hover;
}

/* Order Button */
.order-btn {
    @apply bg-accent text-white px-6 py-2 rounded-full font-medium hover:bg-primary transition-colors duration-300;
}

/* Rest of your styles (card-hover, etc.) */
.card-hover {
    @apply transition-all duration-300 ease-in-out;
}

.card-hover:hover {
    @apply shadow-lg -translate-y-1;
}

.image-scale {
    @apply transition-transform duration-500 ease-in-out;
}

.image-scale:hover {
    @apply scale-105;
}

.overlay {
    @apply opacity-0 transition-opacity duration-300 flex items-center justify-center bg-black/50 text-white font-semibold;
}

.gallery-item:hover .overlay {
    @apply opacity-100;
}

.logo-font {
    font-family: 'Heirloom Artcraft', serif;
    font-weight: 600;
    font-style: normal;
}