.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}@media(max-width:1024px){.elementor-widget-shortcode .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-shortcode .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}}@media(max-width:767px){.elementor-widget-shortcode .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-shortcode .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}}/* Start custom CSS *//* ===== Golden Media — Shop grid + product card (WooCommerce loop) ===== */ .gm-shop-grid > p:empty { display: none; } .gm-shop-grid .woocommerce { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; width: 100%; } .gm-shop-grid .woocommerce::before, .gm-shop-grid .woocommerce::after { display: none; } /* toolbar */ .gm-shop-grid .woocommerce-result-count { order: 1; margin: 0; float: none; font-family: var(--gm-body), sans-serif; font-weight: 700; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--gm-muted); } .gm-shop-grid .woocommerce-ordering { order: 2; margin: 0; float: none; } .gm-shop-grid .woocommerce-ordering select { appearance: none; -webkit-appearance: none; min-width: 220px; font-family: var(--gm-body), sans-serif; font-size: 14px; font-weight: 500; color: var(--gm-ink); padding: 12px 44px 12px 18px; border: 1px solid var(--gm-line); border-radius: 999px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%239c7a12' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 18px center; box-shadow: none; cursor: pointer; transition: border-color .15s, box-shadow .15s; } .gm-shop-grid .woocommerce-ordering select:hover, .gm-shop-grid .woocommerce-ordering select:focus { border-color: var(--gm-gold); box-shadow: 0 0 0 3px rgba(201,162,39,.2); outline: none; } /* grid */ body .gm-shop-grid ul.products { order: 3; width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 8px 0 0; padding: 0; list-style: none; } body .gm-shop-grid ul.products::before, body .gm-shop-grid ul.products::after { display: none; content: none; } /* card */ body .gm-shop-grid ul.products li.product { position: relative; float: none; width: auto; margin: 0; padding: 0; display: flex; flex-direction: column; overflow: hidden; text-align: left; background: #fff; border: 1px solid var(--gm-line); border-radius: 18px; box-shadow: none; transition: none; } body .gm-shop-grid ul.products li.product, body .gm-shop-grid ul.products li.product:hover, body .gm-shop-grid ul.products li.product:focus-within { transform: none !important; box-shadow: none !important; border-color: var(--gm-line) !important; } /* thumb */ body .gm-shop-grid ul.products li.product a.woocommerce-LoopProduct-link:first-child, body .gm-shop-grid ul.products li.product .woocommerce-loop-image-link { position: relative; display: block; margin: 0; overflow: hidden; aspect-ratio: 4 / 3; background: var(--gm-cream-2); } body .gm-shop-grid ul.products li.product img { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; border-radius: 0; box-shadow: none; transform: scale(1); transform-origin: center; transition: transform .6s cubic-bezier(.25,.8,.25,1); will-change: transform; } body .gm-shop-grid ul.products li.product:hover img, body .gm-shop-grid ul.products li.product:focus-within img { transform: scale(1.06); } /* when Kadence/Woo puts title + price inside the image link, undo the ratio box */ body .gm-shop-grid ul.products li.product a.woocommerce-LoopProduct-link:first-child:has(.woocommerce-loop-product__title) { aspect-ratio: auto; background: none; } body .gm-shop-grid ul.products li.product a.woocommerce-LoopProduct-link:first-child:has(.woocommerce-loop-product__title) img { aspect-ratio: 4 / 3; height: auto; background: var(--gm-cream-2); } /* badge (sale) — same as .gm-badge */ body .gm-shop-grid ul.products li.product .onsale { position: absolute; z-index: 2; top: 14px; left: 14px; right: auto; margin: 0; min-width: 0; min-height: 0; padding: 5px 11px; font-family: var(--gm-body), sans-serif; font-weight: 700; font-size: 11px; line-height: 1.3; letter-spacing: .06em; text-transform: none; color: var(--gm-ink); background: var(--gm-gold); border-radius: 999px; box-shadow: none; } /* body */ body .gm-shop-grid ul.products li.product .product-details { flex: 1 1 auto; display: grid; grid-template-columns: minmax(0,1fr) auto; grid-template-rows: auto auto 1fr auto; align-items: center; padding: 22px 22px 24px; margin: 0; background: transparent; box-shadow: none; } body .gm-shop-grid ul.products li.product .product-details > * { grid-column: 1 / -1; } body .gm-shop-grid ul.products li.product .woocommerce-loop-product__title { grid-row: 1; margin: 0 0 8px; padding: 0; font-family: var(--gm-display), serif; font-weight: 700; font-size: 22px; line-height: 1.2; letter-spacing: -.005em; color: var(--gm-ink); } body .gm-shop-grid ul.products li.product .woocommerce-loop-product__title a { color: inherit; text-decoration: none; transition: color .15s; } body .gm-shop-grid ul.products li.product .woocommerce-loop-product__title, body .gm-shop-grid ul.products li.product .woocommerce-loop-product__title a, body .gm-shop-grid ul.products li.product .woocommerce-loop-product__title a:hover { color: var(--gm-ink); transform: none !important; transition: none !important; } body .gm-shop-grid ul.products li.product .star-rating-wrap, body .gm-shop-grid ul.products li.product > .star-rating { grid-row: 2; margin: 0 0 12px; } body .gm-shop-grid ul.products li.product .star-rating { font-size: 13px; color: var(--gm-gold); margin: 0; } body .gm-shop-grid ul.products li.product .star-rating::before { color: var(--gm-line); } /* foot: price + button share a ruled row (like .gm-card-foot) */ body .gm-shop-grid ul.products li.product .price { grid-row: 4; grid-column: 1; align-self: stretch; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin: 16px 0 0; padding: 16px 0 0; border-top: 1px solid var(--gm-line); font-family: var(--gm-body), sans-serif; font-size: 13px; font-weight: 400; color: var(--gm-muted); } body .gm-shop-grid ul.products li.product .price .amount, body .gm-shop-grid ul.products li.product .price ins { font-family: var(--gm-display), serif; font-weight: 700; font-size: 20px; color: var(--gm-ink); text-decoration: none; background: none; } body .gm-shop-grid ul.products li.product .price del { order: 2; opacity: 1; } body .gm-shop-grid ul.products li.product .price del .amount { font-family: var(--gm-body), sans-serif; font-weight: 400; font-size: 13px; color: var(--gm-muted); text-decoration: line-through; } body .gm-shop-grid ul.products li.product .product-action-wrap { grid-row: 4; grid-column: 2; align-self: stretch; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 6px; margin: 16px 0 0; padding: 16px 0 0 12px; border-top: 1px solid var(--gm-line); position: static; opacity: 1; visibility: visible; transform: none; } /* button — same as .gm-btn-sm */ body .gm-shop-grid ul.products li.product .button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: auto; margin: 0; padding: 9px 16px; font-family: var(--gm-body), sans-serif; font-weight: 700; font-size: 13px; line-height: 1.2; letter-spacing: 0; text-transform: none; white-space: nowrap; color: var(--gm-cream); background: var(--gm-ink); border: 0; border-radius: 999px; box-shadow: none; opacity: 1; transform: none; transition: background-color .15s, color .15s; } body .gm-shop-grid ul.products li.product .button:hover, body .gm-shop-grid ul.products li.product .button:focus-visible { color: var(--gm-ink); background: var(--gm-gold); } body .gm-shop-grid ul.products li.product .button .kadence-svg-iconset { display: none; } body .gm-shop-grid ul.products li.product .button.loading { opacity: .6; } body .gm-shop-grid ul.products li.product .button.loading .kadence-spinner-svg, body .gm-shop-grid ul.products li.product .button.added .kadence-check-svg { display: inline-flex; } body .gm-shop-grid ul.products li.product .button.added { color: var(--gm-ink); background: var(--gm-gold); } body .gm-shop-grid ul.products li.product .added_to_cart { padding: 0; font-family: var(--gm-body), sans-serif; font-weight: 700; font-size: 12px; color: var(--gm-gold-deep); background: none; text-decoration: underline; text-underline-offset: 3px; } /* pagination */ .gm-shop-grid .woocommerce-pagination { order: 4; width: 100%; margin: 48px 0 0; text-align: center; } .gm-shop-grid .woocommerce-pagination ul.page-numbers { display: inline-flex; gap: 8px; margin: 0; padding: 0; border: 0; } .gm-shop-grid .woocommerce-pagination ul.page-numbers li { border: 0; margin: 0; float: none; } .gm-shop-grid .woocommerce-pagination .page-numbers a, .gm-shop-grid .woocommerce-pagination .page-numbers span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 14px; font-family: var(--gm-body), sans-serif; font-weight: 700; font-size: 14px; color: var(--gm-ink); background: #fff; border: 1px solid var(--gm-line); border-radius: 999px; text-decoration: none; transition: background-color .15s, color .15s, border-color .15s; } .gm-shop-grid .woocommerce-pagination .page-numbers a:hover { border-color: var(--gm-gold); color: var(--gm-gold-deep); } .gm-shop-grid .woocommerce-pagination .page-numbers span.current { color: var(--gm-gold-light); background: var(--gm-ink); border-color: var(--gm-ink); } /* empty state */ .gm-shop-grid .woocommerce-info, .gm-shop-grid .woocommerce-no-products-found .woocommerce-info { order: 3; width: 100%; margin: 0; padding: 56px 24px; text-align: center; font-family: var(--gm-display), serif; font-style: italic; font-size: 22px; color: var(--gm-ink); background: #fff; border: 1px dashed rgba(201,162,39,.6); border-radius: 18px; box-shadow: none; } .gm-shop-grid .woocommerce-info::before { display: none; } .gm-shop-grid .woocommerce-no-products-found { order: 3; width: 100%; } /* responsive */ @media (max-width: 1024px) { body .gm-shop-grid ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 767px) { body .gm-shop-grid ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } body .gm-shop-grid ul.products li.product .product-details { padding: 16px 16px 18px; grid-template-columns: 1fr; } body .gm-shop-grid ul.products li.product .woocommerce-loop-product__title { font-size: 18px; } body .gm-shop-grid ul.products li.product .product-action-wrap { grid-row: 5; grid-column: 1; align-items: stretch; margin: 12px 0 0; padding: 0; border: 0; } body .gm-shop-grid ul.products li.product .button { width: 100%; } .gm-shop-grid .woocommerce-ordering, .gm-shop-grid .woocommerce-ordering select { width: 100%; } } @media (max-width: 480px) { body .gm-shop-grid ul.products { grid-template-columns: 1fr; } } /* empty catalog (shortcode returns an empty wrapper when there are no products) */ .gm-shop-grid .woocommerce:empty { display: block; } .gm-shop-grid .woocommerce:empty::before { display: block; content: "New products are on their way — check back soon."; padding: 56px 24px; text-align: center; font-family: var(--gm-display), serif; font-style: italic; font-size: 22px; color: var(--gm-ink); background: #fff; border: 1px dashed rgba(201,162,39,.6); border-radius: 18px; } /* Kadence overrides: toolbar row, always-visible action, button look */ .gm-shop-grid .woocommerce-notices-wrapper:empty { display: none; } .gm-shop-grid .woocommerce-notices-wrapper { order: 0; width: 100%; } .gm-shop-grid .kadence-shop-top-row { order: 1; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin: 0; } .gm-shop-grid .kadence-shop-top-row .kadence-woo-results-count { margin-right: auto; } .gm-shop-grid .kadence-shop-top-row .kadence-woo-toggle { display: none; } .gm-shop-grid .kadence-shop-top-row .woocommerce-result-count, .gm-shop-grid .kadence-shop-top-row .woocommerce-ordering { margin: 0; } body .gm-shop-grid ul.products li.product .product-action-wrap, body .gm-shop-grid ul.products li.product .price { opacity: 1 !important; visibility: visible !important; transform: none !important; position: static !important; } body .gm-shop-grid ul.products li.product .product-action-wrap .button { display: inline-flex !important; padding: 9px 16px !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; color: var(--gm-cream) !important; background: var(--gm-ink) !important; border: 0 !important; border-radius: 999px !important; text-decoration: none !important; box-shadow: none !important; } body .gm-shop-grid ul.products li.product .product-action-wrap .button:hover, body .gm-shop-grid ul.products li.product .product-action-wrap .button:focus-visible, body .gm-shop-grid ul.products li.product .product-action-wrap .button.added { color: var(--gm-ink) !important; background: var(--gm-gold) !important; } body .gm-shop-grid ul.products li.product .product-action-wrap .button .kadence-svg-iconset { display: none !important; } @media (max-width: 767px) { body .gm-shop-grid ul.products li.product .product-action-wrap .button { width: 100%; justify-content: center; } } /* align foot row: price + button share one ruled line */ body .gm-shop-grid ul.products li.product .price, body .gm-shop-grid ul.products li.product .product-action-wrap { margin: 16px 0 0 !important; padding-top: 16px !important; padding-bottom: 0 !important; border-top: 1px solid var(--gm-line) !important; align-self: stretch !important; } body .gm-shop-grid ul.products li.product .product-action-wrap .button { margin: 0 !important; text-transform: none !important; letter-spacing: 0 !important; font-family: var(--gm-body), sans-serif !important; } @media (max-width: 767px) { body .gm-shop-grid ul.products li.product .product-action-wrap { margin: 12px 0 0 !important; padding-top: 0 !important; border-top: 0 !important; } } /* respect reduced motion */ @media (prefers-reduced-motion: reduce) { body .gm-shop-grid ul.products li.product img { transition: none !important; } body .gm-shop-grid ul.products li.product:hover img, body .gm-shop-grid ul.products li.product:focus-within img { transform: none !important; } } /* kill Kadence "action on hover" lift of the text block (title/price move up) */ body .gm-shop-grid ul.products li.product .entry-content-wrap, body .gm-shop-grid ul.products li.product:hover .entry-content-wrap, body .gm-shop-grid ul.products li.product:focus-within .entry-content-wrap { transform: none !important; transition: none !important; } body .gm-shop-grid ul.products li.product .product-action-wrap, body .gm-shop-grid ul.products li.product:hover .product-action-wrap, body .gm-shop-grid ul.products li.product:focus-within .product-action-wrap { bottom: auto !important; transition: none !important; }/* End custom CSS */