/* Lighthouse Trails site styles: colors, sizes and layout tweaks. Safe to edit.
   This file loads after the theme's other styles, so anything here wins.
   Change the color codes below, save, then refresh the store page.
   Keep a copy before big changes. */

:root { --lt-blue: #2b3742; --lt-blue-dark: #357ebd; --lt-blue-darker: #2a6496; --lt-text: #000000; --lt-border: #d6d4d4; --lt-bg-soft: #BF6B04; }


body { 
    background: var(--background-color, #8A9CAA); 
}
/* 1. Define the variable at the root level if you want to reuse it */
:root {
    --background-color: #8A9CAA;
}

/* 2. Apply it directly to the wrapper element where Classic theme handles pages */
#wrapper { 
    background-color: var(--background-color) !important; 
}

#content-wrapper {
    border: 0px solid #dee2e6;
    padding: 5px;
    background-color: #BFCFD9;
    border-radius: 4px;
}
/* More color options (added 2026-11-10). Change the codes, save, refresh the store. */
:root {
  --lt-header-text: #ffffff;   /* Call us line at the very top */
  --lt-footer-text: #ffffff;   /* text and links under Store information in the footer */
  --lt-heading: var(--lt-text); /* headings (h1, h2, h3 ...) */
  --lt-link: var(--lt-blue);    /* links */
  --lt-link-hover: var(--lt-blue-darker); /* links when the mouse is over them */
  --lt-nav-text: var(--lt-text);  /* top menu buttons */
  --lt-nav-hover: var(--lt-blue); /* top menu buttons on hover */
}

/* ---- Sizes, bold text and layout (set up by AOD 2026-11-10). Colors for these come from the variables near the top. ---- */
/* header top line (Call us) and footer Store information text */
#_desktop_contact_link, #contact-link, #contact-link a, #_mobile_contact_link, #_mobile_contact_link a { color: var(--lt-header-text, #fff); }
#footer .block-contact, #footer .block-contact a, #footer .block-contact .block-contact-info, #footer .block-contact p:not(.block-contact-title) { color: var(--lt-footer-text, #fff); }
/* headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--lt-heading, inherit); }
/* home page Newest Products heading bold */
.featured-products .products-section-title { font-weight: 700; }
/* links and hovers */
a { color: var(--lt-link, var(--lt-blue)); }
a:hover, a:focus { color: var(--lt-link-hover, var(--lt-blue-darker)); }
/* top navigation: one size bigger (1rem to 1.125rem) and bold */
#_desktop_top_menu .top-menu a[data-depth="0"] { font-size: 1.125rem; font-weight: 700; color: var(--lt-nav-text, var(--lt-text)); }
#_desktop_top_menu .top-menu a[data-depth="0"]:hover { color: var(--lt-nav-hover, var(--lt-blue)); }
/* product page price one size bigger */
.product-prices .current-price-value, .product-prices .current-price { font-size: 1.25em; }