/* Αφαιρεί bullets από όλες τις λίστες */



body.accessibility-mode h1,
body.accessibility-mode h2 {
	font-size: 20px!important;
	line-height: 1.6;
}

body.accessibility-mode,
body.accessibility-mode span,
body.accessibility-mode h3,
body.accessibility-mode h4,
body.accessibility-mode h5,
body.accessibility-mode li,
body.accessibility-mode a,
body.accessibility-mode td,
body.accessibility-mode input,

body.accessibility-mode label {
	font-size: 18px !important;
	line-height: 1.6;
}
body.accessibility-mode .article-html-align{ 
	font-size: 20px;
}


.linksColor{
	color:#3c71ce!important;
}

h1 {
	font-size: 22px;
	text-decoration: none;
	font-weight: 700;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
	text-decoration: underline;
}



h5 {
	font-size: 15px;
	font-weight: 600;
}

.panel td {
    vertical-align: middle;
}

.current-article-main .article_open_access {
    font-size: 1rem;
	font-weight: bold;
    border: 1px solid #4b6e91;
    color: #4b6e91;
    background-color: white;
    padding: 0.25rem 0.6rem;
    border-radius: 1rem;
    margin-left: 0.5rem;
    cursor: default;
  }
  
  .current-article-main .article_type {
      font-size: 1rem;
  	font-weight: bold;
      color: #fff;
      background-color: #4b6e91;
      padding: 0.2rem 0.7rem;
      border-radius: 0.25rem;
      margin-right: 0.5rem;
    }
	
	.current-article-main .special_issue_link {
	    font-size: 1rem;
		border: 1px solid #4b6e91;
		font-weight: bold;
	    color: #4b6e91;
	    background-color: white;
	    padding: 0.2rem 0.7rem;
	    border-radius: 0.25rem;
	    text-decoration: none;
		cursor: pointer;
	  }

.current-article-main {
	padding: 0.5rem;
	/* Optional highlight bar */

	border-radius: 0.5rem;

	flex: 1;
}

.current-article-main h4 {
	font-size: 20px;
	font-weight: 700;
	margin: 0.8rem 0 0.8rem 0;
}

.current-article-main h5 {
	font-size: 18px;
	font-weight: 700;
	margin-top: 0.5rem;
}


.current-article-main h6 {
	font-size: 17px;
	color: #6c757d;
	margin: 0.5rem 0;
}

.current-article-main h4:hover {
	text-decoration: underline;
}

.current-article-main h3 {
	font-size: 0.75rem;
	color: #6c757d;
	margin-bottom: 0.5rem;
}






.current-article-main .inline {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin-top: 0.75rem;
}

.article-icons {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	padding-left: 10px;
}

.article-actions {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.article-actions img {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.article-card {
	margin-bottom: 20px;
	padding: 0 5px 0 5px;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
	background-color: #fff;
}


ul.article_details,
ul.article_details ul,
ul.article_icons,
ul.article_sharing {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

/* Εμφάνιση των authors με κόμμα */
ul#authorshipNames {
    display: inline;
}

ul#authorshipNames li {
    display: inline;
}

ul#authorshipNames li:not(:last-child)::after {
    content: ", ";
}

/* Εμφάνιση εικονιδίων inline στο .article_interactive */
ul.article_icons li {
    display: inline-block;
    margin-right: 10px; /* απόσταση μεταξύ εικονιδίων */
}

/* Εμφάνιση των sharing buttons inline */
ul.article_sharing li {
    display: inline-block;
    margin-right: 10px;
}

.interactive-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between; /* ή use margin-left: auto σε sharing */
	flex-wrap: wrap; /* προαιρετικά αν μικρή οθόνη */
}

