/*
 * PidoGame editorial content: blog archives, posts, rich content and related content.
 * Generated from the 1.8.38 monolith and maintained as an independent module.
 */

/* PidoGame blog system and content components. */

/* Store filter order is defined in markup: status, category, search. */
.pido-shop-filters {
    grid-template-columns: minmax(190px, 1fr) minmax(210px, 1fr) minmax(260px, 1.5fr) auto;
}

/* A sidebar-free archive/search expands naturally instead of reserving a column. */
.pido-blog-layout--no-sidebar {
    grid-template-columns: minmax(0, 1fr);
}

/* Single post metadata: colorful icons with restrained text. */
.pido-post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
}

.pido-post-meta__item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--pido-text-muted);
    font-size: calc(.8rem + 2px);
    font-weight: var(--pido-font-weight-semibold, 600);
    line-height: 1.6;
}

.pido-post-meta__item svg {
    width: 21px;
    height: 21px;
    flex: 0 0 auto;
}

.pido-post-meta__item--date svg {
    color: #4f7cff;
}

.pido-post-meta__item--category svg {
    color: #e99516;
}

.pido-post-meta__links a {
    color: var(--pido-text-muted) !important;
    text-decoration: none !important;
}

.pido-post-meta__links a:hover {
    color: var(--pido-primary) !important;
}

.pido-single-post-title {
    margin: 0;
    color: var(--pido-text);
    font-size: clamp(1.35rem, 2vw, 1.7rem);
    font-weight: var(--pido-font-weight-bold, 700);
    line-height: 1.75;
}

.pido-single-post-cover {
    margin-inline: 0;
    overflow: hidden;
    border-radius: var(--pido-radius-card);
}

.pido-single-post-cover img {
    display: block;
    width: 100%;
    height: auto;
}

/* Shared rich-content rhythm for posts, pages and product descriptions. */
.pido-rich-content,
.single-post .entry-content {
    color: var(--pido-text-muted);
    font-size: 1rem;
    line-height: 2;
}

.pido-rich-content > *:first-child,
.single-post .entry-content > *:first-child {
    margin-top: 0;
}

.pido-rich-content > *:last-child,
.single-post .entry-content > *:last-child {
    margin-bottom: 0;
}

.pido-rich-content p,
.single-post .entry-content p {
    margin: 0 0 1rem;
    line-height: 2;
}

.pido-rich-content :is(h2, h3, h4, h5, h6),
.single-post .entry-content :is(h2, h3, h4, h5, h6) {
    color: var(--pido-text);
    line-height: 1.65;
    margin-block: 1.9rem .85rem;
}

.pido-rich-content img,
.single-post .entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: var(--pido-radius-card);
}

.pido-rich-content :is(figure, .wp-caption, .alignwide, .alignfull),
.single-post .entry-content :is(figure, .wp-caption, .alignwide, .alignfull) {
    width: auto !important;
    max-width: 100% !important;
    margin-inline: auto !important;
}

/* Compact author identity below post tags. */
.pido-post-tags__label {
    display: block;
    margin-bottom: 10px;
    color: var(--pido-text);
    font-size: .88rem;
    font-weight: var(--pido-font-weight-bold, 700);
}


.pido-post-tag {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: .45rem .8rem !important;
    border: 1px solid var(--pido-border) !important;
    border-radius: var(--pido-radius-control) !important;
    background: var(--pido-surface-soft) !important;
    color: var(--pido-text-muted) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease;
}

.pido-post-tag:hover,
.pido-post-tag:focus-visible {
    border-color: color-mix(in srgb, var(--pido-border) 62%, var(--pido-primary) 38%) !important;
    background: color-mix(in srgb, var(--pido-surface-soft) 92%, var(--pido-primary) 8%) !important;
    color: var(--pido-primary) !important;
}

html[data-pido-theme="dark"] body.pido-theme .pido-post-tag {
    border-color: var(--pido-border) !important;
    background: color-mix(in srgb, var(--pido-surface-soft) 94%, #fff 6%) !important;
    color: var(--pido-text-muted) !important;
}

.pido-post-byline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    padding-top: 15px;
    border-top: 1px solid var(--pido-border);
}

