@import url('https://googleapis.com');

body{
	background: #fff9ed;
	font-family: 'Cairo', sans-serif !important;
}

/* Apply font and responsive sizes for normal text */
body, p, span, a, li, td, .pkp_structure_page {
    
    /* Scales text smoothly from 14px on small screens to 16px on large screens */
    font-size: clamp(13px, 1.2vw + 10px, 15px) !important;
}


/* Force all headers to be exactly 16px and bold */
h1, h2, h3, h4, h5, h6, .journal-title, .title {
    
    font-size: 15px !important;
    font-weight: bold !important;
}


.pkp_page_index .homepage_image img
{
  width: 95%;
  margin: 20px auto 10px;
  botder-radius: 12px;
}

.pkp_structure_main p
{
  line-height: 2rem;
  font-size: 1.2rem;
}

 /*------- Issues Titles  ------*/
.obj_issue_summary .title {
    font-size: clamp(1rem, 1.5vw, 3rem);
}


/*------- Footer ------*/
 
 .pkp_structure_footer_wrapper {
    background-color: #c3b09d;
}

 .pkp_footer_content {
    padding: 2.143rem 2.143rem 1rem 2.143rem;
  text-align: left;
  text-align: center;
  color: #603917;
  font-size: 1.3rem;
  line-height: 2.5rem;
  font-weight: bold;
 }
 
 .pkp_footer_content
{
  text-align: left;
  text-align: center;
  color: #603917;
  font-size: 1.3rem;
  line-height: 2.5rem;
  font-weight: bold;
}
 
 .pkp_brand_footer a {
    float: none;
	display: inline;
}

.pkp_brand_footer a img{
    width: 14%
}

 .pkp_structure_main h2 {
    font-family: "times new roman";
    font-size: 1.6rem;
    line-height: 0rem;
}

 .pkp_structure_main .page h1 {
    margin-top: 0;
    font-size: 1.5rem;
    font-family: times new roman;
    text-align: center;
}

/* submission page style : https://jedh.utq.edu.iq/index.php/main/about/submissions */
.page_submissions h1, .cmp_notification{
display: none;
}

.author_guidelines{
       text-align: center;
}

.author_guidelines h2{
       display: none;
}

.author_guidelines p{
       font-size: clamp(1rem, 2vw, 1.2rem);
}

.copyright_notice h2, .copyright_notice p{
	font-size: clamp(1rem, 2vw, 1.2rem);
}
/*----------- */
/* Fix text overlapping on the article metadata block */
.item.published, 
.item.issue, 
.item.section,
.pkp_block,
div[class^="item "] {
    line-height: 1.6 !important;
    margin-bottom: 18px !important;
}

/* Ensure the labels have enough space above the actual values */
.label {
    display: block !important;
    margin-bottom: 4px !important;
}

/* Give the issue link and Arabic text breathing room */
.item.issue a {
    line-height: 1.5 !important;
    display: inline-block !important;
}

/*-----------------------------------*/
/* Styling for the custom sidebar green block menu */
ul.custom-side-menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #004d26 !important; /* Outer border */
    background-color: #7b5139 !important; /* Dark green block background */
    font-family: 'Cairo', sans-serif !important;
	border-radius: 8px;
}

ul.custom-side-menu li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #ffffff30 !important; /* Subtle white divider between items */
}

ul.custom-side-menu li:last-child {
    border-bottom: none !important; /* Removes the bottom border on the last item */
}

ul.custom-side-menu li a {
    display: block !important;
    padding: 12px 15px !important; /* Internal spacing for each link button */
    color: #ffffff !important; /* White text color */
    text-decoration: none !important;
    font-size: 14px !important;
    transition: background 0.2s ease-in-out;
}

/* Hover state effect when a user moves their mouse over a menu item */
ul.custom-side-menu li a:hover {
    background-color: #003318 !important; /* Slightly darker green highlight on hover */
    color: #ffffff !important;
    text-decoration: none !important;
}
 .article-metrics-text-counter{
  background-color: #efaf3f;  
}

/* Premium solid button styling for the Arabic layout */
html[lang="ar-IQ"] a.obj_galley_link,
html[lang="ar"] a.obj_galley_link {
    font-size: 0 !important; /* Hides original text */
    font-family: 'Cairo', sans-serif !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #af6f00 !important; /* Elegant matching dark green */
    color: #ffffff !important; /* Clean white text */
    padding: 8px 16px !important; /* Balanced internal breathing room */
    border-radius: 5px !important; /* Smooth modern rounded corners */
    border: none !important; /* Removes the old sharp border outline */
    text-decoration: none !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important; /* Soft premium depth shadow */
    transition: all 0.2s ease-in-out !important;
    margin-top: 5px !important;
}

/* Label text properties inside the button */
html[lang="ar-IQ"] a.obj_galley_link::before,
html[lang="ar"] a.obj_galley_link::before {
    content: "تحميل PDF" !important;
    font-size: 13px !important; /* Crisp, clean font sizing */
    font-weight: 600 !important; /* Medium-bold for readability */
    color: #ffffff !important;
}

/* Interactive Hover effect */
html[lang="ar-IQ"] a.obj_galley_link:hover,
html[lang="ar"] a.obj_galley_link:hover {
    background-color: #fdcb45 !important; /* Deepens the green shade on hover */
    color: #6f4901 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important; /* Elevates button slightly */
    text-decoration: none !important;
}