/* =====================================================
   PD GROUP — PREMIUM FOOTER V2
   Lighter forest green + visible banknote / guilloche
   ===================================================== */


/* -----------------------------------------------------
   FOOTER FOUNDATION
   ----------------------------------------------------- */

.pd-footer {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;

    padding-top: 68px !important;

    background:
        radial-gradient(
            circle at 12% 30%,
            rgba(125, 174, 72, .10) 0,
            rgba(125, 174, 72, 0) 27%
        ),
        linear-gradient(
            135deg,
            #105335 0%,
            #0d492f 48%,
            #0b402a 100%
        ) !important;

    color: rgba(255,255,255,.88);
}


/* -----------------------------------------------------
   BANKNOTE / GUILLOCHE ART
   ----------------------------------------------------- */

/*
 * Existing MU-plugin may inject this element.
 * Give it a more visible but still premium treatment.
 */

.pd-footer .pd-banknote-footer-art {
    position: absolute !important;
    inset: 0 !important;

    z-index: -1 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    pointer-events: none;

    opacity: .48 !important;
}


/*
 * Primary engraved wave field.
 */

.pd-footer::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -2;

    pointer-events: none;

    opacity: .42;

    background:
        repeating-radial-gradient(
            ellipse at 14% 58%,
            rgba(191, 211, 139, .18) 0 1px,
            transparent 1px 9px
        ),

        repeating-radial-gradient(
            ellipse at 80% 45%,
            rgba(216, 187, 94, .12) 0 1px,
            transparent 1px 11px
        ),

        repeating-linear-gradient(
            163deg,
            transparent 0 13px,
            rgba(255,255,255,.055) 13px 14px,
            transparent 14px 26px
        );

    mask-image:
        linear-gradient(
            to right,
            rgba(0,0,0,.94) 0%,
            rgba(0,0,0,.72) 40%,
            rgba(0,0,0,.78) 72%,
            rgba(0,0,0,.92) 100%
        );
}


/*
 * Secondary guilloche medallions.
 */

.pd-footer::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    pointer-events: none;

    opacity: .30;

    background:
        radial-gradient(
            circle at 12% 42%,
            transparent 0 74px,
            rgba(202, 220, 148, .30) 75px 76px,
            transparent 77px 90px,
            rgba(202, 220, 148, .16) 91px 92px,
            transparent 93px 124px
        ),

        radial-gradient(
            circle at 72% 68%,
            transparent 0 96px,
            rgba(214, 184, 85, .18) 97px 98px,
            transparent 99px 111px,
            rgba(214, 184, 85, .10) 112px 113px,
            transparent 114px 150px
        );
}


/* -----------------------------------------------------
   FOOTER GRID
   ----------------------------------------------------- */

.pd-footer .pd-footer-grid {
    position: relative;
    z-index: 2;

    padding-bottom: 52px;
}


/* -----------------------------------------------------
   BRAND
   ----------------------------------------------------- */

.pd-footer .pd-footer-brand img {
    filter:
        drop-shadow(
            0 6px 14px
            rgba(0,0,0,.12)
        );
}

.pd-footer .pd-footer-brand h2 {
    color: #ffffff !important;
}

.pd-footer .pd-footer-brand p {
    max-width: 290px;

    color:
        rgba(255,255,255,.72) !important;

    line-height: 1.7;
}


/* -----------------------------------------------------
   COLUMN HEADINGS
   ----------------------------------------------------- */

.pd-footer .pd-footer-column h3 {
    color: #ffffff !important;

    font-weight: 800;

    letter-spacing: .12em;
}


/* -----------------------------------------------------
   LINKS + CONTACT
   ----------------------------------------------------- */

.pd-footer .pd-footer-column a,
.pd-footer .pd-footer-column span {
    color:
        rgba(255,255,255,.72) !important;

    transition:
        color .18s ease,
        transform .18s ease;
}

.pd-footer .pd-footer-column a:hover {
    color: #ffffff !important;
}


/* -----------------------------------------------------
   FOOTER BOTTOM
   ----------------------------------------------------- */

.pd-footer .pd-footer-bottom {
    position: relative;
    z-index: 2;

    min-height: 72px;

    border-top:
        1px solid
        rgba(255,255,255,.17) !important;

    color:
        rgba(255,255,255,.63) !important;
}

.pd-footer .pd-footer-bottom > span {
    color:
        rgba(255,255,255,.63) !important;
}


/* -----------------------------------------------------
   HOGEYTECH CREDIT
   ----------------------------------------------------- */

.pd-footer-signature {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 9px;
}

.pd-footer-signature-dot {
    color:
        rgba(214, 181, 72, .85) !important;
}

.pd-footer-credit {
    display: inline-flex;
    align-items: center;

    gap: 5px;
}

.pd-footer-credit a {
    position: relative;

    color: #e2c35e !important;

    font-weight: 750;

    text-decoration: none;

    transition:
        color .18s ease;
}

.pd-footer-credit a::after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;

    height: 1px;

    background:
        currentColor;

    transform:
        scaleX(0);

    transform-origin:
        left center;

    transition:
        transform .18s ease;
}

.pd-footer-credit a:hover {
    color: #f0d773 !important;
}

.pd-footer-credit a:hover::after {
    transform: scaleX(1);
}


/* -----------------------------------------------------
   RESPONSIVE
   ----------------------------------------------------- */

@media (max-width: 760px) {

    .pd-footer {
        padding-top:
            52px !important;
    }

    .pd-footer .pd-footer-grid {
        padding-bottom:
            36px;
    }

    .pd-footer .pd-footer-bottom {
        gap: 14px;
    }

    .pd-footer-signature {
        justify-content:
            flex-start;
    }
}


/* -----------------------------------------------------
   REDUCED MOTION
   ----------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .pd-footer-credit a,
    .pd-footer-credit a::after,
    .pd-footer .pd-footer-column a {
        transition: none !important;
    }
}