/* 1. Import Roboto (The Android System Font) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

/* 2. Global Font Override */
/* This targets the variables used by the Health Sciences theme */
:root {
    --font-family-sans-serif: 'Roboto', sans-serif;
    --font-family-serif: 'Roboto', sans-serif;
}

/* Force override on body and headings to ensure Fira/PT Serif are gone */
body, p, a, h1, h2, h3, h4, h5, h6, .navbar, .entry-title {
    font-family: 'Roboto', sans-serif !important;
}

/* 3. Button Customization (Rounded Corners) */
.btn,
.pkp_structure_main .btn,
.action_buttons .btn {
    border-radius: 4px !important; /* Makes them pill-shaped */
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
    text-transform: none !important; /* Android/Material style usually avoids all-caps */
    transition: all 0.2s ease-in-out;
    margin : 3px;

}

/* Optional: Slight shadow to mimic Android Material Design */
.btn-primary {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn-primary:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transform: translateY(-1px);
}


/* 5. Force Roboto on Homepage Specific Elements */

/* The "Current Issue" and Volume/Number/Year info */
.homepage-issue-current,
.homepage-issue-identifier,
.homepage-issue-published {
    font-family: 'Roboto', sans-serif !important;
    text-transform: none !important; /* Android look is cleaner */
}

/* The larger Issue Identifier (often "Vol. X No. Y") */
.homepage-issue-identifier {
    font-size: 24px;
    font-weight: 700 !important;
}

/* Announcements date and descriptions */
.homepage-announcement-date {
    font-family: 'Roboto', sans-serif !important;
}

/* Journal description and 'Read More' buttons */
.homepage-journal-description,
#homepageDescriptionMore,
#homepageDescriptionLess {
    font-family: 'Roboto', sans-serif !important;
}

/* Featured Issue Titles inside the description block */
.homepage-issue-description .h2,
.homepage-issue-description h2 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
}
/* Featured Issue Cover and Summary Container */
.homepage-issue-header {
    border-radius: 8px !important;      /* Keeps the rounded corners */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important; /* Black shadow with 30% opacity */
    padding-bottom: 10px;    /* Spacing so the shadow doesn't touch the content below */
    padding-top: 10px;    /* Spacing so the shadow doesn't touch the content below */
}

/* 6. Footer Customization */
.site-footer {
    background: #035C29 !important;      /* Deep Android Green */
    border-top: 4px solid #ff9800 !important; /* Orange border on top */
    color: #ffffff !important;
    margin-top: 3rem;
}

/* Ensure footer links stay white and use Roboto */
.site-footer a {
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif !important;
    text-decoration: underline;
}

.site-footer a:hover,
.site-footer a:focus {
    color: #ff9800 !important; /* Optional: Links turn orange on hover */
    text-decoration: none;
}

/* Ensure footer text/paragraphs use Roboto */
.site-footer-content p,
.site-footer-content {
    font-family: 'Roboto', sans-serif !important;
}


.main-header {
    border-bottom: 4px solid #ff9800 !important; /* Orange border on top */
}

/* Style the Make a Submission Button with Darker Orange Border */
.block_make_submission > div > a {
    background-color: #ff9800 !important;
    color: #ffffff !important;
    border: 2px solid #cc7a00 !important; /* Darker orange border */
    border-radius: 4px !important;
    padding: 10px 18px !important; /* Adjusted to account for border width */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

/* Hover effect */
.block_make_submission > div > a:hover,
.block_make_submission > div > a:focus {
    background-color: #fb8c00 !important; /* Material deep orange */
    border-color: #b36b00 !important; /* Even darker border on hover */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2) !important;
    color: #ffffff !important;
}


/*  The Footer Side Bar */
.site-footer-sidebar {
	border-bottom: 1px solid rgba(255,255,255,0.4);
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}

.pkp_block {

	padding: 10px;

	.title {
		display: block;
		margin-bottom: 0.5em;
		font-size: 24px;
        text-align : center;
	}
}

.block_information ul,
.block_language ul,
.block_announcement_feed ul,
.block_external_feed ul,
.block_web_feed ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align : center;
}

@media (min-width: 992px) {

	.site-footer-sidebar .row {
		justify-content: flex-start;
	}

	.pkp_block {
		flex: 0 0 25%;
		width: 25%;

			& + .pkp_block {
				margin-top: 0;
			}
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.pkp_block {
		flex: 0 0 50%;
		width: 50%;
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.site-footer-sidebar .row {
		flex-direction: column;
	}

	.pkp_block {
		flex: 0 0 100%;
		width: 100%;
		margin-bottom: 20px;
	}
}