/*
Theme Name: Detroit Woo Starter
Theme URI: https://example.com/detroit-woo-starter
Author: You
Author URI: https://example.com
Description: A clean, minimal starter theme with WooCommerce support.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: detroit-woo
Tags: e-commerce, woocommerce, blog, minimal
*/

/* Base resets */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; line-height: 1.5; color: #111; }
a { color: #0d6efd; text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; }
.container { width: min(1100px, 92%); margin: 0 auto; }
header.site-header { border-bottom: 1px solid #eee; }
.site-branding a { font-weight: 700; font-size: 1.25rem; display: inline-block; padding: 0.75rem 0; }
.main-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 1rem; }
.site-footer { border-top: 1px solid #eee; margin-top: 2rem; padding: 2rem 0; color: #555; font-size: .9rem; }

/* Layout */
.content-area {/*display: grid;*/ grid-template-columns: 1fr; gap: 2rem; padding: 2rem 0; }
@media (min-width: 992px) {
  .content-area { grid-template-columns: 1fr 300px; }
}
.sidebar { background: #fafafa; border: 1px solid #eee; padding: 1rem; }

/* Buttons */
button, .button, .wp-element-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  display: inline-block; border: 1px solid #0d6efd; background: #0d6efd; color: #fff; padding: .6rem 1rem; border-radius: .5rem; cursor: pointer; transition: opacity .15s ease-in-out; }
button:hover, .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { opacity: .85; text-decoration: none; }

/* Woo basics */
.woocommerce .products { /*display: grid;*/ grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 1.25rem; }
.woocommerce ul.products li.product .price { color: #111; font-weight: 600; }
.woocommerce div.product .product_title { margin-bottom: .25rem; }
.woocommerce .woocommerce-breadcrumb { font-size: .9rem; margin: 1rem 0; color: #666; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;}

        /* Example CSS to display product thumbnails in search results */
    .search-results .product-thumbnail {
        display: block; /* Ensure the image container is visible */
        width: 100px; /* Adjust as needed */
        height: auto;
        margin-right: 15px; /* Add some spacing */
    }

    .search-results .product-thumbnail img {
        max-width: 100%;
        height: auto;
    }