/*
Theme Name: Motor Sportsland Parts
Template: storefront
Author: Motor Sportsland
Description: Motor Sportsland RV parts store — Storefront child theme, branded to motorsportsland.com.
Version: 1.0
*/

:root { --msl-navy:#1E2A45; --msl-navy-2:#28375a; --msl-red:#c8202f; --msl-red-d:#a51826; }

body, .widget, p, li, td { font-family:'Roboto', Arial, sans-serif; color:#232733; }
h1,h2,h3,h4,h5,.site-title,.storefront-primary-navigation,.button,button,.price {
  font-family:'Montserrat','Roboto',Arial,sans-serif;
}

/* Header — navy */
.site-header { background:var(--msl-navy); border-top:4px solid var(--msl-red); }
.site-header, .site-header a, .site-branding .site-title a, .site-header .widget a { color:#fff; }
.main-navigation ul li a { color:#eef1f7; font-weight:600; letter-spacing:.02em; }
.main-navigation ul li a:hover, .main-navigation ul li.current-menu-item > a { color:#fff; }
.main-navigation ul li:hover, .main-navigation ul li.focus { background:var(--msl-navy-2); }
.site-search .widget_product_search input[type=search] { border-radius:4px; }

/* Links + prices */
a { color:var(--msl-navy); }
a:hover { color:var(--msl-red); }
.price, .woocommerce-Price-amount, .woocommerce ul.products li.product .price { color:var(--msl-navy); font-weight:700; }

/* Buttons — red accent */
.button, button, input[type=submit], .woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit, .woocommerce .widget_price_filter .price_slider_amount .button, .added_to_cart {
  background:var(--msl-red); color:#fff; border:0; border-radius:4px;
}
.button:hover, button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce #respond input#submit:hover, .added_to_cart:hover { background:var(--msl-red-d); color:#fff; }
.woocommerce button.button.alt, .woocommerce a.button.alt, .single_add_to_cart_button { background:var(--msl-red); }
.woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover { background:var(--msl-red-d); }

/* Product grid polish */
.woocommerce ul.products li.product { text-align:center; }
.woocommerce ul.products li.product h2, .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size:.95em; font-weight:600; color:#232733; min-height:2.6em;
}
.storefront-product-section .section-title, .page-template-template-homepage h2 { color:var(--msl-navy); }

/* Footer — navy */
.site-footer { background:var(--msl-navy); color:#c9d2e4; }
.site-footer a { color:#fff; }

/* Handheld bar + store notice */
.storefront-handheld-footer-bar, .woocommerce-store-notice, p.demo_store { background:var(--msl-navy); }
.storefront-handheld-footer-bar ul li.cart > a::before, .storefront-handheld-footer-bar ul li > a { color:#fff; }

/* Homepage: two columns so the "Shop by Category" sidebar sits beside the content (2026-07-28).
   Storefront's own homepage template is full-width and hard-sets, inside @media(min-width:768px):
     .page-template-template-homepage-php .content-area { width:100%; float:left; ... }
   template-homepage.php in this child theme adds the storefront_sidebar call; without this override
   the sidebar renders but drops full-width UNDER the content instead of beside it. Values and
   breakpoint are copied from Storefront's own .right-sidebar rules so the homepage matches every
   other store page exactly, and mobile still stacks (below 768px Storefront is single-column). */
@media (min-width: 768px) {
  .page-template-template-homepage .content-area,
  .page-template-template-homepage-php .content-area {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%;
  }
  .page-template-template-homepage .widget-area,
  .page-template-template-homepage-php .widget-area {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
  }
}