@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&display=swap');

/* ============================================================
   BASE
   ============================================================ */
html, body {
	height: 100%;
}

body {
	font-family: 'Fira Sans', sans-serif !important;
	font-size: 14px;
	font-weight: 400;
	background: #eef0f7;
	color: #1e1e2e;
}

/* ============================================================
   WRAPPER / STICKY FOOTER
   ============================================================ */
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -106px;
}
#push {
	height: 106px;
}

/* ============================================================
   HEADER  — beyaz zemin, logo geniş, alt şerit
   ============================================================ */
header {
	background: #ffffff;
	border-bottom: 4px solid #17254F;
	box-shadow: 0 3px 12px rgba(23, 37, 79, 0.15);
}
header .container {
	padding-top: 18px;
	padding-bottom: 14px;
}
header .logo {
    padding: 0;
    display: inline-block;
}
header .logo img {
    max-height: 72px;
}

/* ============================================================
   NAVBAR  — koyu lacivert, belirgin
   ============================================================ */
.navbar-inner {
	background: #17254F !important;
	background-image: none !important;
	filter: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.30) !important;
	box-shadow: 0 3px 8px rgba(0,0,0,0.30) !important;
}
.navbar .btn-navbar,
.navbar .btn-navbar:hover {
	background-color: #0d1633;
	background-image: none;
	filter: none;
}
.navbar .brand {
	color: #ffffff;
	text-shadow: none;
	font-size: inherit;
	font-weight: inherit;
	margin-left: 0;
}
.navbar .nav > li > a {
	color: #c8d6f5 !important;
	text-shadow: none !important;
	font-family: 'Fira Sans', sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0.03em;
	padding: 14px 13px !important;
	border-bottom: 3px solid transparent;
	transition: all 0.18s;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
	background: rgba(255,255,255,0.10) !important;
	color: #ffffff !important;
	text-shadow: none !important;
	border-bottom: 3px solid #9b59b6;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
	background-color: #0d1633 !important;
	color: #ffffff !important;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: #c8d6f5 !important;
	border-bottom-color: #c8d6f5 !important;
}
.navbar .divider-vertical {
	margin: 0;
	border-left: 1px solid rgba(255,255,255,0.12) !important;
	border-right: 0;
}
.dropdown-menu {
	border-top: 3px solid #9b59b6 !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: #17254F !important;
	background-image: none !important;
	filter: none !important;
	color: #fff !important;
}
@media (max-width: 979px) {
	.nav-collapse .nav > li > a,
	.nav-collapse .dropdown-menu a {
		color: #c8d6f5 !important;
		background-color: #17254F !important;
	}
	.nav-collapse .nav > li > a:hover,
	.nav-collapse .dropdown-menu a:hover {
		background-color: #0d1633 !important;
	}
}

/* ============================================================
   MAIN CONTENT AREA
   ============================================================ */
main {
	padding-top: 28px;
	padding-bottom: 36px;
}

/* ============================================================
   LINKS
   ============================================================ */
a,
.btn-link {
	color: #17254F;
}
a:hover,
.btn-link:hover {
	color: #9b59b6;
}

/* ============================================================
   LEFT SIDEBAR
   ============================================================ */
aside {
	margin-top: 0;
}
aside hr {
	margin: 10px auto;
}
aside .form-search {
	margin-bottom: 0;
	padding-right: 30px;
}

.issue-cover-wrap {
	text-align: center;
	margin-bottom: 18px;
	background: #fff;
	border-radius: 8px;
	padding: 14px;
	box-shadow: 0 2px 10px rgba(23,37,79,0.10);
}
.issue-cover-wrap img {
	max-width: 100%;
	border-radius: 4px;
	box-shadow: 0 4px 14px rgba(23,37,79,0.18);
}
.issue-cover-wrap h4 {
	margin-top: 12px;
	font-weight: 700;
	color: #17254F;
}
.issue-cover-wrap p {
	font-size: 13px;
	color: #666;
	margin-bottom: 0;
}

#left-menu {
	margin-bottom: 0;
}
#left-menu a {
	display: block;
	background: #17254F !important;
	color: #ffffff !important;
	border-radius: 6px !important;
	font-family: 'Fira Sans', sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	padding: 10px 14px !important;
	margin-bottom: 5px;
	text-decoration: none !important;
	letter-spacing: 0.02em;
	border-left: 4px solid transparent;
	transition: all 0.15s;
}
#left-menu a:hover,
#left-menu a:focus,
#left-menu .active a {
	background: #9b59b6 !important;
	color: #fff !important;
	border-left: 4px solid #6c2e7a;
	transform: translateX(4px);
}

