/*
Theme Name:   Fresh Kicks Child
Theme URI:    https://freshkickssneaker.com
Description:  Flatsome child theme for Fresh Kicks Sneaker. All customizations live here so the parent theme can update safely.
Author:       Fresh Kicks Sneaker
Template:     flatsome
Version:      1.0.1
Text Domain:  flatsome-child
*/

/*
================================================================================
   FRESH KICKS SNEAKER - BRANDING
   Colors: Obsidian (#0B0C10) | Surface (#1F2833) | White | Light Gray (#F5F5F7) | Crimson Red (#E50914)
   Typography: Montserrat (headings uppercase 800, body 400-600)
   Shapes: sharp edges (0-4px), fast hovers (.2s)
================================================================================
*/

/* 1. BRANDING TOKENS */
:root {
    --fks-bg-primary: #0B0C10;
    --fks-bg-secondary: #1F2833;
    --fks-text-light: #FFFFFF;
    --fks-text-gray: #C5C6C7;
    --fks-bg-light: #F5F5F7;
    --fks-accent: #E50914;
    --fks-accent-hover: #B20710;
    --fks-font: 'Montserrat', sans-serif;
    --fks-radius: 0px;
}

/* 2. TYPOGRAPHY */
body, button, input, select, textarea,
.nav > li > a, .product-title, .price {
    font-family: var(--fks-font) !important;
}
h1, h2, h3, h4, h5, h6, .heading-font, .section-title {
    font-family: var(--fks-font) !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .02em;
}

/* 3. HEADER (dark, white/red logo) */
.header-main, .header-bottom, .header-wrapper.stuck .header-main {
    background-color: var(--fks-bg-primary) !important;
}
.header-main .nav > li > a, .header-bottom .nav > li > a,
.header-main .icon-shopping-bag, .header-main .header-button a {
    color: var(--fks-text-light) !important;
}
.header-main .nav > li > a:hover, .header-main .nav > li.active > a {
    color: var(--fks-accent) !important;
}
#top-bar { background-color: var(--fks-accent) !important; }
#top-bar, #top-bar a { color: #fff !important; }

/* 4. BUTTONS & SHAPES */
.button, button, input[type="submit"], .single_add_to_cart_button, .checkout-button {
    border-radius: var(--fks-radius) !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .05em;
    transition: background-color .2s ease, color .2s ease;
}
.button.primary, .button.alt, .single_add_to_cart_button, .checkout-button,
input[type="submit"].button {
    background-color: var(--fks-accent) !important;
    color: #fff !important;
}
.button.primary:hover, .button.alt:hover, .single_add_to_cart_button:hover, .checkout-button:hover {
    background-color: var(--fks-accent-hover) !important;
}
input, select, textarea, .box-image, .badge-inner { border-radius: var(--fks-radius) !important; }

/* 5. PRODUCT CARDS */
.product-small .box-text .product-title a { color: var(--fks-bg-primary); font-weight: 700; }
.product-small .price .amount { color: var(--fks-accent); font-weight: 800; }
.badge-container .badge-inner { background-color: var(--fks-accent) !important; }

/* 6. FOOTER */
.footer-wrapper, .absolute-footer { background-color: var(--fks-bg-primary) !important; color: var(--fks-text-gray); }
.footer-wrapper a { color: var(--fks-text-light); }
.footer-wrapper a:hover { color: var(--fks-accent); }