.pido-post-byline__author,
.pido-post-byline__comments {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--pido-text) !important;
    font-size: calc(.82rem + 2px);
    font-weight: var(--pido-font-weight-bold, 700);
    text-decoration: none !important;
}

.pido-post-byline__avatar,
.pido-post-byline__avatar img {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.pido-post-byline__comments {
    color: var(--pido-text-muted) !important;
    font-weight: var(--pido-font-weight-semibold, 600);
}

.pido-post-byline__comments svg {
    width: 18px;
    height: 18px;
    color: #21a875;
}

.pido-post-byline__separator {
    width: 1px;
    height: 24px;
    background: var(--pido-border);
}

/* Related posts live in their own card below the article. */
.pido-section-heading {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px dashed var(--pido-border);
}

.pido-section-heading h2 {
    margin: 0;
    color: var(--pido-text);
    font-size: 1.15rem;
    font-weight: var(--pido-font-weight-extrabold, 800);
}

.pido-related-posts__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.pido-related-post {
    overflow: hidden;
    border: 1px solid var(--pido-border);
    border-radius: var(--pido-radius-card);
    background: var(--pido-surface);
    transition: border-color .18s ease, background-color .18s ease;
}

.pido-related-post:hover {
    border-color: color-mix(in srgb, var(--pido-border) 52%, var(--pido-primary) 48%);
    background: color-mix(in srgb, var(--pido-surface) 96%, var(--pido-primary) 4%);
}

.pido-related-post__media {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--pido-surface-soft);
}

.pido-related-post__media img,
.pido-related-post__placeholder {
    display: block;
    width: 100%;
    height: 100%;
}

.pido-related-post__media img {
    object-fit: cover;
}

.pido-related-post__placeholder {
    display: grid;
    place-items: center;
    color: var(--pido-text-muted);
}

.pido-related-post__body {
    padding: 14px 15px 16px;
}

.pido-related-post__body h3 {
    margin: 0 0 10px;
    font-size: .94rem;
    line-height: 1.75;
}

.pido-related-post__body h3 a {
    color: var(--pido-text) !important;
    text-decoration: none !important;
}

.pido-related-post__body h3 a:hover {
    color: var(--pido-primary) !important;
}

.pido-related-post__body time {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--pido-text-muted);
    font-size: calc(.75rem + 2px);
    line-height: 1.5;
}

.pido-related-post__body time svg {
    width: 16px;
    height: 16px;
    color: #4f7cff;
}

/* Blog related products reuse the product-page related-product component. */
.related-products-wrapper .related-products-grid {
    row-gap: 2rem;
}

.related-products-wrapper .related-product-card {
    height: 100%;
}

.related-products-wrapper .related-thumb {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    border-radius: var(--pido-radius-card);
    background: var(--pido-surface-soft);
}

.related-products-wrapper .related-thumb img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media (max-width: 1199.98px) {
    .pido-shop-filters {
        grid-template-columns: minmax(170px, 1fr) minmax(190px, 1fr) minmax(220px, 1.3fr) auto;
    }
}

@media (max-width: 767.98px) {
    .pido-shop-filters {
        grid-template-columns: 1fr 1fr;
    }

    .pido-shop-filters__field--search {
        grid-column: 1 / -1;
    }

    .pido-blog-card {
        grid-template-columns: minmax(170px, 36%) minmax(0, 1fr);
    }
}




/* ========================================================================
   PidoGame 1.7.1 — refined blog hierarchy and final pagination contract
   ======================================================================== */

html[data-pido-theme="dark"] .pido-blog-card__category {
    background: rgba(245, 165, 36, .14);
    color: #ffc96e !important;
}


@media (max-width: 767.98px) {
    .pido-blog-card {
        grid-template-columns: minmax(155px, 34%) minmax(0, 1fr);
    }

    .pido-blog-card__content {
        padding: 19px;
    }

    .pido-related-posts__grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 575.98px) {

    .pido-blog-card {
        grid-template-columns: 1fr;
    }

    .pido-blog-card__media,
    .pido-blog-card__media img,
    .pido-blog-card__placeholder {
        min-height: 205px;
    }

    .pido-blog-card__content {
        padding: 18px;
    }

    .pido-related-posts__grid {
        grid-template-columns: 1fr;
    }

    .pido-post-byline__separator {
        display: none;
    }
}


