/* 1. Remove the OJS branding entirely */
.pkp_brand_footer { 
    display: none !important; 
}

/* 2. Style the gray footer bar */
.pkp_structure_footer {
    padding-top: 5px !important;    /* Tighten the top */
    padding-bottom: 5px !important; /* Tighten the bottom */
    min-height: 0 !important;       /* Allow it to be thin */
    background-color: #e0e0e0 !important; /* Standard gray */
}

/* 3. FORCE text to the middle and make it BOLD */
.pkp_structure_footer .container,
.pkp_footer_content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;   /* This centers it horizontally */
    text-align: center !important;    /* This centers the lines of text */
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* 4. Style the specific text lines */
.pkp_footer_content p {
    font-weight: bold !important;     /* Makes it bold */
    margin: 2px 0 !important;         /* Space between the two lines */
    color: #333 !important;           /* Darker text for better contrast */
}