/* =========================================================
   PTK SEO
========================================================= */

.ptk-seo-internal-link{
    text-decoration:underline;
    text-underline-offset:2px;
}

/* =========================================================
   PTK SEO RELATED
   Match PTK Home Theme
========================================================= */

.ptk-seo-related{
    margin:28px 0 0;
    border-radius:0;
    box-shadow:0 10px 28px rgba(0,0,0,.12);
}

.ptk-seo-related-title{
    margin:0 0 14px;
    font-size:20px;
    line-height:1.25;
    font-weight:800;
    letter-spacing:.01em;
    color:#f1e2b8;
}

.ptk-seo-related-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:14px;
}

/* =========================================================
   CARD
========================================================= */

.ptk-seo-related-card{
    position:relative;
    display:block;
    overflow:hidden;

    text-decoration:none;
    color:#f3ead7 !important;

    border-radius:18px;
    border:1px solid rgba(196,154,61,.18);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.025)
        );

    box-shadow:0 10px 28px rgba(0,0,0,.12);

    isolation:isolate;

    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.ptk-seo-related-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(245,208,97,.32),
            transparent
        );

    opacity:.7;
    z-index:2;
}

.ptk-seo-related-card::after{
    content:"";
    position:absolute;
    inset:0;

    border-radius:inherit;
    border:1px solid rgba(245,208,97,0);

    opacity:0;
    pointer-events:none;
    z-index:3;

    transition:
        opacity .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

/* =========================================================
   IMAGE
========================================================= */

.ptk-seo-related-thumb{
    display:block;
    overflow:hidden;

    aspect-ratio:16/10;
    background:#111;

    border-radius:0;
}

.ptk-seo-related-thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;

    border-radius:0;

    transition:
        transform .22s ease,
        opacity .22s ease;
}

/* =========================================================
   TEXT
========================================================= */

.ptk-seo-related-text{
    display:block;
    padding:10px 12px;

    color:#f3ead7 !important;
    font-weight:700;
    line-height:1.45;
}

/* =========================================================
   HOVER
========================================================= */

.ptk-seo-related-card:hover{
    transform:translateY(-2px);

    border-color:rgba(196,154,61,.34);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.04)
        );

    box-shadow:
        0 18px 38px rgba(0,0,0,.20),
        0 0 0 1px rgba(245,208,97,.05);
}

.ptk-seo-related-card:hover::after,
.ptk-seo-related-card:focus-visible::after,
.ptk-seo-related-card:active::after{
    opacity:1;

    border-color:rgba(245,208,97,.28);

    box-shadow:
        0 0 0 1px rgba(245,208,97,.08),
        0 0 22px rgba(245,208,97,.08),
        inset 0 0 18px rgba(245,208,97,.03);
}

.ptk-seo-related-card:hover .ptk-seo-related-thumb img{
    transform:scale(1.03);
    opacity:.94;
}

.ptk-seo-related-card:hover .ptk-seo-related-text{
    color:#fff7e7 !important;
}

/* =========================================================
   TOUCH DEVICE
========================================================= */

@media (hover:none){

    .ptk-seo-related-card:active{
        transform:scale(.985);
    }

    .ptk-seo-related-card:active::after{
        opacity:1;

        border-color:rgba(245,208,97,.24);

        box-shadow:
            0 0 16px rgba(245,208,97,.10);
    }

}

/* =========================================================
   PTK SEO RELATED IMAGE OVERRIDE
========================================================= */

.single-post .ptk-single-post__content .ptk-seo-related-thumb{
    border-radius:0;
}

.single-post .ptk-single-post__content .ptk-seo-related-thumb img{
    border-radius:0;
}