/* ========================================================================
   PidoGame 1.7.2 — restrained hover, original post metadata and pagination
   ======================================================================== */

/* Archive interactions remain visible without creating movement or a strong tint. */
body.pido-theme .pido-product-card__link:hover .pido-product-card,
body.pido-theme .pido-product-card:hover {
    border-color: var(--pido-border) !important;
    background-color: color-mix(in srgb, var(--pido-surface) 97%, var(--pido-text) 3%) !important;
}

body.pido-theme .pido-blog-card:hover,
body.pido-theme .pido-related-post:hover {
    border-color: color-mix(in srgb, var(--pido-border) 74%, var(--pido-primary) 26%) !important;
    background-color: color-mix(in srgb, var(--pido-surface) 98%, var(--pido-primary) 2%) !important;
}

body.pido-theme .pido-blog-card:hover .pido-blog-card__media img {
    opacity: .98;
}

/* The decorative archive accent was not part of the original card language. */
body.pido-theme .pido-blog-card::before {
    content: none !important;
    display: none !important;
}

/* Category chip now uses the primary palette instead of the previous orange tint. */
body.pido-theme .pido-blog-card__category {
    background: rgba(var(--pido-primary-rgb), .09) !important;
    color: color-mix(in srgb, var(--pido-primary) 78%, #005778 22%) !important;
}

html[data-pido-theme="dark"] body.pido-theme .pido-blog-card__category {
    background: rgba(var(--pido-primary-rgb), .14) !important;
    color: #79d0ff !important;
}

/* Restore the restrained metadata language of the original theme. */
body.pido-theme .pido-post-meta {
    gap: 10px 28px;
}

body.pido-theme .pido-post-meta__item,
body.pido-theme .pido-post-meta__links a {
    color: #a1a5b7 !important;
    font-size: .82rem;
    font-weight: var(--pido-font-weight-bold, 700);
    line-height: 1.55;
}

body.pido-theme .pido-post-meta__item svg,
body.pido-theme .pido-post-meta__item--date svg,
body.pido-theme .pido-post-meta__item--category svg {
    width: 18px;
    height: 18px;
    color: var(--pido-primary) !important;
}

body.pido-theme .pido-post-meta__links a:hover,
body.pido-theme .pido-post-meta__links a:focus-visible {
    color: var(--pido-primary) !important;
}

body.pido-theme .pido-single-post-title {
    color: color-mix(in srgb, var(--pido-text) 84%, var(--pido-text-muted) 16%) !important;
    font-size: clamp(1.225rem, 1.8vw, 1.575rem);
    font-weight: var(--pido-font-weight-bold, 700);
}

/* Keep the compact author/comment row close to the following content. */
body.pido-theme .pido-post-byline {
    gap: 8px 12px;
    padding-top: 12px;
    margin-bottom: 0;
}

body.pido-theme .pido-post-byline__comments {
    color: #a1a5b7 !important;
    font-size: .82rem;
    font-weight: var(--pido-font-weight-bold, 700);
}

body.pido-theme .pido-post-byline__comments svg {
    width: 18px;
    height: 18px;
    color: var(--pido-primary) !important;
}

/* Recent-post widget: title-only, with a more readable type size. */
body.pido-theme .pido-sidebar-post strong {
    font-size: .9rem;
    line-height: 1.75;
}

body.pido-theme .pido-sidebar-post small {
    display: none !important;
}



/* ========================================================================
   PidoGame 1.7.3 — lean archive metadata and seven-item pagination
   ======================================================================== */

/* Blog archive cards now end after the excerpt; author and CTA are removed. */
body.pido-theme .pido-blog-card__meta {
    font-size: calc(.78rem + 2px);
}

body.pido-theme .pido-blog-card__excerpt {
    margin-bottom: 0;
}

/* Increase single-post metadata/byline and related dates by exactly two pixels. */
body.pido-theme .pido-post-meta__item,
body.pido-theme .pido-post-meta__links a {
    font-size: calc(.82rem + 2px) !important;
}

body.pido-theme .pido-post-byline__author,
body.pido-theme .pido-post-byline__comments {
    font-size: calc(.82rem + 2px) !important;
}

body.pido-theme .pido-related-post__body time {
    font-size: calc(.75rem + 2px) !important;
}


/* ========================================================================
   PidoGame 1.7.4 — compact archive cards and refined single-post spacing
   ======================================================================== */

/* Archive cards: content first, metadata after the excerpt, with less vertical bulk. */
body.pido-theme .pido-blog-card {
    grid-template-columns: minmax(220px, 32%) minmax(0, 1fr);
}

body.pido-theme .pido-blog-card__media,
body.pido-theme .pido-blog-card__media img,
body.pido-theme .pido-blog-card__placeholder {
    min-height: 210px;
}

body.pido-theme .pido-blog-card__content {
    justify-content: flex-start;
    padding: 18px 22px;
}

body.pido-theme .pido-blog-card__title {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 7px;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.pido-theme .pido-blog-card__excerpt {
    -webkit-line-clamp: 3;
}

body.pido-theme .pido-blog-card__meta {
    order: 3;
    margin-top: 5px;
    margin-bottom: 0;
}

/* Add two pixels between post metadata and the H1 without altering the old layout contract. */
body.pido-theme .pido-post-meta + .pido-single-post-title {
    margin-top: 2px;
}

/* Reduce the empty area below the author/comment row inside the main article card. */
body.pido-theme .pido-single-post-card > .card-body {
    padding-bottom: 22px;
}

body.pido-theme .pido-single-post-main {
    margin-bottom: 0;
}

body.pido-theme .pido-post-byline {
    margin-bottom: 0;
}

/* Softer heading hierarchy for blog singles and archive pages. */
body.pido-theme .pido-single-post-title {
    color: color-mix(in srgb, var(--pido-text) 76%, var(--pido-text-muted) 24%) !important;
}

body.pido-theme .pido-shop-header__title,
body.pido-theme .pido-blog-archive-header h1,
body.archive.pido-theme #kt_content h1,
body.search-results.pido-theme #kt_content h1 {
    color: color-mix(in srgb, var(--pido-text) 82%, var(--pido-text-muted) 18%) !important;
}

@media (max-width: 767.98px) {
    body.pido-theme .pido-blog-card {
        grid-template-columns: minmax(150px, 33%) minmax(0, 1fr);
    }

    body.pido-theme .pido-blog-card__media,
    body.pido-theme .pido-blog-card__media img,
    body.pido-theme .pido-blog-card__placeholder {
        min-height: 190px;
    }

    body.pido-theme .pido-blog-card__content {
        padding: 16px 17px;
    }
}

@media (max-width: 575.98px) {
    body.pido-theme .pido-blog-card {
        grid-template-columns: 1fr;
    }

    body.pido-theme .pido-blog-card__media,
    body.pido-theme .pido-blog-card__media img,
    body.pido-theme .pido-blog-card__placeholder {
        min-height: 190px;
        max-height: 220px;
    }

    body.pido-theme .pido-blog-card__content {
        padding: 16px;
    }
}


/* ========================================================================
   PidoGame 1.7.6 — complete archive copy and stricter contextual products
   ======================================================================== */

/* Defeat legacy nowrap/ellipsis rules on both the heading and its link. */
body.pido-theme .pido-blog-card__title,
body.pido-theme .pido-blog-card__title a {
    display: block !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
    text-overflow: clip !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: initial !important;
}

/* Show two more useful lines than the previous six-line archive excerpt. */
body.pido-theme .pido-blog-card__excerpt {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
}

body.pido-theme .pido-blog-related-products .related-products-grid {
    row-gap: 2rem;
}

body.pido-theme .pido-blog-related-products .related-product-card {
    min-width: 0;
}

body.pido-theme .pido-blog-related-products .related-product-card .fs-6.text-dark {
    display: -webkit-box !important;
    overflow: hidden;
    min-height: 3.2em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* ========================================================================
   PidoGame 1.7.7 — tighter excerpts and softer archive hierarchy
   ======================================================================== */

/* Two fewer lines than 1.7.6 while preserving useful editorial context. */
body.pido-theme .pido-blog-card__excerpt {
    -webkit-line-clamp: 6;
}

/* Archive H1 headings are two pixels smaller and visually softer. */
body.pido-theme .pido-shop-header__title,
body.pido-theme .pido-blog-archive-header h1,
body.blog.pido-theme #kt_content h1,
body.archive.pido-theme #kt_content h1,
body.search-results.pido-theme #kt_content h1,
body.pido-theme .woocommerce-products-header__title,
body.pido-theme h1.page-title {
    color: color-mix(in srgb, var(--pido-text) 74%, var(--pido-text-muted) 26%) !important;
    font-size: clamp(1.325rem, calc(2vw - 2px), 1.595rem) !important;
}

/* ========================================================================
   PidoGame 1.7.8 — compact blog related-product actions
   ======================================================================== */

/* Keep the product title/action rhythm compact without changing the shared
   related-product card structure used elsewhere in the theme. */
body.pido-theme .pido-blog-related-products .pido-blog-related-product__footer {
    margin-top: calc(1.25rem - 3px);
    min-width: 0;
}

body.pido-theme .pido-blog-related-products .pido-blog-related-product__price {
    min-width: 0;
    font-size: 1.05rem !important;
    line-height: 1.45;
}

body.pido-theme .pido-blog-related-products .pido-blog-related-product__button {
    flex: 0 0 auto;
    white-space: nowrap;
    word-break: keep-all;
}

@media (max-width: 374.98px) {
    body.pido-theme .pido-blog-related-products .pido-blog-related-product__footer {
        gap: .5rem !important;
    }

    body.pido-theme .pido-blog-related-products .pido-blog-related-product__price {
        font-size: 1rem !important;
    }

    body.pido-theme .pido-blog-related-products .pido-blog-related-product__button {
        padding-inline: .75rem;
    }
}

/* PidoGame 1.8.50 — unified soft blue product card hover. */
body.pido-theme .pido-product-card__title,
body.pido-theme .pido-product-card__title a {
    color: color-mix(in srgb, var(--pido-text) 88%, var(--pido-text-muted) 12%) !important;
}

body.pido-theme .pido-product-card__link:hover .pido-product-card,
body.pido-theme .pido-product-card:hover {
    border-color: color-mix(in srgb, var(--pido-border) 86%, var(--pido-primary) 14%) !important;
    background-color: color-mix(in srgb, var(--pido-surface) 96.5%, var(--pido-primary) 3.5%) !important;
}

body.pido-theme .pido-product-card__link:hover .pido-product-card .pido-product-card__footer,
body.pido-theme .pido-product-card:hover .pido-product-card__footer {
    background-color: color-mix(in srgb, var(--pido-surface) 96.5%, var(--pido-primary) 3.5%) !important;
}

body.pido-theme .pido-product-card__link:hover .pido-product-card .pido-product-card__price,
body.pido-theme .pido-product-card:hover .pido-product-card__price,
body.pido-theme .pido-product-card__link:hover .pido-product-card .pido-product-card__stock--price,
body.pido-theme .pido-product-card:hover .pido-product-card__stock--price {
    background-color: color-mix(in srgb, var(--pido-surface-soft) 95%, var(--pido-primary) 5%) !important;
}

html[data-pido-theme="dark"] body.pido-theme .pido-product-card__link:hover .pido-product-card,
html[data-pido-theme="dark"] body.pido-theme .pido-product-card:hover {
    border-color: color-mix(in srgb, var(--pido-border) 80%, var(--pido-primary) 20%) !important;
    background-color: color-mix(in srgb, var(--pido-surface) 92%, var(--pido-primary) 8%) !important;
}

html[data-pido-theme="dark"] body.pido-theme .pido-product-card__link:hover .pido-product-card .pido-product-card__footer,
html[data-pido-theme="dark"] body.pido-theme .pido-product-card:hover .pido-product-card__footer {
    background-color: color-mix(in srgb, var(--pido-surface) 92%, var(--pido-primary) 8%) !important;
}

html[data-pido-theme="dark"] body.pido-theme .pido-product-card__link:hover .pido-product-card .pido-product-card__price,
html[data-pido-theme="dark"] body.pido-theme .pido-product-card:hover .pido-product-card__price,
html[data-pido-theme="dark"] body.pido-theme .pido-product-card__link:hover .pido-product-card .pido-product-card__stock--price,
html[data-pido-theme="dark"] body.pido-theme .pido-product-card:hover .pido-product-card__stock--price {
    background-color: color-mix(in srgb, var(--pido-surface-soft) 89%, var(--pido-primary) 11%) !important;
}

/* PidoGame 1.8.51 — quieter product and editorial card hover. */
body.pido-theme .pido-product-card__link:hover .pido-product-card,
body.pido-theme .pido-product-card:hover {
    border-color: color-mix(in srgb, var(--pido-border) 94%, var(--pido-primary) 6%) !important;
    background-color: color-mix(in srgb, var(--pido-surface) 98.6%, var(--pido-primary) 1.4%) !important;
}

body.pido-theme .pido-product-card__link:hover .pido-product-card .pido-product-card__body,
body.pido-theme .pido-product-card:hover .pido-product-card__body,
body.pido-theme .pido-product-card__link:hover .pido-product-card .pido-product-card__footer,
body.pido-theme .pido-product-card:hover .pido-product-card__footer {
    background-color: color-mix(in srgb, var(--pido-surface) 98.6%, var(--pido-primary) 1.4%) !important;
}

body.pido-theme .pido-product-card__link:hover .pido-product-card .pido-product-card__price,
body.pido-theme .pido-product-card:hover .pido-product-card__price,
body.pido-theme .pido-product-card__link:hover .pido-product-card .pido-product-card__stock--price,
body.pido-theme .pido-product-card:hover .pido-product-card__stock--price {
    background-color: color-mix(in srgb, var(--pido-surface-soft) 98%, var(--pido-primary) 2%) !important;
}

html[data-pido-theme="dark"] body.pido-theme .pido-product-card__link:hover .pido-product-card,
html[data-pido-theme="dark"] body.pido-theme .pido-product-card:hover {
    border-color: color-mix(in srgb, var(--pido-border) 90%, var(--pido-primary) 10%) !important;
    background-color: color-mix(in srgb, var(--pido-surface) 96.5%, var(--pido-primary) 3.5%) !important;
}

html[data-pido-theme="dark"] body.pido-theme .pido-product-card__link:hover .pido-product-card .pido-product-card__body,
html[data-pido-theme="dark"] body.pido-theme .pido-product-card:hover .pido-product-card__body,
html[data-pido-theme="dark"] body.pido-theme .pido-product-card__link:hover .pido-product-card .pido-product-card__footer,
html[data-pido-theme="dark"] body.pido-theme .pido-product-card:hover .pido-product-card__footer {
    background-color: color-mix(in srgb, var(--pido-surface) 96.5%, var(--pido-primary) 3.5%) !important;
}

html[data-pido-theme="dark"] body.pido-theme .pido-product-card__link:hover .pido-product-card .pido-product-card__price,
html[data-pido-theme="dark"] body.pido-theme .pido-product-card:hover .pido-product-card__price,
html[data-pido-theme="dark"] body.pido-theme .pido-product-card__link:hover .pido-product-card .pido-product-card__stock--price,
html[data-pido-theme="dark"] body.pido-theme .pido-product-card:hover .pido-product-card__stock--price {
    background-color: color-mix(in srgb, var(--pido-surface-soft) 95.5%, var(--pido-primary) 4.5%) !important;
}

body.pido-theme .pido-blog-card:hover,
body.pido-theme .pido-related-post:hover {
    border-color: color-mix(in srgb, var(--pido-border) 95%, var(--pido-primary) 5%) !important;
    background-color: color-mix(in srgb, var(--pido-surface) 99%, var(--pido-primary) 1%) !important;
}

html[data-pido-theme="dark"] body.pido-theme .pido-blog-card:hover,
html[data-pido-theme="dark"] body.pido-theme .pido-related-post:hover {
    border-color: color-mix(in srgb, var(--pido-border) 91%, var(--pido-primary) 9%) !important;
    background-color: color-mix(in srgb, var(--pido-surface) 97.5%, var(--pido-primary) 2.5%) !important;
}

body.pido-theme .pido-blog-card:hover .pido-blog-card__media img {
    opacity: .985 !important;
}