/*
Theme Name: Mr.Bubble
Theme URI: https://mrbubble.com
Author: Mr.Bubble Heritage
Description: Mr.Bubble - Western Heritage hat brand. Premium cowboy hats, B2B wholesale.
Version: 3.0
Text Domain: mrbubble
*/

/* Product card image enhancement - warm premium tone */
.product-card {
    filter: saturate(1.15) contrast(1.05) brightness(1.02);
    transition: filter 0.4s ease, transform 0.5s ease;
}
.product-card:hover {
    filter: saturate(1.25) contrast(1.1) brightness(1.05);
    transform: scale(1.03);
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Body base font (Work Sans) */
body {
    font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: #f9f9f9;
    color: #351000;
    overflow-x: hidden;
}

/* Material Symbols base */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

/* Editorial hover effects */
.editorial-image-hover { overflow: hidden; }
.editorial-image-hover img { transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); }
.editorial-image-hover:hover img { transform: scale(1.04); }

.transition-soft { transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }

/* Fade in animation */
.fade-in { animation: fadeIn 1.2s ease-out forwards; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Headline serif */
.font-headline-xl, .font-headline-lg, .font-headline-md, .font-display-lg {
    font-family: 'Newsreader', Georgia, serif;
}

/* Selection color */
::selection {
    background: #b15f00;
    color: #fffbff;
}