/*
Theme Name: Fasterpen
Theme URI: http://fasterpen.com/
Author: Chan Tey Yun
Description: Premium blue-dominant brand theme inspired by Stabilo but differentiated for Faster.
Version: 1.0
Text Domain: fasterpen
*/

/* ==========================================================================
   GLOBAL BASE
   ========================================================================== */
html {
    overflow-x: hidden;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

/* ==========================================================================
   GLOBAL REVEAL ANIMATIONS (used on every page)
   ========================================================================== */
.reveal-up {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal-up.active {
    opacity: 1;
    transform: translateY(0);
}

.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-400 { transition-delay: 400ms; }

/* ==========================================================================
   GLOBAL NAVIGATION
   ========================================================================== */
nav ul li a {
    transition: color 0.3s ease;
}

nav ul li a:hover {
    color: #0651ed; /* brand-blue */
}

/* Current active page link */
nav ul li.current-menu-item a {
    color: #0651ed;
    position: relative;
}

nav ul li.current-menu-item a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #0651ed;
}

/* ==========================================================================
   WOOCOMMERCE / GLOBAL FIXES
   ========================================================================== */
.site-logo {
    height: 48px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
}

/* Fix for massive footer logo */
footer .site-logo {
    height: 48px !important;
}

/* Ensure WooCommerce content doesn't break the layout */
.woocommerce-page header, 
.woocommerce-page footer {
    width: 100% !important;
}