.article_icons,
.article_sharing {
	display: flex;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.article_sharing {
	margin-left: auto; /* σπρώχνει αυτό το UL δεξιά */
}

a.citedBy{
	color:#6c757d;
	font-weight: bold;
}

a.citedBy{
	color:#6c757d;
	font-weight: bold;
}


#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#000;}

/* Container */
#osx-container {background-color:white; color:#6c757d; font: 16px/24px "Lucida Grande", 'droid_serifregular';; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px;}
#osx-container #osx-modal-title {color:#6c757d; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#6c757d;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}

.article-sidebar {
  font-size: 0.95rem;
}

.article-sidebar .dropdown-menu {
  font-size: 0.9rem;
}

.article-sidebar .list-group-item-action:hover {
  background-color: #f8f9fa;
}

.toggleSF {
  margin-left: 10px;
}

.toggleSF a {
  font-weight: 600;
  font-size: 0.85rem;
}

.card-body {
    flex: 1 1 auto;
    padding: 0.8em 0.8em 0em 0.8em ;
    color: var(--bs-card-color);
}

.panel {
	margin: 1em 0 1em 0;
	background-color: #e9e7e8;
}
table[rules][rules="groups"] > tfoot, table[rules][rules="groups"] > thead, table[rules][rules="groups"] > tbody {

 text-decoration: none!important;
}


.table>:not(caption)>*>* {
    padding: .5rem .5rem;
   color:#6c757d;
    
}

th,
td,
tr,
thead {
	color: #6c6767 !important;
	font-size: 0.9em !important;
	text-decoration: none!important;
}

 .fancybox {
	text-decoration: none!important;
}

td {
    padding: 0 2em 0 2em;
}
.fancybox-inner b, td {
    color: #6c6767;
    text-align: left;
	text-decoration: none!important;
	
	text-align: left;
	word-wrap: break-word;
	overflow-wrap: break-word;
	
	white-space: normal;
	max-width: 90%;
	box-sizing: border-box;
}

.citation {
    width: 100%;
    font-size: 17px;
}

.equal-height {
   display: flex;
   flex-wrap: wrap;
 }

 .equal-height > div {
   display: flex;
   flex-direction: column;
 }

 .display-figures-ref{
	color:#517775;
	font-size: 13px;
	font-weight: bolder;
	cursor: pointer;
 }
 
 .citationFormat{
	font-weight: bolder;
 }

 .toggleSF a {
     font-weight: 600;
     font-size: 0.6rem;
	 color:#6c757d;
 }
 
 .dropdown-hover:hover .dropdown-menu {
   display: block;
   margin-top: 0;
 }
 
 li.span{
	color:#6c757d;
 }
 
 ul.article_details > li {
        margin-bottom: 0.5rem; /* αυξάνει το κάθετο κενό ανάμεσα στα <li> */
		color:#6c757d;
 }
.card-body {
	 
	color:#6c757d;
}	
.sticky-nav {
	  position: sticky;
	  top: 0;
	  z-index: 1000; /* ensure it stays on top of other content */
}



.display-figures-ref {
   font-size:14px;
    border-bottom: 1px solid grey;
    margin: 0.5em 0em;
    line-height: 1.4em;
    font-family: 'dinpromedium';
    padding-bottom: 5px;
    color:#517775;
    font-weight: bold;
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    cursor:pointer;
}


.panel-fig h2{
	font-size:14px;
}


.panel img {
    border-width: 1px;
    padding: 10px 10 0 0px;
    width: 115px;
    height: 115px;
}

.content_article img {
    padding: 1px;
    float: right;
}



td {
    padding: 0.5em;
}


.panel td {
    vertical-align: middle;
}

.label{
	font-size: 15px;
}

/* --- Fix reference alignment and spacing --- */
/* --- References layout: number and text on the same row, vertically centered --- */
.ref-list {
  display: block !important;
  width: 100%;
  color: #6c6767;
}

.ref-list .row {
  display: flex !important;
  align-items: center;     /* ✅ vertical centering */
  flex-wrap: nowrap;
  margin-bottom: 0.4em;
}

.ref-list .ref-label.cell {
  flex: 0 0 2em;
  text-align: right;
  padding-right: 0.5em;
}

.ref-list .ref-content.cell {
  flex: 1 1 auto;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.4;
  text-align: justify;
}

.ref-list .ref-label .label {
  font-weight: bold;
  color: inherit;
}

.article-html-align{
	text-align: justify;
	font-size:17px;
}
ul.article_details ul li.corresponding {
  background: none;        /* clears the PNG */
  padding-left: 18px;      /* space for the icon */
  position: relative;      /* for pseudo-element positioning */
}
ul.article_details ul li.corresponding::before {
  content: "\2709";                     /* ✉ */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", Arial, sans-serif;
  font-size: 25px;                      /* adjust size to match previous image */
  line-height: 1;
  color:#3c71ce!important;
}