/* ========================= BAZA (globalnie, archive + single) ========================= */ .shop-badges .badge, .single-badges .badge { display: inline-flex; align-items: center; padding: .35rem .60rem; font-weight: 800; font-size: clamp(11px, .82rem, 13px); letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; border-radius: 0; border: 1px solid transparent; line-height: 1; } .shop-badges .badge a, .single-badges .badge a { color: inherit; text-decoration: none; } /* ========================= ARCHIWA (products archive) ========================= */ /* Kontener pod okładką – HTML drukowany warunkowo z PHP */ .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .shop-badges { display: flex; gap: 6px; flex-wrap: wrap; margin: 6px 0; } /* odstęp między okładką a badge’ami */ .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img { margin: 0 0 13px; } /* kolejność */ .shop-badges .badge-zapowiedz { order: 1; } .shop-badges .badge-autograf { order: 2; } /* ========================= SINGLE PRODUCT (badge nad autorem – ACF) ========================= */ .single-product .single-badges { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0 12px; } .single-product .single-badges .badge { font-size: clamp(12px, .9rem, 14px); } .single-product .single-badges .badge-zapowiedz { order: 1; } .single-product .single-badges .badge-autograf { order: 2; } /* ukryj autograf przy audio/mp3 (JS dopina klasę) */ .single-product .single-badges .badge-autograf.is-hidden-by-variant { display: none; } /* Autograf ukryty przy wariantach audio/mp3 */ .single-product .single-badges .badge-autograf.is-hidden-by-variant { display: none !important; } /* Gdy nie ma żadnego „logicznie widocznego” badga — chowamy CAŁY widżet, by nie zostawała przerwa */ .single-product .badges-widget.is-empty { display: none !important; } .single-product .badges-widget.is-empty .elementor-widget-container { margin: 0 !important; padding: 0 !important; } /* (zostawiamy też dla porządku na samym wrapie) */ .single-product .single-badges.is-empty { display: none !important; margin: 0 !important; } /* ========================= KOLORY ========================= */ /* Zapowiedź – czarna globalnie */ .badge-zapowiedz { background: #000; color: #fff; } /* Autograf – per marka (klasa na ) */ .marka-axis-mundi .badge-autograf { background: rgba(0,143,105,.30); color: #000; } .marka-nemezis .badge-autograf { background: #e9bb77; color: #000; border-color: #e9bb77; } .marka-red .badge-autograf { background: #ee0715; color: #fff; } .marka-analityka .badge-autograf { background: #f26522; color: #fff; } .marka-starship .badge-autograf { background: rgb(19,34,90); color: #d7faff; } /* (opcjonalnie) delikatny kontur Zapowiedzi na Starship */ .marka-starship .badge-zapowiedz { border-color: #59648b; } /* Mobile */ @media (max-width: 480px) { .shop-badges { gap: 5px; margin: 6px 0 6px; } .shop-badges .badge, .single-badges .badge { font-size: 12px; } }