/* Affix */
.affix        { position: fixed;    top: 10px;    width: 250px; }
.affix-bottom { position: absolute; top: auto;    bottom: 80px; width: 250px; }
.affix-top    { position: absolute; top: 10px;    width: 250px; }

/* ============================================================
   PAGE HEADER
   ============================================================ */
.page-header {
	margin: 0 0 18px;
	padding-bottom: 10px;
	border-bottom: 3px solid #17254F;
}
.page-header h1 {
	font-size: 22px;
	line-height: 30px;
	margin: 0;
	color: #17254F;
	font-weight: 700;
}
.page-header h1 small {
	font-size: 14px;
	font-weight: 600;
	color: #9b59b6;
}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */
h2 {
	font-size: 17px;
	line-height: 26px;
	font-weight: 700;
	color: #17254F;
}
h3 {
	font-size: 14px;
	line-height: 21px;
	font-weight: 600;
}
h3 a {
	color: #17254F;
}
h3 a:hover {
	color: #9b59b6;
}
section h2 {
	font-size: 17px;
	line-height: 28px;
}
section {
	text-align: justify;
}
section a {
	font-weight: 600;
}

/* Issue heading */
.issue-heading {
	font-size: 19px;
	font-weight: 700;
	color: #17254F;
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom: 2px solid #dde0f0;
}

/* Category heading */
.category-heading {
	color: #6c2e7a;
	font-style: italic;
	font-size: 17px;
	font-weight: 700;
	margin: 22px 0 12px;
	padding: 6px 12px;
	background: linear-gradient(to right, #f3eaf7, transparent);
	border-left: 4px solid #9b59b6;
	border-radius: 0 4px 4px 0;
}

/* ============================================================
   CURRENT ISSUE LIST
   ============================================================ */
.current-issue {
	margin: 0;
	padding: 0;
	list-style: none;
}
.current-issue > li {
	margin-bottom: 0;
	padding: 14px 0;
	border-bottom: 1px solid #dde0f0;
}
.current-issue > li:last-child {
	border-bottom: none;
}
.current-issue > li h3 {
	margin: 0 0 5px;
	font-size: 14px;
	line-height: 20px;
}
.current-issue > li p {
	margin: 0 0 5px;
	font-size: 13px;
	color: #555;
	font-style: italic;
}

.article-meta {
	font-size: 12.5px;
	color: #666;
}
.article-meta strong {
	color: #17254F;
}

/* ============================================================
   ARTICLE NAV BOTTOM
   ============================================================ */
.article-nav-bottom {
	background: #f0f3fa;
	border: 1px solid #d8ddf0;
	border-radius: 4px;
	padding: 3px 8px;
	margin-top: 8px;
	font-size: 12.5px;
}
.article-nav-bottom a {
	font-weight: 600;
	color: #17254F;
}
.article-nav-bottom a:hover {
	color: #9b59b6;
}

/* ============================================================
   CAROUSEL
   ============================================================ */
.carousel {
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 22px;
	box-shadow: 0 4px 16px rgba(23,37,79,0.16);
}
.carousel img {
	width: 100%;
}

/* ============================================================
   TABS
   ============================================================ */
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
	border-top: 3px solid #9b59b6;
}
.tab-pane h3:first-child {
	margin-top: 0;
}

/* ============================================================
   WELLS / FORMS
   ============================================================ */
.required label {
	font-weight: bold !important;
}
.well {
	background: #f8f9fc;
	border: 1px solid #d8ddf0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 6px;
}
.well h1:first-child,
.well h2:first-child { margin-top: 0; }
.well form:last-child { margin-bottom: 0; }
.well-small { border-radius: 4px; }

/* ============================================================
   MODAL
   ============================================================ */
