/*
Theme Name: UP8 Shop
Theme URI: https://shop.uniqueperspective8.com/
Author: Unique Perspective 8
Description: Shop theme with product categories, slugs, and category SEO titles.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: up8-shop
*/
body { margin: 0; font-family: Georgia, serif; color: #FFFFFF; background: #0B0D10; line-height: 1.45; }
a { color: #CFB53B; }
.wrap { width: min(980px, calc(100% - 32px)); margin: 0 auto; }
.site-header, .site-footer { padding: 22px 0; }
.doors { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.door { font-family: "Avenir Next", Gill Sans, sans-serif; text-decoration: none; border: 1px solid #CFB53B; background: #131619; color: #FFFFFF; padding: 8px 12px; font-size: 14px; }
h1 { font-weight: 500; }
.note { background: #131619; border: 1px solid #3A3F45; padding: 14px 16px; }
ul.products { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; list-style: none; padding: 0; }
ul.products li.product { background: #131619; border: 1px solid #3A3F45; padding: 12px; }

.mark { font-family: "Avenir Next", Gill Sans, sans-serif; letter-spacing: .12em; text-transform: uppercase; font-size: 12px; }
.mark a { color: #FFFFFF; text-decoration: none; }
.primary { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; font-family: "Avenir Next", Gill Sans, sans-serif; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.primary > .item { position: relative; }
.primary > .item > a { color: #FFFFFF; text-decoration: none; }
.primary > .item > a:after { content: " ▾"; font-size: 10px; }
.sub { display: none; position: absolute; z-index: 5; min-width: 200px; background: #131619; border: 1px solid #3A3F45; padding: 8px; }
.item:hover .sub, .item:focus-within .sub { display: grid; }
.sub a { text-decoration: none; color: #FFFFFF; text-transform: none; letter-spacing: 0; padding: 6px 4px; }
.rule { width: 1px; height: 18px; background: #3A3F45; }
.search input { border: 1px solid #3A3F45; background: #131619; padding: 6px 8px; font-family: inherit; }
.cart { color: #FFFFFF; text-decoration: none; }
.screen-reader { position: absolute; left: -999px; }

.sub a.child { padding-left: 16px; }

.announce { margin: 0; background: #CFB53B; color: #0B0D10; text-align: center; font-family: "Avenir Next", Gill Sans, sans-serif; font-size: 13px; padding: 8px 12px; }
.woocommerce-breadcrumb { font-family: "Avenir Next", Gill Sans, sans-serif; font-size: 13px; color: #71797E; }
@media (max-width: 760px) {
  .primary { display: block; }
  .sub { position: static; display: none; }
  .item:focus-within .sub { display: grid; }
  .rule { display: none; }
}