/* =====================================================
   pkpDropdown0 Submenu – Precise and Stable Positioning
   ===================================================== */


/* Import Cairo Font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap');


/* Target submenu of the "About" navigation item (RTL only) */
body[dir="rtl"] #pkpDropdown0 + .dropdown-menu {
    position: absolute;      /* Detach from flex flow */
    right: 0;                /* Align to the right edge */
    left: auto;              /* Override any left alignment */
    width: max-content;      /* Fit width to content */
    min-width: 180px;        /* Enforce minimum width */
    text-align: right;       /* Right-align text */
    direction: rtl;          /* RTL writing direction */
    z-index: 1000;           /* Ensure visibility above other elements */
}

/* Submenu link items */
body[dir="rtl"] #pkpDropdown0 + .dropdown-menu > li > a {
    display: block;
    padding: 0.5rem 1rem;    /* Comfortable inner spacing */
    white-space: nowrap;     /* Prevent text wrapping */
}


@media (min-width: 992px) {

  /* Fine-tune first primary navigation item spacing */
  .pkp_navigation_primary > li:first-child a {
    margin-right: -0.5em;
  }

  /* Contact section layout (Primary / Support side by side) */
  .contact_section {
    display: flex;
    text-align: right !important;
  }
}


/* Shared contact block styling */
.contact.primary,
.contact.support {
    display: inline-block;    /* Compact inline blocks */
    width: 48%;               /* Nearly half-width layout */
    box-sizing: border-box;   /* Prevent overflow issues */
    vertical-align: top;
    padding: 0.5rem;
}

/* Align primary contact to the right */
.contact.primary {
    float: right;
    text-align: right;
}

/* Align support contact to the left */
.contact.support {
    float: left;
    text-align: right;
}


/* Responsive behavior – stack contacts on smaller screens */
@media (max-width: 768px) {
    .contact.primary,
    .contact.support {
        width: 100%;
        float: none;
        text-align: right;
        margin-bottom: 1rem;
    }
}


/* Hide PKP branding footer */
.pkp_brand_footer {
    display: none;
}


/* Apply Cairo font globally */
body,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
li,
input,
textarea,
button,
p span {
    font-family: 'Cairo', sans-serif !important;
}


/* Footer content RTL alignment and spacing */
.pkp_footer_content {
    padding: 2.143rem;
    text-align: right;
    direction: rtl;
}


@media (min-width: 992px) {

  /* Fine-tune last primary navigation item spacing */
  .pkp_navigation_primary > li:last-child a {
    margin-left: -0.5em;
  }
}



/* =========================================
   Final Safe Fix – OJS Admin Select Styling
   ========================================= */

.pkp_page_admin .pkp_form select {
    display: block;
    max-width: 400px;
}

.pkp_site_name_wrapper {
  background: #c0c7c9;
}