.modal-body { color: #333; }
@media (min-width: 768px) {
	.modal-large { width: 80%; margin-left: -40%; }
}

/* ============================================================
   MISC
   ============================================================ */
.nowrap   { white-space: nowrap; }
.no-break { break-inside: avoid; }
code      { white-space: normal; }
section#article-references li { margin-bottom: 5px; }

.index-list { display: flex; align-items: center; }
.index-list .thumbnails { display: flex; justify-content: space-between; align-items: center; }
.index-list .thumbnails li { margin-bottom: 0; }
.index-list img { max-width: 100%; }

.table-borderless td,
.table-borderless th { border: 0; }

/* ============================================================
   BLINKING ARROW
   ============================================================ */
.yanip-sonen-ok-container {
	display: inline-block;
	text-align: right;
	float: right;
}
.yanip-sonen-ok {
	display: inline-block;
	position: relative;
	animation: yanip 1.2s infinite alternate;
}
@keyframes yanip {
	0%   { opacity: 1;   transform: translateX(0); }
	100% { opacity: 0.5; transform: translateX(8px); }
}

/* ============================================================
   FOOTER
   ============================================================ */
footer {
	width: 100%;
	padding: 22px 0;
	background: #17254F;
	border-top: 0;
	color: #a0b0cc;
	font-size: 13px;
}
footer a {
	color: #c8d6f5;
	font-weight: 500;
}
footer a:hover {
	color: #ffffff;
}
footer img {
	max-height: 38px;
	margin-right: 10px;
	opacity: 0.85;
}
footer .yp {
	line-height: 38px;
}
footer .license {
	font-size: 11.5px;
	line-height: 15px;
	color: #7a90b5;
}
footer strong {
	color: #e0e8f8;
}
footer p {
	margin-bottom: 4px;
}

/* ============================================================
   ANTI-SPAM
   ============================================================ */
.contact-form-name {
	position: absolute !important;
	display: inline !important;
	top: 0 !important; left: 0 !important;
	z-index: -1 !important;
	width: 1px !important; height: 1px !important;
	opacity: .1 !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 767px) {
	header, footer {
		text-align: center;
		padding: 12px;
		margin-left: -20px;
		margin-right: -20px;
		width: calc(100% + 40px);
	}
	header { height: auto; }
	footer { height: auto; text-align: center; }
	footer .text-right { text-align: center; }
	.hero-unit { margin-left: -20px; margin-right: -20px; }
}

/* ================================================================
   HOMEPAGE SPECIFIC STYLES
   ================================================================ */

.sidebar-cover-card {
	background: #fff;
	border-radius: 8px;
	padding: 16px;
	text-align: center;
	margin-bottom: 16px;
	box-shadow: 0 2px 12px rgba(23,37,79,0.10);
	border-top: 3px solid #17254F;
}
.sidebar-cover-label {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: #9b59b6;
	margin-bottom: 10px;
}
.sidebar-cover-img {
	max-width: 100%;
	border-radius: 4px;
	box-shadow: 0 4px 14px rgba(23,37,79,0.20);
}
.sidebar-cover-title {
	margin-top: 10px;
	font-size: 12.5px;
	font-weight: 600;
	color: #17254F;
	line-height: 1.4;
}
.sidebar-cover-title a { color: #17254F; text-decoration: none; }
.sidebar-cover-title a:hover { color: #9b59b6; }

.sidebar-stats {
	background: #fff;
	border-radius: 8px;
	padding: 12px 14px;
	margin-top: 16px;
	box-shadow: 0 2px 8px rgba(23,37,79,0.08);
}
.sidebar-stat-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 0;
	border-bottom: 1px solid #eef0f7;
	font-size: 12.5px;
	color: #444;
	font-weight: 500;
}
.sidebar-stat-item:last-child { border-bottom: none; }
.sidebar-stat-icon { font-size: 15px; }

/* Carousel */
.homepage-carousel {
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 20px;
	box-shadow: 0 4px 18px rgba(23,37,79,0.16);
	max-height: 280px;
}
.homepage-carousel .carousel-inner,
.homepage-carousel .item { max-height: 280px; overflow: hidden; }
.homepage-carousel img { width: 100%; max-height: 280px; object-fit: cover; }

/* Issue header bar */
.issue-header-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #17254F;
	border-radius: 6px;
	padding: 10px 16px;
	margin-bottom: 18px;
}
.issue-badge {
	display: inline-block;
	background: #9b59b6;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 2px 8px;
	border-radius: 3px;
	margin-right: 10px;
	vertical-align: middle;
}
.issue-name { color: #c8d6f5; font-size: 13.5px; font-weight: 600; vertical-align: middle; }
.issue-full-link { color: #c8d6f5 !important; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.issue-full-link:hover { color: #fff !important; }

/* Category */
.category-section { margin-bottom: 8px; }
.category-heading {
	color: #6c2e7a;
	font-style: italic;
	font-size: 15px;
	font-weight: 700;
	margin: 18px 0 10px;
	padding: 6px 12px;
	background: linear-gradient(to right, #f3eaf7, transparent);
	border-left: 4px solid #9b59b6;
	border-radius: 0 4px 4px 0;
}

/* Article card */
.article-card { padding: 14px 0; border-bottom: 1px solid #e4e8f0; }
.article-card:last-child { border-bottom: none; }
.article-title { margin: 0 0 5px; font-size: 13.5px; line-height: 1.5; font-weight: 600; }
.article-title a { color: #17254F; text-decoration: none; }
.article-title a:hover { color: #9b59b6; }
.article-authors { margin: 0 0 6px; font-size: 12.5px; color: #666; font-style: italic; }
.article-foot { display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: #555; margin-bottom: 6px; }
.article-meta-left { display: flex; gap: 12px; flex-wrap: wrap; }
.article-meta-tag strong { color: #17254F; }
.article-meta-right { display: flex; gap: 10px; color: #888; }
.article-stat { display: flex; align-items: center; gap: 3px; }
.stat-icon { font-size: 12px; }

/* ================================================================
   HOMEPAGE SECTIONS (Latest + Most Read)
   ================================================================ */
.homepage-section {
	margin-top: 40px;
	padding-top: 24px;
	border-top: 2px solid #d0d5e8;
}
.homepage-section-header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 18px;
}
.homepage-section-header h2 {
	font-size: 18px;
	font-weight: 800;
	color: #17254F;
	display: inline-block;
	padding-bottom: 6px;
	border-bottom: 3px solid #9b59b6;
	margin: 0;
}
.section-all-link {
	font-size: 12.5px;
	font-weight: 600;
	color: #9b59b6 !important;
}
.section-all-link:hover { color: #6c2e7a !important; }

/* Latest article cards */
.latest-article-card {
	background: #fff;
	border-radius: 8px;
	padding: 18px;
	margin-bottom: 18px;
	box-shadow: 0 2px 10px rgba(23,37,79,0.08);
	border-top: 3px solid #17254F;
	min-height: 160px;
	transition: box-shadow 0.2s, transform 0.2s;
}
.latest-article-card:hover {
	box-shadow: 0 6px 20px rgba(23,37,79,0.16);
	transform: translateY(-2px);
}
.latest-cat-badge {
	display: inline-block;
	background: #eef0f7;
	color: #6c2e7a;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 2px 8px;
	border-radius: 3px;
	margin-bottom: 8px;
}
.latest-article-title { font-size: 13px; line-height: 1.5; font-weight: 700; margin: 0 0 6px; }
.latest-article-title a { color: #17254F; text-decoration: none; }
.latest-article-title a:hover { color: #9b59b6; }
.latest-article-authors { font-size: 12px; color: #777; font-style: italic; margin-bottom: 4px; }
.latest-article-doi { font-size: 11.5px; color: #999; margin-bottom: 2px; }
.latest-article-pages { font-size: 11.5px; color: #888; }

/* Most read list */
.mostread-section { margin-top: 36px; }
.mostread-list {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(23,37,79,0.08);
	overflow: hidden;
}
.mostread-item {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 14px 18px;
	border-bottom: 1px solid #eef0f7;
	transition: background 0.15s;
}
.mostread-item:last-child { border-bottom: none; }
.mostread-item:hover { background: #f8f9fc; }
.mostread-rank {
	font-size: 24px;
	font-weight: 900;
	color: #dde0f0;
	min-width: 36px;
	text-align: center;
	line-height: 1;
}
.mostread-item:first-child .mostread-rank { color: #9b59b6; }
.mostread-item:nth-child(2) .mostread-rank { color: #17254F; opacity: 0.5; }
.mostread-item:nth-child(3) .mostread-rank { color: #17254F; opacity: 0.35; }
.mostread-body { flex: 1; }
.mostread-title { font-size: 13px; font-weight: 700; margin: 4px 0 4px; line-height: 1.45; }
.mostread-title a { color: #17254F; text-decoration: none; }
.mostread-title a:hover { color: #9b59b6; }
.mostread-authors { font-size: 12px; color: #777; font-style: italic; margin: 0; }
.mostread-views {
	text-align: right;
	font-size: 12px;
	color: #888;
	white-space: nowrap;
	min-width: 60px;
}
.mostread-views strong { display: block; font-size: 15px; color: #17254F; }

.official-pub {
    background: linear-gradient(135deg, #17254F 0%, #1e3470 100%);
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 16px;
    border-left: 4px solid #9b59b6;
    box-shadow: 0 2px 10px rgba(23,37,79,0.15);
    text-align: center;
}
.official-pub a {
    display: block;
    color: #c8d6f5 !important;
    font-size: 11px;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 0.03em;
    line-height: 1.5;
    text-decoration: none !important;
    transition: color 0.18s;
}
.official-pub a:hover {
    color: #ffffff !important;
}