/* ===== CONTROLLED HEADER SIZE (DESKTOP + MOBILE BALANCE) ===== */

/* Desktop */
.pkp_site_name .is_img img {
    display: block;
    width: auto;
    height: auto;
    max-width: 900px;   /* prevents over-expansion */
    max-height: 110px;  /* keeps header compact */
}

/* Tablet */
@media (max-width: 992px) {
    .pkp_site_name .is_img img {
        max-width: 100%;
        max-height: 95px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .pkp_site_name {
        text-align: center;
    }

    .pkp_site_name .is_img img {
        max-width: 100%;
        max-height: 75px;
        margin: 0 auto;
    }
}

.pkp_structure_head {
    padding-top: 8px;
    padding-bottom: 8px;
}









/* Target the footer container and remove theme-based clearing */
.pkp_structure_footer .inner {
    position: relative !important;
    display: block !important;
}

/* Force the PKP Brand to the top right */
.pkp_brand_footer {
    position: absolute !important;
    top: 20px !important; /* Matches the padding of your custom footer */
    right: 0 !important;
    margin: 0 !important;
    width: 250px !important; /* Adjust width as needed */
    z-index: 999;
}

/* Ensure the image inside the brand looks correct */
.pkp_brand_footer img {
    width: 100% !important;
    height: auto !important;
}

/* Fix for mobile: Turn off absolute positioning so it doesn't overlap text */
@media (max-width: 992px) {
    .custom-footer-main {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    .custom-footer-main > div {
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
    .pkp_brand_footer {
        position: relative !important;
        top: 0 !important;
        margin: 20px auto !important;
        text-align: center;
    }
}