/* 
   CNCPACK Custom Industrial Styles
   Targeting High Performance and Tactile Quality
*/

:root {
    --industrial-gray: #2F3E46;
    --sage-green: #84A59D;
    --kraft-paper: #D2B48C;
    --kraft-light: #F5E6D3;
    --wood-warm: #8B5E3C;
    --charcoal: #2F2F2F;
}

html {
    scroll-behavior: smooth;
    background-color: #FDFBF7;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--charcoal);
}

/* Typography Enhancements */
h1, h2, h3, .font-display {
    letter-spacing: -0.01em;
}

/* Wood & Kraft Textures */
.wood-accent {
    border-left: 6px solid var(--wood-warm);
}

.kraft-texture {
    background-image: url('images/pinstriped-suit.png'); 
    background-color: var(--kraft-paper);
}

.bg-wood-pattern {
    background-color: #f3ece4;
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%238b5e3c' fill-opacity='0.03'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Industrial Border Effects */
.industrial-border {
    border: 1px solid rgba(47, 62, 70, 0.1);
    position: relative;
}

.industrial-border::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: var(--sage-green);
}

/* Button & Link Hover Effects */
.nav-link {
    position: relative;
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--sage-green);
    transition: width 0.3s ease;
}

.nav-link:hover::after {
    width: 100%;
}

/* Image Hover Zoom for Mobile Quality */
.zoom-on-hover img {
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.zoom-on-hover:hover img {
    transform: scale(1.05);
}

/* Responsive Adjustments for Spout Pouch Texture */
@media (max-width: 768px) {
    .hero-text {
        text-shadow: 0 2px 10px rgba(0,0,0,0.5);
    }
}

/* Scroll Fade Animation */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Scrollbar Hide Utility */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}