/* ===================================================================== * UK Coin Hunt — late override styles * * Extracted 2026-07-26 from ukch_hide_view_more_on_mobile_inline() in * functions.php, where these rules were rebuilt by PHP string concatenation * and injected inline into the of EVERY page — roughly 18KB of * render-blocking, uncacheable bytes on every single request. * * The content is byte-identical to what that function produced (it was * extracted by executing the builder, not retyped); only whitespace has * been added for readability. * * LOAD ORDER MATTERS. This is enqueued last, depending on 'main-style', so * it still wins against the per-template stylesheets it is overriding. * Nearly every rule here is !important for the same reason. * * These rules were originally inlined to dodge stale browser caching of * homepage-2026.css. That is now handled properly: the enqueue uses * ukch_asset_ver(), which content-hashes the file, so any edit here * changes the ?ver= string and reaches browsers immediately. * * Much of this is patching other stylesheets from the outside. The real * fix is to fold each block back into the file it overrides * (homepage-2026.css, category-page.css, carousel.css) and delete it — * worth doing incrementally, with a visual check after each block. * ===================================================================== */ @media (max-width: 768px) {.product-actions a.view-more-btn,.product-actions button.view-more-btn,.ukch-product-grid .product-actions .view-more-btn,.product-card .product-actions .view-more-btn,.hp26 .hp-product-action--view {display: none !important;visibility: hidden !important;width: 0 !important;overflow: hidden !important;} .product-actions .add-to-cart-btn,.product-actions a.add-to-cart-btn,.product-actions button.add-to-cart-btn {flex: 1 1 100% !important;width: 100% !important;max-width: 100% !important;} } .hp26 .hp-product-action--add.is-in-cart,.hp26 .hp-product-action--add.is-done {pointer-events: auto !important;cursor: pointer !important;} .hp26 .hp-product:hover { cursor: pointer; } .hp26 .hp-product-action--add.is-in-cart,.hp26 .hp-product-action--add.is-done {background: #cfa362 !important;border-color: #cfa362 !important;color: #ffffff !important;} .hp26 .hp-product-action--add.is-in-cart:hover,.hp26 .hp-product-action--add.is-in-cart:focus-visible {background: #8a6312 !important;border-color: #8a6312 !important;color: #ffffff !important;} .hp26 .hp-product-action--add.is-in-cart.is-loading {background: #8a6312 !important;border-color: #8a6312 !important;} .hp26 .hp-product-action--add.is-in-cart.is-loading .hp-add-done {opacity: 0 !important;} .hp26 .hp-product-action--add .hp-add-spinner {width: 18px !important;height: 18px !important;border-width: 2.5px !important;} .hp26 .hp-section-head {align-items: flex-end !important;} .hp26 .hp-section-head > div { min-width: 0; flex: 1 1 auto; } .hp26 .hp-section-head .hp-link { flex: 0 0 auto; padding-bottom: 6px; } @media (max-width: 480px) {.hp26 .hp-section-head { flex-direction: column; align-items: flex-start !important; gap: 8px; } .hp26 .hp-section-head .hp-link { padding-bottom: 0; } } @media (min-width: 980px) {body.hdr-stuck > header .container > .row:nth-of-type(2) {max-height: 200px !important;opacity: 1 !important;overflow: visible !important;pointer-events: auto !important;} } .hp26 .hp-section-head .hp-section-actions {display: inline-flex;align-items: center;gap: 10px;flex: 0 0 auto;} .hp26 .hp-section-head .slick-prev,.hp26 .hp-section-head .slick-next {position: static !important;top: auto !important;left: auto !important;right: auto !important;transform: none !important;width: 32px !important; height: 32px !important;border: 1px solid var(--hp-line, rgba(28,28,30,0.10)) !important;background: transparent !important;color: var(--hp-ink, #1c1c1e) !important;font-size: 13px !important; line-height: 1 !important;cursor: pointer; padding: 0;transition: background .15s ease, color .15s ease, border-color .15s ease;border-radius: 0;} .hp26 .hp-section-head .slick-prev:hover,.hp26 .hp-section-head .slick-next:hover {background: var(--hp-gold, #cfa362) !important;color: #fff !important;border-color: var(--hp-gold, #cfa362) !important;} .hp26 .hp-section-head .slick-prev::before,.hp26 .hp-section-head .slick-next::before { content: none !important; } .hp26 .hp-slider .slick-prev,.hp26 .hp-slider .slick-next { display: none !important; } @keyframes ukch-mini-wl-spin { to { transform: rotate(360deg); } } .ukch-cart-body .ukch-mini-rec__wl.loading i {animation: ukch-mini-wl-spin 0.8s linear infinite !important;transform-origin: 50% 50% !important;} .ukch-cart-body .ukch-mini-rec__check {display: none;font-size: 11px !important;line-height: 1 !important;color: #ffffff !important;} .ukch-cart-body .ukch-mini-rec__add.is-done {background: linear-gradient(180deg, #5cb85c 0%, #3d8b3d 100%) !important;border-color: #3d8b3d !important;transform: scale(1.06);} .ukch-cart-body .ukch-mini-rec__add.is-done .ukch-mini-rec__plus { display: none !important; } .ukch-cart-body .ukch-mini-rec__add.is-done .ukch-mini-rec__check { display: inline-block !important; } body.archive.tax-product_cat .ukch-subcat-row,.ukch-subcat-row { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 0 0 3rem; } @media (max-width: 1024px) { .ukch-subcat-row { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 640px) { .ukch-subcat-row { grid-template-columns: repeat(2, 1fr); gap: 12px; } } .ukch-subcat-row > [class*="col-"] { width: 100% !important; max-width: 100% !important; flex: 1 1 auto !important; padding: 0 !important; margin: 0 !important; } body.archive.tax-product_cat .ukch-subcat-row .custom-card,.ukch-subcat-row a.card.custom-card {position: relative !important;display: flex !important;flex-direction: column !important;aspect-ratio: 1 / 1 !important;background: #ffffff !important;border: 1px solid #ececec !important;border-radius: 14px !important;overflow: hidden !important;text-decoration: none !important;color: inherit !important;transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.28s ease !important;} body.archive.tax-product_cat .ukch-subcat-row .custom-card:hover,body.archive.tax-product_cat .ukch-subcat-row .custom-card:focus-visible {transform: translateY(-3px) !important;box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important;border-color: #cfa362 !important;outline: none !important;} body.archive.tax-product_cat .ukch-subcat-row .custom-card .card-img-wrapper {position: relative !important;flex: 1 1 auto !important;overflow: hidden !important;background: #fafafa !important;display: flex !important;align-items: center !important;justify-content: center !important;height: auto !important;} body.archive.tax-product_cat .ukch-subcat-row .custom-card .card-img-wrapper::after {content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(to bottom, rgba(0,0,0,0) 55%, rgba(0,0,0,0.25) 100%);transition: background 0.3s ease-out;} body.archive.tax-product_cat .ukch-subcat-row .custom-card:hover .card-img-wrapper::after,body.archive.tax-product_cat .ukch-subcat-row .custom-card:focus-visible .card-img-wrapper::after {background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0.4) 100%);} body.archive.tax-product_cat .ukch-subcat-row .custom-card .card-img-wrapper img,body.archive.tax-product_cat .ukch-subcat-row .custom-card img.card-img-top {width: 100% !important;height: 100% !important;object-fit: cover !important;object-position: center !important;padding: 0 !important;margin: 0 !important;border-radius: 0 !important;transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) !important;} body.archive.tax-product_cat .ukch-subcat-row .custom-card:hover img.card-img-top,body.archive.tax-product_cat .ukch-subcat-row .custom-card:focus-visible img.card-img-top {transform: scale(1.04) !important;} body.archive.tax-product_cat .ukch-subcat-row .custom-card .card-body {flex-shrink: 0 !important;padding: 0.75rem 0.95rem 0.95rem !important;background: #ffffff !important;border-top: 1px solid #f2f2f2 !important;text-align: left !important;min-height: 0 !important;} body.archive.tax-product_cat .ukch-subcat-row .custom-card .card-title {margin: 0 !important;font-family: inherit !important;font-size: 0.92rem !important;font-weight: 600 !important;line-height: 1.3 !important;color: #1d1d1d !important;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} body.archive.tax-product_cat .ukch-subcat-row .custom-card .card-text {margin: 4px 0 0 !important;font-size: 0.78rem !important;line-height: 1.4 !important;color: #707070 !important;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} body.dark-mode body.archive.tax-product_cat .ukch-subcat-row .custom-card {background: #1e1e1e !important;border-color: #2a2a2a !important;} body.dark-mode body.archive.tax-product_cat .ukch-subcat-row .custom-card .card-body {background: #1e1e1e !important;border-top-color: #2a2a2a !important;} body.dark-mode body.archive.tax-product_cat .ukch-subcat-row .custom-card .card-title { color: #f3ece0 !important; } body.dark-mode body.archive.tax-product_cat .ukch-subcat-row .custom-card .card-text { color: #b8b0a3 !important; } body.dark-mode body.archive.tax-product_cat .ukch-subcat-row .custom-card:hover,body.dark-mode body.archive.tax-product_cat .ukch-subcat-row .custom-card:focus-visible {box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5) !important;border-color: #cfa362 !important;} body.tax-product_cat .ukch-product-grid .product-card,body.post-type-archive-product .ukch-product-grid .product-card {border-radius: 14px !important;border: 1px solid #ececec !important;background: #ffffff !important;overflow: hidden !important;transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.28s ease !important;} body.dark-mode .ukch-product-grid .product-card {background: #1e1e1e !important;border-color: #2a2a2a !important;} .ukch-product-grid .product-card:hover,.ukch-product-grid .product-card:focus-within {transform: translateY(-3px) !important;box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important;border-color: #cfa362 !important;} .ukch-product-grid .product-image-wrapper {position: relative;overflow: hidden;} .ukch-product-grid .product-image-wrapper::after {content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(to bottom, rgba(0,0,0,0) 70%, rgba(0,0,0,0.06) 100%);transition: background 0.3s ease-out;} .ukch-product-grid .product-card:hover .product-image-wrapper::after,.ukch-product-grid .product-card:focus-within .product-image-wrapper::after {background: linear-gradient(to bottom, rgba(0,0,0,0) 55%, rgba(0,0,0,0.12) 100%);} .ukch-product-grid .product-card .product-image-wrapper img {transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) !important;} .ukch-product-grid .product-card:hover .product-image-wrapper img,.ukch-product-grid .product-card:focus-within .product-image-wrapper img {transform: scale(1.04) !important;} .ukch-product-grid .product-card .product-title {font-family: inherit !important;font-size: 0.95rem !important;font-weight: 600 !important;line-height: 1.3 !important;color: #1d1d1d !important;margin: 0 0 6px !important;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .ukch-product-grid .product-card .product-title a { color: inherit !important; text-decoration: none; } body.dark-mode .ukch-product-grid .product-card .product-title,body.dark-mode .ukch-product-grid .product-card .product-title a {color: #f3ece0 !important;} .ukch-product-grid .product-card .product-price {font-size: 1rem !important;font-weight: 700 !important;color: #b88d4f !important;margin: 0 0 12px !important;} body.dark-mode .ukch-product-grid .product-card .product-price { color: #e5c48a !important; } .ukch-product-grid .product-card .product-info {padding: 0.85rem 0.95rem 0.95rem !important;border-top: 1px solid #f2f2f2;} body.dark-mode .ukch-product-grid .product-card .product-info { border-top-color: #2a2a2a; } #coinCarousel.custom-full-width-section,.custom-full-width-section#coinCarousel {background:radial-gradient(ellipse at top left, rgba(207,163,98,0.10), transparent 55%),radial-gradient(ellipse at bottom right, rgba(207,163,98,0.06), transparent 55%),linear-gradient(180deg, #f6ecda 0%, #faf4e8 100%) !important;} .custom-full-width-section .text-white,.custom-full-width-section .text-white h2,.custom-full-width-section .text-white p,.custom-full-width-section .col-12.col-md-8.text-white,.custom-full-width-section .col-12.col-md-8.text-white h2,.custom-full-width-section .col-12.col-md-8.text-white p {color: #1c1c1e !important;} body.dark-mode #coinCarousel.custom-full-width-section,body.dark-mode .custom-full-width-section#coinCarousel {background:radial-gradient(ellipse at top left, rgba(207,163,98,0.18), transparent 55%),radial-gradient(ellipse at bottom right, rgba(207,163,98,0.10), transparent 55%),linear-gradient(180deg, #1a1a1a 0%, #242424 100%) !important;} body.dark-mode .custom-full-width-section .text-white,body.dark-mode .custom-full-width-section .text-white h2,body.dark-mode .custom-full-width-section .text-white p,body.dark-mode .custom-full-width-section .col-12.col-md-8.text-white,body.dark-mode .custom-full-width-section .col-12.col-md-8.text-white h2,body.dark-mode .custom-full-width-section .col-12.col-md-8.text-white p {color: #ffffff !important;} #coinCarousel .view-more-btn,.custom-full-width-section .view-more-btn {background: transparent !important;background-color: transparent !important;color: #b88d4f !important;border: 1.5px solid #cfa362 !important;} #coinCarousel .view-more-btn:hover,#coinCarousel .view-more-btn:focus-visible,.custom-full-width-section .view-more-btn:hover {background: #cfa362 !important;background-color: #cfa362 !important;color: #1c1c1e !important;border-color: #cfa362 !important;} body.dark-mode #coinCarousel .view-more-btn,body.dark-mode .custom-full-width-section .view-more-btn {background: transparent !important;background-color: transparent !important;color: #ffffff !important;border: 1.5px solid #ffffff !important;} body.dark-mode #coinCarousel .view-more-btn:hover,body.dark-mode #coinCarousel .view-more-btn:focus-visible,body.dark-mode .custom-full-width-section .view-more-btn:hover {background: #ffffff !important;background-color: #ffffff !important;color: #1c1c1e !important;border-color: #ffffff !important;} .hp26 .hp-section { padding: clamp(24px, 3.5vw, 56px) 0 !important; } .hp26 .hp-section-head { margin-bottom: clamp(16px, 2vw, 28px) !important; } .hp26 .hp-product {border: 1px solid #ececec !important;border-radius: 10px !important;overflow: hidden !important;transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;} .hp26 .hp-product:hover,.hp26 .hp-product:focus-within {transform: translateY(-3px) !important;box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important;border-color: #cfa362 !important;} body.dark-mode .hp26 .hp-product { border-color: #2a2a2a !important; } body.dark-mode .hp26 .hp-product:hover,body.dark-mode .hp26 .hp-product:focus-within {box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5) !important;border-color: #cfa362 !important;} .hp26 .hp-product-media { background: #fafafa !important; } body.dark-mode .hp26 .hp-product-media { background: #141414 !important; } .hp26 .hp-product-media img { padding: 12px !important; } .hp26 .hp-product-body { padding: 12px 14px 14px !important; } .hp26 .hp-product-actions { gap: 6px !important; margin-top: 8px !important; } .hp26 .hp-product-action {height: 40px !important;padding: 0 10px !important;font-size: 0.82rem !important;line-height: 1 !important;border-radius: 6px !important;overflow: hidden !important;text-overflow: ellipsis !important;} .hp26 .hp-product-action--add {background: #cfa362 !important;border-color: #cfa362 !important;color: #ffffff !important;font-size: 0.85rem !important;} .hp26 .hp-product-action--add:hover,.hp26 .hp-product-action--add:focus-visible {background: #b88d4f !important;border-color: #b88d4f !important;color: #ffffff !important;} .hp26 .hp-product-action--view {background: transparent !important;color: #cfa362 !important;border: 1px solid #cfa362 !important;} .hp26 .hp-product-action--view:hover,.hp26 .hp-product-action--view:focus-visible {background: #cfa362 !important;color: #ffffff !important;} body.dark-mode .hp26 .hp-product-action--add { color: #111 !important; } body.dark-mode .hp26 .hp-product-action--add:hover,body.dark-mode .hp26 .hp-product-action--add:focus-visible {background: #e5c48a !important;border-color: #e5c48a !important;color: #111 !important;} body.dark-mode .hp26 .hp-product-action--view { color: #e5c48a !important; } body.dark-mode .hp26 .hp-product-action--view:hover,body.dark-mode .hp26 .hp-product-action--view:focus-visible {background: #cfa362 !important;color: #111 !important;} .hp26 .hp-product-price {font-size: 1.02rem !important;font-weight: 700 !important;color: #cfa362 !important;line-height: 1.2 !important;margin: 0 !important;} .hp26 .hp-product-price del {color: #999 !important;font-weight: 500 !important;font-size: 0.85em !important;margin-right: 5px !important;opacity: 1 !important;text-decoration: line-through !important;} .hp26 .hp-product-price ins { background: none !important; text-decoration: none !important; color: #cfa362 !important; } body.dark-mode .hp26 .hp-product-price,body.dark-mode .hp26 .hp-product-price ins { color: #e5c48a !important; } body.dark-mode .hp26 .hp-product-price del { color: #7a7a7a !important; } .hp26 .hp-product-media .hp-stock {position: absolute !important;left: 10px !important;bottom: 10px !important;z-index: 3 !important;margin: 0 !important;padding: 4px 9px !important;font-size: 11px !important;font-weight: 600 !important;letter-spacing: 0.04em !important;border-radius: 4px !important;background: rgba(255, 255, 255, 0.96) !important;color: #9a5a1c !important;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) !important;display: inline-flex !important;align-items: center !important;gap: 5px !important;pointer-events: none !important;line-height: 1.2 !important;} .hp26 .hp-product-media .hp-stock i { font-size: 12px !important; color: #9a5a1c !important; } body.dark-mode .hp26 .hp-product-media .hp-stock {background: rgba(28, 28, 30, 0.92) !important;color: #e6c590 !important;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;} body.dark-mode .hp26 .hp-product-media .hp-stock i { color: #e6c590 !important; } @media (max-width: 640px) {.hp26 .hp-section { padding: 28px 0 !important; } .hp26 .hp-section-head { margin-bottom: 14px !important; } .hp26 .hp-section-head h2 { padding-bottom: 10px !important; } .hp26 .hp-section + .hp-section::before { display: none !important; } .hp26 .hp-section.hp-tone-story::after { display: none !important; } .hp26 .hp-section[aria-labelledby="hp-reviews-heading"] { padding: 24px 0 !important; } .hp26 .hp-cat-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; } .hp26 .hp-cat-label { padding: 10px 12px !important; font-size: 13px !important; } .hp26 .hp-cat-label .hp-arrow { font-size: 11px !important; } .hp26 .hp-section-head { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; } .hp26 .hp-section-head > div { width: 100%; } .hp26 .hp-section-head .hp-section-actions {display: inline-flex !important;align-items: center !important;gap: 8px !important;flex: 0 0 auto !important;} .hp26 .hp-section-head .slick-prev,.hp26 .hp-section-head .slick-next {display: inline-flex !important;align-items: center !important;justify-content: center !important;width: 30px !important;height: 30px !important;visibility: visible !important;opacity: 1 !important;} }