/* Store Theme - Brown Color Scheme
   Additional theme styles and color overrides */

/* Color palette: brown/amber on dark */
:root {
    --primary: #c8a951;
    --primary-dark: #a08030;
    --dark: #2c2c2c;
    --mid: #555;
    --light-bg: #f9f6f0;
}

body { background: #f9f6f0; }

/* Header accent */
#masthead { border-bottom-color: #c8a951; }

/* Navigation */
.main-navigation { background: #3c2a1a; }
.main-navigation ul li a { color: #e8d5a0; }
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a { color: #c8a951; }
.main-navigation ul ul { background: #4a3525; }

/* Top bar */
.top-bar, .top-menu-container { background: #1e1209; }

/* Section titles */
.section-title { border-bottom-color: #c8a951; color: #3c2a1a; }
.title-font { font-family: 'Lato', sans-serif; }

/* Product cards */
#coverflow .swiper-slide { border-color: #e8d5a0; }
#coverflow .swiper-slide:hover { border-color: #c8a951; box-shadow: 0 2px 8px rgba(200,169,81,0.2); }
.fg-item:hover { border-color: #c8a951; }

/* Featured products background */
#featured-products { background: #fff; border-top: 3px solid #c8a951; }
#coverflow { background: #f9f6f0; }

/* Slider background */
#slider-bg { background: #2c1a0a url() center center no-repeat; background-size: cover; }

/* Buttons */
.button, button, input[type="submit"], input[type="button"] {
    background: #c8a951;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 600;
}
.button:hover, button:hover { background: #a08030; }

/* Widget titles */
.widget-title { color: #3c2a1a; border-bottom-color: #c8a951; }

/* Links */
a { color: #c8a951; }
a:hover { color: #a08030; }

/* Footer */
#footer-sidebar { background: #1e1209; }
.site-footer { background: #120c04; }

/* Price display */
.amount { color: #c8a951; font-weight: 700; }
.price { color: #c8a951; }

/* Cart */
.cart-contents { color: #3c2a1a; }

/* Product details overlay */
.product-details {
    background: rgba(60, 42, 26, 0.85);
    color: #fff;
    padding: 8px;
    border-radius: 0 0 4px 4px;
}
.product-details h3 { color: #e8d5a0; font-size: 12px; margin: 0 0 4px; }
.product-details .amount { color: #c8a951; }

/* Swiper slide product cards (no background image) */
.swiper-slide .product-details {
    background: #f9f6f0;
    color: #333;
    padding: 10px;
}
.swiper-slide .product-details h3 { color: #3c2a1a; font-size: 13px; }

/* Hover effects */
.hvr-ripple-out {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #c8a951;
    color: #fff;
    border-radius: 50%;
    margin: 0 3px;
    font-size: 14px;
}
.hvr-ripple-out:hover { background: #a08030; }

/* Swiper button styling */
.swiper-button-white { background-color: rgba(255,255,255,0.3); color: #fff; }
.swiper-button-white:hover { background-color: rgba(200,169,81,0.7); }

/* Post navigation */
.nav-links a {
    display: inline-block;
    padding: 6px 14px;
    background: #c8a951;
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
}

/* Responsive grid overrides */
@media (min-width: 768px) {
    #featured-products .col-md-4 { width: 33.33%; float: left; }
    #featured-products .col-md-8 { width: 66.66%; float: left; }
    #primary .col-md-8 { width: 66.66%; float: left; }
    #secondary .col-md-4 { width: 33.33%; float: left; }
    .footer-column.col-md-3 { width: 25%; float: left; }
    .clearfix::after { content: ""; display: table; clear: both; }
}

/* Site branding */
.site-title { letter-spacing: -0.5px; }
.site-title a { color: #3c2a1a; }

/* Search in header */
#top-search { float: right; padding: 15px 0; }
#top-search .search-form .search-field { border-color: #ddd; }

/* Social icons area */
.social-icons { float: right; padding: 10px 0; }
.social-icons a { display: inline-block; margin-left: 6px; color: #aaa; font-size: 16px; }
.social-icons a:hover { color: #c8a951; }

/* Top bar layout */
.col-sm-6 { width: 50%; float: left; }