/* Lighthouse Trails look for the PS 9 classic theme (2026-10-11).
   The live LTPC-13 theme is the PS 1.6 default look: white pages, #333 text, grey #d6d4d4 borders, #428bca links, Open Sans.
   A pixel copy of LTPC-13 is not possible on PS 9 (different template engine); this matches palette, fonts and the logo. */
:root { --lt-blue: #428bca; --lt-blue-dark: #357ebd; --lt-blue-darker: #2a6496; --lt-text: #333; --lt-border: #d6d4d4; --lt-bg-soft: #f7f7f7; }
body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .btn, input, select, textarea { font-family: "Open Sans", Arial, Helvetica, sans-serif; }
body { color: var(--lt-text); background: #fff; }
a { color: var(--lt-blue); }
a:hover, a:focus { color: var(--lt-blue-darker); }
#header { background: #fff; border-bottom: 1px solid var(--lt-border); }
#header .header-nav { background: var(--lt-bg-soft); border-bottom: 1px solid var(--lt-border); }
#header .header-top { background: #fff; }
#header .logo { max-height: 90px; width: auto; }
#_desktop_top_menu .top-menu a[data-depth="0"] { color: var(--lt-text); font-weight: 600; text-transform: uppercase; }
#_desktop_top_menu .top-menu a[data-depth="0"]:hover { color: var(--lt-blue); }
.btn-primary { background: var(--lt-blue); border-color: var(--lt-blue-dark); color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: var(--lt-blue-dark); border-color: var(--lt-blue-darker); }
.product-flags li.product-flag { background: var(--lt-blue); }
.product-price, .price, .current-price { color: var(--lt-text); }
.card, .product-miniature .thumbnail-container { border: 1px solid var(--lt-border); box-shadow: none; }
#footer, .footer-container { background: var(--lt-bg-soft); border-top: 1px solid var(--lt-border); }
.footer-container li a, .footer-container .h3 { color: var(--lt-text); }
.footer-container li a:hover { color: var(--lt-blue); }
.page-footer { margin-top: 1rem; }

.aod-contact-note { color: var(--lt-blue); font-weight: 600; margin: 0 0 1rem; }

/* AOD mega menu (desktop only; mobile keeps the stock menu) */
.aod-mega { display: none; background: var(--lt-bg-soft); border-bottom: 1px solid var(--lt-border); }
@media (min-width: 768px) { .aod-mega { display: block; } #_desktop_top_menu { display: none; } }
.aod-mega .container { position: relative; }
.aod-mega ul.aod-mega-top { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; }
.aod-mega-tab { position: static; }
.aod-mega-tab > a { display: block; padding: .8rem 1rem; font-weight: 600; font-size: .82rem; text-transform: uppercase; color: var(--lt-text); }
.aod-mega-tab:hover > a, .aod-mega-tab:focus-within > a { color: var(--lt-blue); background: #fff; text-decoration: none; }
.aod-mega-sub { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 1000; background: #fff; border: 1px solid var(--lt-border); box-shadow: 0 6px 12px rgba(0,0,0,.12); padding: 1rem 1.25rem; }
.aod-mega-tab:hover > .aod-mega-sub, .aod-mega-tab:focus-within > .aod-mega-sub { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: .5rem 1.5rem; }
.aod-mega-col ul { list-style: none; margin: .25rem 0 .5rem; padding: 0; }
.aod-mega-col li a, .aod-mega-coltitle { display: block; padding: .15rem 0; font-size: .85rem; color: var(--lt-text); }
.aod-mega-coltitle { font-weight: 700; text-transform: uppercase; color: var(--lt-blue); }
.aod-mega-col a:hover { color: var(--lt-blue-darker); text-decoration: underline; }

/* AOD-LT-CATEGORY-BANNER 2026-10-23: classic theme forces .category-cover img to 141x180, which squashes the wide LT category banners (870x222). Show the banner full width at its natural ratio. */
.block-category .block-category-inner { display: block; }
.block-category .block-category-inner .category-cover { width: 100%; margin-bottom: 1rem; }
.block-category .block-category-inner .category-cover img { width: 100%; max-width: 870px; height: auto; }
.block-category { min-height: 0; }

/* AOD-LT-PRODUCT-IMAGE-BEGIN 2026-10-24: match live product page image size (live shows cover at ~321px wide; zoom shows thickbox size at natural aspect) */
#content.page-content .images-container .product-cover img,.images-container .js-qv-product-cover{max-width:321px;width:100%;height:auto}
.images-container .product-cover{text-align:left}
.modal-body .js-modal-product-cover,#product-modal .js-modal-product-cover{width:auto;max-width:100%;height:auto;max-height:90vh}
/* AOD-LT-PRODUCT-IMAGE-END */

/* AOD-LT-SUBCATEGORY-TILE-BEGIN: tiles use medium_default (125x125) like live */
#subcategories .subcategory-image img{width:125px;max-width:100%;height:auto}
/* AOD-LT-SUBCATEGORY-TILE-END */

/* AOD-LT-NO-DROPDOWNS-BEGIN: top nav buttons link straight to their page, no drop-down sub-menus (Deborah, 2026-11-07) */
#_desktop_top_menu .sub-menu,#_desktop_top_menu .popover{display:none!important}
#top-menu .navbar-toggler.collapse-icons,.js-top-menu.mobile .navbar-toggler.collapse-icons{display:none!important}
.js-top-menu.mobile .top-menu .top-menu{display:none!important}
nav.aod-mega .aod-mega-sub{display:none!important}
/* single nav bar: hide stock PS top menu on desktop, aodmegamenu bar stays (2026-11-07) */
#header #_desktop_top_menu{display:none!important}
/* AOD-LT-NO-DROPDOWNS-END */

/* AOD-LT-NO-PLACEHOLDER-BEGIN: subcategory tiles without an image show name only, like 1.6 (2026-11-07) */
#subcategories .subcategory-image:has(img[src*="/img/p/en-default"]){display:none!important}
/* AOD-LT-NO-PLACEHOLDER-END */