/**
 * ALS Surplus Theme — Base CSS
 *
 * Maps Figma Make font-family syntax to actual Google Fonts.
 * The Make source uses font-['Sora:Bold',sans-serif] etc. which Tailwind
 * interprets as literal font-family names. We shim them here.
 */

/* Reset */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Sora', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Figma Make uses font-['Sora:Bold',sans-serif] syntax in Tailwind classes.
   These resolve to literal CSS font-family: 'Sora:Bold', sans-serif.
   We override to use the actual Sora font with proper weight via @font-face aliases. */
[style*="font-family"] {
    font-family: 'Sora', sans-serif !important;
}

/* Link resets for card-style links */
a {
    text-decoration: none;
    color: inherit;
}

/* Ensure WooCommerce doesn't inject its own styles over ours */
.woocommerce .products,
.woocommerce-page .products {
    margin: 0;
    padding: 0;
}

/* Hide WooCommerce default elements we don't need */
.woocommerce-result-count,
.woocommerce-ordering,
.woocommerce-breadcrumb,
.price,
.woocommerce .star-rating {
    display: none !important;
}

/* Ensure images scale properly */
img {
    max-width: 100%;
    height: auto;
}

/* Smooth transitions */
.transition-colors {
    transition-property: color, background-color, border-color;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.transition-shadow {
    transition-property: box-shadow;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.transition-all {
    transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.transition-transform {
    transition-property: transform;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Line clamp utility */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}