/* Primary Navigation Styles */
#navigationPrimary a {
    text-transform: none !important;
}

/* Site Logo Container */
.pkp_site_name_wrapper {
    height: 150px !important;
}

/* Site Logo & Navigation Styles for Auto Adjustments */
.has_site_logo .pkp_site_name, 
.has_site_logo .pkp_navigation_primary_wrapper {
    width: auto;
    height: 100%;
}

/* Image Styling for Site Name Logo */
.pkp_site_name .is_img {
    display: inline-block;
    padding: 0;
    height: 100% !important;
    width: 100% !important;
}

.pkp_site_name .is_img img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    height: 100% !important;
    width: 100% !important;
}

/* Redundant Image Style Block Removed for Cleanliness */

/* Footer Branding Block (Hidden) */
.pkp_brand_footer {
    display: none;
}

/* Galley Links Styling */
.obj_issue_toc .galleys_links {
    margin-top: .714rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    row-gap: 10px;
}

/* Support for RTL and LTR Layout */
html[dir="rtl"] {
    direction: rtl;
}

html[dir="ltr"] {
    direction: ltr;
}

/* General Styles for Both RTL and LTR Layouts */
body {
    text-align: inherit; /* Ensures text alignment adapts based on direction */
}

/* Adjust Flexbox for RTL Layout */
html[dir="rtl"] .obj_issue_toc .galleys_links {
    flex-direction: row-reverse; /* Reverse the direction for RTL */
}

/* Adjust Site Name and Logo Position for RTL and LTR */
html[dir="rtl"] .pkp_site_name_wrapper, 
html[dir="ltr"] .pkp_site_name_wrapper {
    text-align: center; /* Centers the logo in both directions */
}

/* Adjust Navigation for RTL and LTR Layouts */
html[dir="rtl"] #navigationPrimary {
    text-align: right; /* Align navigation to the right for RTL */
}

html[dir="ltr"] #navigationPrimary {
    text-align: left; /* Align navigation to the left for LTR */
}