a {
	color:#101e5a;
	text-decoration:none;
}

a:hover {
	color:#3366cc;
	text-decoration:underline;
}
body{
	background-image: repeating-linear-gradient(135deg, hsla(35,0%,71%,0.09) 0px, hsla(35,0%,71%,0.09) 1px,transparent 1px, transparent 11px),repeating-linear-gradient(45deg, hsla(35,0%,71%,0.09) 0px, hsla(35,0%,71%,0.09) 1px,transparent 1px, transparent 11px),linear-gradient(90deg, rgb(248,248,248),rgb(248,248,248));
}

.pkp_structure_page {
	margin:0 auto;
	box-shadow:none;
}
.carousel-inner{
	position:absolute;
}
/***************************************************************************/

.aimcolumn {
  float: left;
 
}

.aimleft {
  width: 25%;
  padding-top:10px;
  padding-left:10px;
  padding-right: 20px;
  padding-top: 30px;
  background: #dee2e6;
}

.aimright {
width: 74%;
height:auto;
padding: 10px 20px 10px 35px;
background-color: #e9ecef;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row{
	margin-right:0;
	margin-left:0;
}
@media screen and (max-width: 600px) {
  .aimcolumn {
    width: 100%;
  }
  .aimleft {
  	padding-top: 10px;
}
}

/**************************cover image*************************************/

.obj_issue_toc .cover {
	display:none;
}

/**************************Submission block*************************************/

.cmp_manuscript_button, .block_make_submission a, .obj_galley_link{
	background-color:#101e5a;
	color:white;
	width:100%;
	text-align:center;
	text-decoration: none;
}
/**************************MENU HEADER*************************************/

#navigationPrimary>li>a{
	color:#101e5a;
}
.pkp_head_wrapper .pkp_search .search_controls .search_prompt{
	color:#101e5a;
}
.pkp_nav_list li.profile {
    padding: 0px 8px 2px 5px;
    border: 1px solid #e6dfdf;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-radius: 8px;
    font-size: 16px;
    box-shadow: 3px 2px 5px -2px rgba(0,0,0,.2);
    margin-left: 8px;
    margin-right:5px;
}
.pkp_navigation_user>li>a{
	color:whitesmoke;
}
.pkp_navigation_primary_row{
	background-color:white;
	-webkit-box-shadow: -2px 4px 15px 2px #CBCBCB; 
	-webkit-box-shadow: 0px 0px 5px 0.5px rgba(103,104,107,0.34);
    -moz-box-shadow: 0px 0px 5px 0.5px rgba(103,104,107,0.34);
    box-shadow: 0px 0px 5px 0.5px rgba(103,104,107,0.34);
	padding-top:5px;
	padding-bottom:5px;
}
#navigationPrimary ul a{
	color:#101e5a;
}

#navigationPrimary ul a:hover{
	background-color:whitesmoke;
	color:#3e82da;
}

#navigationPrimary > li > a:hover {
	color:#4A89DC;
}

/**************************HEADER*************************************************/
.pkp_structure_head { 
  position: relative; 
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color:#3575d3;
  background-image: linear-gradient(135deg, transparent 0%, transparent 17%,rgba(87, 146, 234,0.6) 17%, rgba(87, 146, 234,0.6) 59%,transparent 59%, transparent 64%,rgba(34, 81, 222,0.6) 64%, rgba(34, 81, 222,0.6) 100%),linear-gradient(45deg, transparent 0%, transparent 2%,rgb(87, 146, 234) 2%, rgb(87, 146, 234) 46%,rgb(114, 178, 239) 46%, rgb(114, 178, 239) 54%,transparent 54%, transparent 63%,rgb(7, 48, 216) 63%, rgb(7, 48, 216) 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
  margin-bottom:.25em;

}
.pkp_site_name .is_img img{
	margin-top:30px;
	margin-bottom:20px;
	max-height:150px;

}
.pkp_site_name_wrapper{
    background:none;
}
/**************************MAIN SITE**********************************************/

.pkp_page_index .homepage_image img {
	display:block;
	width:100%;
	height:auto;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}

.pkp_page_index .additional_content {
	border-top:0px solid #ddd;
	padding: 10px 0px 0px 3px;
}

.pkp_structure_content {
	font-size:15px;
	margin-bottom:.3em;
	-webkit-box-shadow: 0px 0px 5px 0.5px rgba(103,104,107,0.34);
    -moz-box-shadow: 0px 0px 5px 0.5px rgba(103,104,107,0.34);
    box-shadow: 0px 0px 5px 0.5px rgba(103,104,107,0.34);
}

/**************************ISSUES ARCHIVE*****************************************/
.obj_issue_summary {
	margin:0em 3em 0em 1.6em;
	padding-left:1em;
	border-left:1px solid #101e5a;
}

.page_issue_archive .issues_archive > li {
	margin:0em 0em 0em 0em;
	padding:2em 0em 0em 0.7em;
}

/**************************ARTICLES SUMMARY***************************************/
.obj_issue_toc .sections:not(:first-child) {
	margin-top:0em;
}
.obj_issue_toc .section > h2 {
	border-bottom:0px;
	border-left:0px;
	font-family:'Source Sans Pro', sans-serif;
	font-weight:300;
	text-transform:uppercase;
	padding:0.15em 1em;
	background-color:#fafbfb;
	width:100%;	
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

}

ul.galleys_links {
	list-style:none;
}

.obj_article_summary {
	padding:0em 1.5em;
}

.obj_article_summary .cover {
	display:block;
	float:left;
	width:70px;
	height:auto;
	margin-right:15px;
}

.obj_article_summary > .title {
	font-family:'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:15px;
	text-transform:uppercase;

}

.obj_article_summary > .title a {
	display:block;
	text-decoration:none;
	font-size:16px;
	color:#333
}

.doi_summary {
	padding:0.4em 0.7em;
	margin-top:0.3em;
}

.doi_summary a {
	text-decoration:none !important;
}
.doi_summary a:hover {
	text-decoration:underline !important;
}
.obj_article_summary > .galleys_links {
	list-style:none;
	margin-bottom:0.5em;
}
.obj_article_summary > .galleys_links a {
	color:#fff;
	background-color:#101e5a;
}
.obj_article_summary > .galleys_links a:hover {
	background-color:#3366cc;
	text-decoration:none;
}
/**************************ARTICLES DETAILS***************************************/
.obj_article_details > .page_title {
	font-weight:600;
}

.obj_article_details .doi a {
	color:#101e5a;
	font-family:'Source Sans Pro', sans-serif;
}

.obj_article_details .doi a:hover {
	color:#3366cc;
	font-family:'Source Sans Pro', sans-serif;
}

.obj_article_details .entry_details .item.galleys .galleys_links {
   padding:0;
   background-color:#fff;
}

.obj_article_details .entry_details .item.galleys .galleys_links a {
	color:#fff;
	background-color:#101e5a;
}

.obj_article_details .entry_details .item.galleys .galleys_links a:hover {
	background-color:#3366cc;
}

.obj_article_details .entry_details .sub_item:not(:first-child) .label {
   display:inline-block;
   padding:.5em 0;
   margin:0 20px;
   width:83%;
   border-bottom:1px solid #101e5a;
}

.obj_article_details .entry_details .item > .value ul {
	list-style:none;
	padding:0;
	margin:0;
}

.obj_article_details .entry_details .item > .value ul li {
	padding:5px 0;
}

.obj_article_details .main_entry .label {
	border-bottom:0px;
	border-left:0px;	
	font-weight:300;
	text-transform:uppercase;
	width:100%;	
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.obj_article_details .item {
	padding:1em 0em 2em 2.5em;
}

.obj_article_details .main_entry .item .label {
	font-size:16px;
}

.obj_article_details .galleys_links a:hover {
	background-color:#3366cc;
	text-decoration:none;
}

.obj_article_details .entry_details .cover_image img {
	width:200px
}

/**************************SIDER BAR**********************************************/

.pkp_structure_sidebar:before {
	border-left:1px solid #ddd;
}

.pkp_block {
	padding: 0px 3px 5px 5px;
	font-size:14px;
	line-height:20px;
}
.block_make_submission{
padding: 15px 3px 5px 5px;
}

.pkp_block .title {
	width:100%;
	background-color:#101e5a;
	height:30px;
	font-size:13px;
	color:#ecececec;
	padding-top:0.4em;
	margin-bottom:0px;
	border:0px;
	text-align:center;
	
	font-family:'Source Sans Pro', sans-serif;
}

.pkp_block .content {
	background-color:#4A89DC;

}

.pkp_block .content ul li {
	padding:0px 0;
	background-color:#4A89DC;
}

.pkp_block li {
   border-radius:0;
   position:relative;
   background-color:#f1f1f1;
   display:block;
}

.pkp_block ul>li {
	border-bottom:1px solid rgba(0,0,0,.125);
}

.pkp_block ul>li a {
	color:white;
	padding:.75rem 1rem;
   display:flex;
}

.pkp_block ul>li a:hover {
   text-decoration:none;
   background-color:#3e82da;
}
/**************************Announcement block*************************************************/

.block_announcements_article{
	padding:1em 1em 1em;
	background-color:#3e82da;
	color:whitesmoke;
}

/**************************MEDIA*************************************************/

/* Tablet in modalità verticale */
@media all and (min-width:376px) and (max-width:990px) {
	.pkp_structure_main {
		padding:0px 10px 10px 10px;
		overflow:auto;
		margin-bottom:1.5em;
	}

	.obj_article_details .item {
		padding:2em 0.5em 0em 1.5em;
	}
	.pkp_block {
		padding:0px 0px 20px 0px;
		font-size:14px;
		line-height:20px;
	}
	.pkp_site_nav_toggle {
            position: absolute;
            right: 0;
            top: 25%;
            width: 4em;
            margin-top: -5em;
}
.pkp_site_name .is_img img{
	max-height:90px;
	margin-top:-5px

}
.has_site_logo .pkp_site_name, .has_site_logo .pkp_navigation_primary_wrapper{
	text-align:center;
	left:0;
	padding-left:0px;
}
.pkp_navigation_user>li>a{
	color:#101e5a;
}
.pkp_site_nav_menu{
top:-65%;
}
.pkp_site_nav_menu a{
	color:#101e5a;
}
.pkp_nav_list li.profile {
    margin-left: 8px;
    margin-right:25px;
    text-align:center;
    margin-bottom:5px;
}
.pkp_structure_head { 
height:25vh;
}
}

/* Smartphone o piccoli Tablet */
@media all and (max-width:376px) {
	
	.pkp_structure_main {
		padding:0px 10px 10px 10px;
		overflow:auto;
		margin-bottom:1.5em;
	}

	.pkp_block {
		padding:0px 0px 20px 0px;
		font-size:14px;
		line-height:20px;
	}
	.pkp_footer_content {
		width:100%;
		float:none;
	}
	.pkp_site_nav_toggle {
            position: absolute;
            right: 0;
            top: 60%;
            width: 4em;
            margin-top: -5em;
}	.pkp_structure_main {
		padding:0px 10px 10px 10px;
		overflow:auto;
		margin-bottom:1.5em;
	}

	.obj_article_details .item {
		padding:2em 0.5em 0em 0.5em;
	}

.carousel-inner{
	position:relative;
}

.pkp_site_name .is_img img{
	max-height:60px;
	margin-top:-5px

}
.has_site_logo .pkp_site_name, .has_site_logo .pkp_navigation_primary_wrapper{
	text-align:center;
	left:5px;
}
.has_site_logo .pkp_site_name, .has_site_logo .pkp_navigation_primary_wrapper{
	text-align:center;
	padding:0px;
}
.pkp_navigation_user>li>a{
	color:#101e5a;
}
.pkp_site_nav_menu{
top:-65%;
}
.pkp_site_nav_menu a{
	color:#101e5a;
}
.pkp_structure_head { 
height:25vh;
}
}

/**********************
/***** Services *******
/*********************/
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
section{
	padding: 20px 0;
}
section .section-title{
	text-align:center;
	color:#101e5a;
	margin-bottom:50px;
	text-transform:uppercase;
}
#what-we-do{
	background:transparent;
}
#what-we-do .card{
	padding: 1rem!important;
	border: none;
	margin-bottom:1rem;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
	background-image: radial-gradient(circle at 28% 29%, rgba(237, 237, 237,0.04) 0%, rgba(237, 237, 237,0.04) 50%,rgba(136, 136, 136,0.04) 50%, rgba(136, 136, 136,0.04) 100%),radial-gradient(circle at 8% 78%, rgba(156, 156, 156,0.04) 0%, rgba(156, 156, 156,0.04) 50%,rgba(37, 37, 37,0.04) 50%, rgba(37, 37, 37,0.04) 100%),radial-gradient(circle at 29% 46%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 50%,rgb(244,249,254) 50%, rgb(244,249,254) 100%),linear-gradient(90deg, rgb(216,225,243),rgb(216,225,243));
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#what-we-do .card:hover{
	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
#what-we-do .card .card-block{
	padding-left: 50px;
    position: relative;
}
#what-we-do .card .card-block a{
	color: #101e5a !important;
	font-weight:700;
	text-decoration:none;
}
#what-we-do .card .card-block a i{
	display:none;
	
}
#what-we-do .card:hover .card-block a i{
	display:inline-block;
	font-weight:700;
	
}
#what-we-do .card .card-block:before{
	font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #101e5a;
    left: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}
#what-we-do .card .block-1:before{
    content: "\f25e";
}
#what-we-do .card .block-2:before{
    content: "\f0eb";
}
#what-we-do .card .block-3:before{
    content: "\f00c";
}
#what-we-do .card .block-4:before{
    content: "\f155";
}

#what-we-do .card:hover .card-block:before{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);	
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#what-we-do .card-title{
	margin: auto;
}

.container-fluid{
	padding-left:0px;
	padding-right:0px;
}

.carousel-indicators {
  bottom:-15px;
}
/**********************
/***** Brand footer *******
/*********************/
.pkp_brand_footer 
{display:none;
}


/************************************
/***** Article detail page *******
/***********************************/
.obj_article_details .page_title {
    text-align: center;
}

.obj_article_details>.subtitle {
   text-align: center;
}

.obj_article_details .item.doi {
    	text-align: center;
	text-decoration: none;
}

.obj_article_details .item.keywords {
    text-transform: capitalize;
}

.item.abstract{
	text-align: justify;
	padding-top: 0px;
}
/************************************
/***** inexinglogos *******
/***********************************/
img.indexings {
  width: 170px;
}

/* ==== PATCH 2025-10-26: OJS 3.5 Bootstrap3 (Cerulean) fixes ==== */

/* 1) Force styling for "Make a Submission" button against Bootstrap .btn */
.block_make_submission a.btn,
.cmp_manuscript_button.btn {
  background-color: #101e5a !important;
  border-color: #101e5a !important;
  color: #fff !important;
  width: 100%;
  text-align: center;
  text-decoration: none;
}
.block_make_submission a.btn:hover,
.cmp_manuscript_button.btn:hover {
  background-color: #3366cc !important;
  border-color: #3366cc !important;
  color: #fff !important;
  text-decoration: none;
}

/* 2) Hide brand footer used by Bootstrap 3 theme */
/*#developedBy { display: none; }*/

/* 3) Optional: tune top navbar link colors in Cerulean 
   (uncomment if you want to override Cerulean defaults)
*/
/*
.navbar-default .navbar-nav>li>a { color: #101e5a; }
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus { color: #3366cc; }
*/


/* ==== PATCH 2025-10-26 (integrated): Bootstrap3 navbar — journal name ABOVE primary menu ==== */
/* Keep default behaviour on small screens; change layout on ≥768px */
@media (min-width: 768px){
  /* Center the brand on its own row */
  .navbar.navbar-default .navbar-header,
  .navbar.navbar-default .navbar-brand{
    float:none;
  }
  .navbar.navbar-default .navbar-brand{
    display:block;
    text-align:center;
    margin:8px 0;
    padding:15px 0;
  }
  /* Make the menu start on a new line and center it */
  .navbar.navbar-default .navbar-collapse{
    text-align:center;
  }
  .navbar.navbar-default .navbar-nav{
    float:none;
    display:inline-block;
    margin:0;
  }
}

/* =============================================================
   OJS 3.5 — Bootstrap3 (Cerulean)
   КОНТРОЛ САМО ЗА БУТОНА „Подаване на материал“ (Make a Submission)
   -------------------------------------------------------------
   ▶ Какво променя: визията на бутона в блока за подаване (.block_make_submission a[.btn])
     и/или глобалния submission бутон (.cmp_manuscript_button[.btn]).
   ▶ НЕ засяга други бутони/менюта.
   ▶ Настройките се управляват изцяло през променливи по‑долу.
   ============================================================= */

/* === ПРОМЕНЛИВИ ЗА БУТОНА „Подаване на материал“ ===
   ▼ Обяснение на всяка променлива:
   --submit-btn-font-family     → Шрифт на текста в бутона.
   --submit-btn-font-weight     → Дебелина (400 нормален, 600/700 по‑плътен).
   --submit-btn-font-size       → Размер на шрифта.
   --submit-btn-text-transform  → Трансформация: uppercase | capitalize | none.
   --submit-btn-letter-spacing  → Разстояние между буквите (напр. 0.2px).
   --submit-btn-text-color      → Цвят на текста.
   --submit-btn-bg              → Фон (може да е цвят или gradient).
   --submit-btn-border-color    → Цвят на рамката.
   --submit-btn-border-width    → Дебелина на рамката (напр. 1px).
   --submit-btn-radius          → Закръгляне на ъглите (напр. 6px).
   --submit-btn-padding         → Вътрешни отстояния (напр. .6rem 1rem).
   --submit-btn-shadow          → Сянка (напр. 0 2px 6px rgba(0,0,0,.15)).
   --submit-btn-width           → Ширина: 100% за пълен, auto за по съдържание.
   --submit-btn-align           → Подравняване на текста: left|center|right.
   --submit-btn-transition      → Анимация при hover/focus.

   --submit-btn-text-hover      → Текст при hover.
   --submit-btn-bg-hover        → Фон при hover (цвят или gradient).
   --submit-btn-border-hover    → Рамка при hover.

   --submit-btn-focus-ring      → Outline при фокус (напр. 0 0 0 3px rgba(...)).
   --submit-btn-disabled-bg     → Фон, когато е disabled.
   --submit-btn-disabled-text   → Текст, когато е disabled.
*/
:root{
  --submit-btn-font-family: "Noto Sans", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --submit-btn-font-weight: 700;
  --submit-btn-font-size: 2rem;
  --submit-btn-text-transform: none;
  --submit-btn-letter-spacing: 0.2px;

  --submit-btn-text-color: #191970;
  --submit-btn-bg: #AFEEEE;
  --submit-btn-border-color: #FF7F50;
  --submit-btn-border-width: 3px;
  --submit-btn-radius: 6px;
  --submit-btn-padding: .6rem 1rem;
  --submit-btn-shadow: none;
  --submit-btn-width: 100%;
  --submit-btn-align: center;
  --submit-btn-transition: all .18s ease-in-out;

  --submit-btn-text-hover: #ffffff;
  --submit-btn-bg-hover: #3366cc;
  --submit-btn-border-hover: #FF6060;

  --submit-btn-focus-ring: 0 0 0 3px rgba(16,30,90,.35);
  --submit-btn-disabled-bg: #9aa3b2;
  --submit-btn-disabled-text: #e9edf3;
}

/* === ПРИЛОЖЕНИЕ НА ПРОМЕНЛИВИТЕ — само върху submission бутона === */
.block_make_submission a,
.block_make_submission a.btn,
.cmp_manuscript_button,
.cmp_manuscript_button.btn{
  /* Типография */
  font-family: var(--submit-btn-font-family) !important;
  font-weight: var(--submit-btn-font-weight) !important;
  font-size: var(--submit-btn-font-size) !important;
  text-transform: var(--submit-btn-text-transform) !important;
  letter-spacing: var(--submit-btn-letter-spacing) !important;

  /* Цветове и фон */
  color: var(--submit-btn-text-color) !important;
  background: var(--submit-btn-bg) !important;

  /* Рамка и форма */
  border-color: var(--submit-btn-border-color) !important;
  border-width: var(--submit-btn-border-width) !important;
  border-style: solid !important;
  border-radius: var(--submit-btn-radius) !important;

  /* Размер и подравняване */
  padding: var(--submit-btn-padding) !important;
  width: var(--submit-btn-width) !important;
  text-align: var(--submit-btn-align) !important;
  display: inline-block;

  /* Ефекти */
  box-shadow: var(--submit-btn-shadow) !important;
  transition: var(--submit-btn-transition) !important;
  text-decoration: none !important;
}

.block_make_submission a:hover,
.block_make_submission a.btn:hover,
.cmp_manuscript_button:hover,
.cmp_manuscript_button.btn:hover{
  color: var(--submit-btn-text-hover) !important;
  background: var(--submit-btn-bg-hover) !important;
  border-color: var(--submit-btn-border-hover) !important;
  text-decoration: none !important;
}

.block_make_submission a:focus,
.block_make_submission a.btn:focus,
.cmp_manuscript_button:focus,
.cmp_manuscript_button.btn:focus{
  outline: none !important;
  box-shadow: var(--submit-btn-focus-ring) !important;
}

.block_make_submission a[disabled],
.block_make_submission a.btn[disabled],
.cmp_manuscript_button[disabled],
.cmp_manuscript_button.btn[disabled]{
  background: var(--submit-btn-disabled-bg) !important;
  color: var(--submit-btn-disabled-text) !important;
  cursor: not-allowed !important;
  opacity: .85;
}


/* =============================================================
   OJS 3.5 — Bootstrap3 (Cerulean)
   ДОКУМЕНТАЦИЯ: Променливи за БУТОНИТЕ В МЕНЮТАТА (Primary/Nav & Dropdown)
   ------------------------------------------------------------------------
   Този раздел е САМО ИНФОРМАЦИОНЕН и НЕ променя текущия стил.
   Ако искаш да ги използваш:
     1) Разкоментирай блока :root{...} по-долу (или го копирай в края на файла).
     2) Разкоментирай "примерните правила", за да вържеш променливите към менюто.
     3) Смени стойностите на променливите по желание.
   ------------------------------------------------------------------------

   ── Типография (шрифт и формат)
   --menu-font-family      → Шрифт на елементите в менюто.
   --menu-font-size        → Размер на шрифта.
   --menu-font-weight      → Дебелина (400, 500, 600…).
   --menu-text-transform   → none | uppercase | capitalize.
   --menu-letter-spacing   → Междубуквено разстояние (напр. 0.2px).

   ── Нормално състояние
   --menu-text             → Цвят на текста.
   --menu-bg               → Фон (остави transparent, ако не искаш „табове“).
   --menu-border-color     → Рамка (цвят).
   --menu-border-width     → Рамка (дебелина; 0 за без рамка).
   --menu-radius           → Закръгляне на ъглите (0 или 6px/999px).
   --menu-padding          → Вътрешни отстояния (увеличават „плочката“).
   --menu-gap-x            → Хоризонтален отстъп между елементите.
   --menu-focus-ring       → „Halo“ при фокус (box-shadow).

   ── Hover/Focus
   --menu-hover-text       → Текст при hover/focus.
   --menu-hover-bg         → Фон при hover/focus (transparent за „само текст“).
   --menu-hover-border     → Рамка при hover/focus.

   ── Активно/отворено
   --menu-active-text      → Текст за активен/отворен елемент.
   --menu-active-bg        → Фон за активен/отворен елемент.
   --menu-active-border    → Рамка за активен/отворен елемент.

   ── Dropdown меню
   --dropdown-bg           → Фон на падащото меню.
   --dropdown-border       → Рамка на падащото меню.
   --dropdown-item-text    → Текст в елементите.
   --dropdown-item-hover-text → Текст при hover вътре.
   --dropdown-item-hover-bg   → Фон при hover вътре.
   ------------------------------------------------------------------------

   ▼ СКЕЛЕТ НА ПРОМЕНЛИВИ (ПРИМЕРНИ СТОЙНОСТИ) – РАЗКОМЕНТИРАЙ, ЗА ДА АКТИВИРАШ
   ------------------------------------------------------------------------
*/

:root{
  --menu-font-family: "Noto Sans", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --menu-font-size: 1.5rem;
  --menu-font-weight: 600;
  --menu-text-transform: none;
  --menu-letter-spacing: 0.2px;

  --menu-text: #E0FFFF;
  --menu-bg: transparent;
  --menu-border-color: transparent;
  --menu-border-width: 0;
  --menu-radius: 6px;
  --menu-padding: 10px 15px;
  --menu-gap-x: 0;
  --menu-focus-ring: 0 0 0 3px rgba(16,30,90,.20);

  --menu-hover-text: #191970;
  --menu-hover-bg: transparent;
  --menu-hover-border: transparent;

  --menu-active-text:#191970;
  --menu-active-bg:  transparent;
  --menu-active-border: #191970;

  --dropdown-bg: #F0F0F0;
  --dropdown-border: #c6c6c6;
  --dropdown-item-text: #101e1a;
  --dropdown-item-hover-text: #191990;
  --dropdown-item-hover-bg: #AFEEEE;
}


/* ------------------------------------------------------------------------
   ▼ ПРИМЕРНИ ПРАВИЛА (ВРЪЗКА МЕЖДУ СЕЛЕКТОРИТЕ И ПРОМЕНЛИВИТЕ)
   Разкоментирай, ако искаш менюто да използва горните променливи.
   ------------------------------------------------------------------------ */

.navbar-default .navbar-nav>li>a,
#navigationPrimary>li>a,
#navigationPrimary ul a{
  font-family: var(--menu-font-family);
  font-size: var(--menu-font-size);
  font-weight: var(--menu-font-weight);
  text-transform: var(--menu-text-transform);
  letter-spacing: var(--menu-letter-spacing);
  color: var(--menu-text);
  background: var(--menu-bg);
  border: var(--menu-border-width) solid var(--menu-border-color);
  border-radius: var(--menu-radius);
  padding: var(--menu-padding);
  text-decoration: none;
  margin-right: var(--menu-gap-x);
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
#navigationPrimary>li>a:hover,
#navigationPrimary ul a:hover{
  color: var(--menu-hover-text);
  background: var(--menu-hover-bg);
  border-color: var(--menu-hover-border);
  text-decoration: none;
  outline: none;
  box-shadow: var(--menu-focus-ring);
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus{
  color: var(--menu-active-text);
  background: var(--menu-active-bg);
  border-color: var(--menu-active-border);
  text-decoration: none;
  box-shadow: none;
}

.navbar-default .dropdown-menu{
  background: var(--dropdown-bg);
  border-color: var(--dropdown-border);
}
.navbar-default .dropdown-menu>li>a{
  color: var(--dropdown-item-text);
}
.navbar-default .dropdown-menu>li>a:hover,
.navbar-default .dropdown-menu>li>a:focus{
  color: var(--dropdown-item-hover-text);
  background: var(--dropdown-item-hover-bg);
  text-decoration: none;
}
/* =============================================================
   OJS 3.5 — Bootstrap3 (Cerulean)
   ДОКУМЕНТАЦИЯ: Странични блокове / меню (SIDEBAR)
   ------------------------------------------------------------------------
   Този раздел е САМО ИНФОРМАЦИОНЕН и НЕ променя текущия стил.
   Ако искаш да го използваш:
     1) Разкоментирай блока :root{...} (или го копирай в края на файла).
     2) Разкоментирай „примерните правила“ по-долу, за да вържеш променливите.
     3) Важно: изключваме блока за „Подаване на материал“ чрез :not(.block_make_submission)
        и НЕ засягаме бутона за подаване.
   ------------------------------------------------------------------------

   ── Контейнер на блока (картичка)
   --sidebar-block-bg          → Фон на всеки страничен блок.
   --sidebar-block-border      → Рамка на блока.
   --sidebar-block-radius      → Закръгляне на ъглите.
   --sidebar-block-shadow      → Сянка на блока.
   --sidebar-block-padding     → Вътрешни отстояния в блока.
   --sidebar-gap-y             → Вертикален отстъп между блоковете.

   ── Заглавие на блока (.title)
   --sidebar-title-font-family → Шрифт на заглавието.
   --sidebar-title-font-size   → Размер на заглавието.
   --sidebar-title-font-weight → Дебелина на шрифта.
   --sidebar-title-transform   → none | uppercase | capitalize.
   --sidebar-title-letter-sp   → Междубуквено разстояние.
   --sidebar-title-color       → Цвят на текста на заглавието.
   --sidebar-title-bg          → Фон зад заглавието.
   --sidebar-title-align       → Подравняване (left|center|right).
   --sidebar-title-padding     → Вътрешни отстояния на заглавието.
   --sidebar-title-border-btm  → Долна линия (например 1px solid rgba(...)).

   ── Съдържание (връзки в списъка)
   --sidebar-link-font-family  → Шрифт на линковете.
   --sidebar-link-font-size    → Размер на линковете.
   --sidebar-link-font-weight  → Дебелина на линковете.
   --sidebar-link-color        → Цвят на текста (нормално).
   --sidebar-link-bg           → Фон на реда (нормално).
   --sidebar-link-padding      → Отстояния на реда.
   --sidebar-link-radius       → Закръгляне на реда.
   --sidebar-link-border-btm   → Разделител между редовете (напр. 1px solid #...).
   --sidebar-link-hover-color  → Цвят при hover/focus.
   --sidebar-link-hover-bg     → Фон при hover/focus.
   --sidebar-link-active-color → Цвят за активен елемент.
   --sidebar-link-active-bg    → Фон за активен елемент.
   --sidebar-link-focus-ring   → "Halo" при фокус (box-shadow).

   ── Малък текст/бележки вътре
   --sidebar-muted             → Цвят за вторичен текст.
   ------------------------------------------------------------------------

   ▼ СКЕЛЕТ НА ПРОМЕНЛИВИ (ПРИМЕРНИ СТОЙНОСТИ) – РАЗКОМЕНТИРАЙ, ЗА ДА АКТИВИРАШ
   ------------------------------------------------------------------------
*/

:root{
  /* Контейнер */
  --sidebar-block-bg: #F0F0F0;/*#ff00dc ;*/
  --sidebar-block-border: transparent;
  --sidebar-block-radius: 6px;
  --sidebar-block-shadow: none;
  --sidebar-block-padding: 0;          /* темата често си управлява padding-а */
  --sidebar-gap-y: 14px;

  /* Заглавие */
  --sidebar-title-font-family: "Lora", Georgia, "Times New Roman", serif;
  --sidebar-title-font-size: 1.5rem;
  --sidebar-title-font-weight: 700;
  --sidebar-title-transform: none;
  --sidebar-title-letter-sp: 0.2px;
  --sidebar-title-color: #ececec;
  --sidebar-title-bg: #0c4c72;
  --sidebar-title-align: center;
  --sidebar-title-padding: 6px 10px;
  --sidebar-title-border-btm: none;

  /* Линкове */
  --sidebar-link-font-family: "Noto Sans", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --sidebar-link-font-size: 1.5rem;
  --sidebar-link-font-weight: 500;
  --sidebar-link-color: #ffffff;
  --sidebar-link-bg:#3e82da;/*transparent;*/
  --sidebar-link-padding: 10px 12px;
  --sidebar-link-radius: 0;
  --sidebar-link-border-btm: none;
  --sidebar-link-hover-color:#191970; /*#ffffff;*/
  --sidebar-link-hover-bg: #40a8e5;
  --sidebar-link-active-color: #ffffff;
  --sidebar-link-active-bg: #40a8e5;
  --sidebar-link-focus-ring: 0 0 0 0 rgba(0,0,0,0);

  /* Малък текст */
  --sidebar-muted: rgba(255,255,255,.85);
}


/* ------------------------------------------------------------------------
   ▼ ПРИМЕРНИ ПРАВИЛА (ВРЪЗКА НА ПРОМЕНЛИВИТЕ с .pkp_block)
   Разкоментирай, ако искаш страничните блокове да използват променливите.
   ВНИМАНИЕ: изключваме блока за подаване чрез :not(.block_make_submission)
   ------------------------------------------------------------------------ */

/* Контейнер на блока */
.pkp_structure_sidebar .panel.pkp_block:not(.block_make_submission){
  background: var(--sidebar-block-bg) !important;   /* тема често задава фон на .panel */
  border-color: var(--sidebar-block-border) !important;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--sidebar-block-radius);
  box-shadow: var(--sidebar-block-shadow);
  /* Ако темата добавя вътрешни отстояния в .panel-body, контролирай ги по-долу */
}

/* Заглавие на блока */
.pkp_block:not(.block_make_submission) .title{
  font-family: var(--sidebar-title-font-family);
  font-size: var(--sidebar-title-font-size);
  font-weight: var(--sidebar-title-font-weight);
  text-transform: var(--sidebar-title-transform);
  letter-spacing: var(--sidebar-title-letter-sp);
  color: var(--sidebar-title-color);
  background: var(--sidebar-title-bg);
  text-align: var(--sidebar-title-align);
  padding: var(--sidebar-title-padding);
  border-bottom: var(--sidebar-title-border-btm);
}
/* Съдържание (тялото на панела) */
.pkp_structure_sidebar .panel.pkp_block:not(.block_make_submission) > .panel-body{
  background: var(--sidebar-block-bg) !important;
  padding: var(--sidebar-block-padding); /* ако искаш да го контролираш от променлива */
}

/* Връзки в съдържанието */
.pkp_block:not(.block_make_submission) .content li a{
  font-family: var(--sidebar-link-font-family);
  font-size: var(--sidebar-link-font-size);
  font-weight: var(--sidebar-link-font-weight);
  color: var(--sidebar-link-color);
  background: var(--sidebar-link-bg);
  padding: var(--sidebar-link-padding);
  border-radius: var(--sidebar-link-radius);
  display: block;
  text-decoration: none;
  border-bottom: var(--sidebar-link-border-btm);
}
.pkp_block:not(.block_make_submission) .content li a:hover,
.pkp_block:not(.block_make_submission) .content li a:focus{
  color: var(--sidebar-link-hover-color);
  background: var(--sidebar-link-hover-bg);
  text-decoration: none;
  outline: none;
  box-shadow: var(--sidebar-link-focus-ring);
}
.pkp_block:not(.block_make_submission) .content li.active > a{
  color: var(--sidebar-link-active-color);
  background: var(--sidebar-link-active-bg);
}

/* Малък/вторичен текст */
.pkp_block:not(.block_make_submission) .content .muted,
.pkp_block:not(.block_make_submission) .content small{
  color: var(--sidebar-muted);
}

/* =============================================================
   OJS 3.5 — Bootstrap3 (Cerulean)
   АКТИВЕН ФУТЪР — СВЕТЛО СИН (съвместими селектори)
   -------------------------------------------------------------
   Този блок покрива различните маркъпи на футъра в темата:
   footer.footer, .footer, #footer, #pageFooter, .pkp_structure_footer, .pkp_footer
   ============================================================= */

:root{
  --footer-bg: #41a9e5;/*Фон за ffoter*/
  --footer-text: #1f2937;
  --footer-muted: #6b7280;
  --footer-link: #101e5a;
  --footer-link-hover: #3366cc;
  --footer-heading-color: #101e5a;
  --footer-border-top: 1px solid rgba(16,30,90,.18);
  --footer-padding-y: 20px;
  --footer-padding-x: 0;
  --footer-align: left;
  --footer-max-width: 1200px;

  --footer-font-family: "Noto Sans", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --footer-font-size: 0.98rem;
  --footer-line-height: 1.65;
  --footer-heading-family: "Lora", Georgia, "Times New Roman", serif;
  --footer-heading-size: 1.06rem;
  --footer-heading-weight: 700;

  --footer-col-gap-x: 18px;
  --footer-col-gap-y: 6px;
  --footer-link-padding: 4px 0;
  --footer-link-underline: none;

  --footer-brand-display: none;
  --footer-brand-bg: #EAF3FF;
  --footer-brand-text: #6b7280;
  --footer-brand-link: #101e5a;
  --footer-brand-link-hover: #3366cc;
}

/* === Основен контейнер на футъра === */
footer.footer,
.footer,
#footer,
#pageFooter,
.pkp_structure_footer,
.pkp_footer{
  background: var(--footer-bg) !important;
  color: var(--footer-text) !important;
  border-top: var(--footer-border-top) !important;
  padding: var(--footer-padding-y) var(--footer-padding-x) !important;
  font-family: var(--footer-font-family);
  font-size: var(--footer-font-size);
  line-height: var(--footer-line-height);
  text-align: var(--footer-align);
}

/* Вътрешно съдържание и ширина */
footer.footer .container,
.footer .container,
#footer .container,
#pageFooter .container,
.pkp_structure_footer .pkp_footer_content,
.pkp_footer .pkp_footer_content{
  max-width: var(--footer-max-width);
  margin: 0 auto;
  padding: 0 var(--footer-padding-x);
}

/* Заглавия */
footer.footer h4, footer.footer h5,
.footer h4, .footer h5,
#footer h4, #footer h5,
#pageFooter h4, #pageFooter h5,
.pkp_structure_footer h4, .pkp_structure_footer h5,
.pkp_footer h4, .pkp_footer h5{
  color: var(--footer-heading-color);
  font-family: var(--footer-heading-family);
  font-size: var(--footer-heading-size);
  font-weight: var(--footer-heading-weight);
  margin: 0 0 8px 0;
}

/* Линкове */
footer.footer a, .footer a, #footer a, #pageFooter a, .pkp_structure_footer a, .pkp_footer a{
  color: var(--footer-link);
  text-decoration: var(--footer-link-underline);
  padding: var(--footer-link-padding);
  display: inline-block;
}
footer.footer a:hover, footer.footer a:focus,
.footer a:hover, .footer a:focus,
#footer a:hover, #footer a:focus,
#pageFooter a:hover, #pageFooter a:focus,
.pkp_structure_footer a:hover, .pkp_structure_footer a:focus,
.pkp_footer a:hover, .pkp_footer a:focus{
  color: var(--footer-link-hover);
  text-decoration: none;
}

/* Списъци и колони */
footer.footer ul, .footer ul, #footer ul, #pageFooter ul, .pkp_structure_footer ul, .pkp_footer ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
footer.footer li, .footer li, #footer li, #pageFooter li, .pkp_structure_footer li, .pkp_footer li{
  margin: var(--footer-col-gap-y) 0;
}
footer.footer .row > [class*="col-"],
.footer .row > [class*="col-"],
#footer .row > [class*="col-"],
#pageFooter .row > [class*="col-"],
.pkp_structure_footer .row > [class*="col-"],
.pkp_footer .row > [class*="col-"]{
  padding-right: calc(var(--footer-col-gap-x) / 2);
  padding-left: calc(var(--footer-col-gap-x) / 2);
}

/* Бранд ред (PKP / #developedBy) */
.pkp_brand_footer,
#developedBy{
  display: var(--footer-brand-display) !important;
  background: var(--footer-brand-bg) !important;
  color: var(--footer-brand-text) !important;
  padding: 8px 0;
  text-align: var(--footer-align);
}
.pkp_brand_footer a,
#developedBy a{
  color: var(--footer-brand-link) !important;
  text-decoration: none;
}
.pkp_brand_footer a:hover,
#developedBy a:hover{
  color: var(--footer-brand-link-hover) !important;
  text-decoration: underline;
}

/* =============================================================
   OJS 3.5 — Bootstrap3 (Cerulean)
   MERGED PATCH — LOGO LEFT + SYNTHETIC TITLE + LOGO SIZE CONTROLS
   -------------------------------------------------------------
   ✅ Не променя меню/сайдбар/футър. Работи с DOM-а:
      <h1 class="site-name"><a class="navbar-brand navbar-brand-logo"><img …></a></h1>
   ✅ Пази ВСИЧКИ твои досегашни правила (този блок е най-отдолу).
   ============================================================= */

/* === ПРЕМЕНЛИВИ (редактирай само тези стойности) === */
:root{
  /* ТЕКСТ НА ЗАГЛАВИЕТО (точно както трябва да се изпише, в единични кавички) */
  --journal-title-text: 'Факултет "Комуникации и електрообзавеждане в транспорта" към ВТУ "Тодор Каблешков"';

  /* Разстояние между лого и заглавие */
  --brand-gap: 10px;

  /* РАЗМЕРИ НА ЛОГОТО */
  --brand-logo-height: 128px;        /* десктоп височина */
  --brand-logo-height-sm: 44px;     /* мобилна височина */
  --brand-logo-max-width: 260px;     /* напр. 260px или none */
  --brand-logo-max-width-sm: none;
  --brand-logo-radius: 8;           /* напр. 8px или 9999px */
  --brand-logo-border: none;        /* напр. 1px solid rgba(0,0,0,.06) */

  /* ТИПОГРАФИЯ НА ЗАГЛАВИЕТО */
  --brand-title-family: "Lora", Georgia, "Times New Roman", serif;
  --brand-title-weight: 400;
  --brand-title-size: 3.5rem;
  --brand-title-size-sm: 1.35rem;
  --brand-title-color: #191970;
  --brand-title-spacing: 0.2px;
  --brand-title-transform: none;
}

/* === LAYOUT: лого вляво + синтетично заглавие вдясно === */
body.has_site_logo .navbar-header .site-name{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 8px 0;
  gap: var(--brand-gap);
}

/* Логото (само IMG) */
body.has_site_logo .navbar-header .site-name .navbar-brand-logo{
  float: none;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
body.has_site_logo .navbar-header .site-name .navbar-brand-logo img{
  display: block;
  height: var(--brand-logo-height);
  width: auto;
  max-width: var(--brand-logo-max-width);
  border-radius: var(--brand-logo-radius);
  border: var(--brand-logo-border);
  vertical-align: middle;
  margin: 0;
}

/* Синтезирано заглавие след логото */
body.has_site_logo .navbar-header .site-name::after{
  content: var(--journal-title-text);
  font-family: var(--brand-title-family);
  font-weight: var(--brand-title-weight);
  font-size: var(--brand-title-size);
  letter-spacing: var(--brand-title-spacing);
  text-transform: var(--brand-title-transform);
  line-height: 1.2;
  color: var(--brand-title-color);
  text-align: center;
  white-space: normal;
}

/* Mobile tweaks */
@media (max-width: 767px){
  body.has_site_logo .navbar-header .site-name{
    margin: 6px 0;
    padding: 0 8px;
  }
  body.has_site_logo .navbar-header .site-name .navbar-brand-logo img{
    height: var(--brand-logo-height-sm);
    max-width: var(--brand-logo-max-width-sm);
  }
  body.has_site_logo .navbar-header .site-name::after{
    font-size: var(--brand-title-size-sm);
  }
}

/* ─────────────────────────────────────────────────────────────────────────
   СЪВЕТИ:
   • Ако искаш по-ниско лого: намали --brand-logo-height (и SM варианта).
   • Ако логото е „твърде дълго“, лимитирай ширината с --brand-logo-max-width.
   • Ако предпочиташ текстът да е в отделен ред: увеличи line-height или
     намали --brand-title-size/--brand-gap.
   ───────────────────────────────────────────────────────────────────────── */

/* =============================================================
   PATCH — CONTROL LOGO SIZE ONLY (Bootstrap3 Cerulean, OJS 3.5)
   -------------------------------------------------------------
   This block ONLY changes the rendered size of the HEADER LOGO <img>.
   It does NOT alter menus, title, sidebar, footer or colors.
   Edit the variables below; keep this block LAST in the file.
   ============================================================= */

/* Variables — change these values only */
:root{
  --brand-logo-height: 220px;     /* desktop logo height */
  --brand-logo-height-sm: 48px;  /* mobile logo height */
  /* Optional width caps (use a value like 260px or leave as none) */
  --brand-logo-max-width: none;
  --brand-logo-max-width-sm: none;
}

/* Strong override against Cerulean defaults like `.navbar-brand img{max-height:40px}` */
body.has_site_logo .navbar-header .site-name .navbar-brand-logo img,
.navbar-header .site-name .navbar-brand img,
.navbar-brand.navbar-brand-logo > img,
.navbar-brand > img{
  height: var(--brand-logo-height) !important;
  max-height: none !important;
  width: auto !important;
  max-width: var(--brand-logo-max-width) !important;
  margin: 0;
  vertical-align: middle;
}

/* Mobile */
@media (max-width: 767px){
  body.has_site_logo .navbar-header .site-name .navbar-brand-logo img,
  .navbar-header .site-name .navbar-brand img,
  .navbar-brand.navbar-brand-logo > img,
  .navbar-brand > img{
    height: var(--brand-logo-height-sm) !important;
    max-width: var(--brand-logo-max-width-sm) !important;
  }
}

/* If the header looks too tight vertically, you can optionally add:
   .navbar-header .site-name{ margin: 8px 0 !important; }
*/


/* === Вариант A: ляво подравнен ред "лого + заглавие" (без промяна) === */
@media (min-width: 768px){
  .has_site_logo .navbar-header .site-name{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--brand-gap);
    padding: var(--brand-area-padding);
    width: 100%;
    margin: 8px 0;
  }
  .navbar.navbar-default .navbar-brand{
    float: none;
    display: inline-block;
    text-align: center;
    margin: 0;
    padding: 0;
  }
  .has_site_logo .navbar-header .site-name::after{
    text-align: var(--brand-title-align);
    max-width: var(--brand-title-max-width);
    white-space: normal;
  }
}

/* === Localized journal title for BG/EN === */
/* Общата (fallback) стойност – остави я на български или по избор */
:root{
  --journal-title-text: 'ОСМА НАУЧНА КОНФЕРЕНЦИЯ С МЕЖДУНАРОДНО УЧАСТИЕ „КОМУНИКАЦИИ, ЕЛЕКТРООБЗАВЕЖДАНЕ И ИНФОРМАТИКА В ТРАНСПОРТА – КЕИТ 2026”';
}

/* Когато страницата е на английски (html[lang="en"]) */
:root:lang(en){
  --journal-title-text: 'THE EIGHT SCIENTIFIC CONFERENCE WITH INTERNATIONAL PARTICIPATION „TELECOMMUNICATIONS, ELECTRICAL EQUIPMENT AND INFORMATICS IN TRANSPORT – TEIT 2026”';
}

/* Когато страницата е на български (html[lang="bg"]) – по желание, за яснота */
:root:lang(bg){
  --journal-title-text: 'ОСМА НАУЧНА КОНФЕРЕНЦИЯ С МЕЖДУНАРОДНО УЧАСТИЕ „КОМУНИКАЦИИ, ЕЛЕКТРООБЗАВЕЖДАНЕ И ИНФОРМАТИКА В ТРАНСПОРТА – КЕИТ 2026”';
}

/* Мобилен изглед: всичко обратно „в потока“ */
@media (max-width: 767px){
  #navigationUser{
    position: static !important;
    margin: 6px 0 !important;
    transform: none !important;
  }
  #nav-menu .navbar-form.navbar-left{
    position: static !important;
    width: 100%;
    margin: 10px 0 !important;
    padding-left: 0; padding-right: 0;
    transform: none !important;
  }
}

/* =========================================================
   FIX (CSS-only): Logo/Title stay as-is + Menu bounded by Search/User
   Zoom-stable across browsers
   ========================================================= */

/* Настройки – тук пипаш само тези стойности */
:root{
  --nav-max-width: 1200px;   /* общата ширина на зоната меню+search+user */
  --nav-side-pad: 80px;      /* вътрешни отстояния (да съвпадат с визията ти) */
  --nav-gap: 16px;           /* разстояние между менюто и търсенето */
  --nav-row-gap: 10px;       /* разстояние между 1-ви и 2-ри ред на менюто */
}

@media (min-width: 768px){

  /* 1) НЕ ПИПАМЕ logo/title: махаме grid/flex върху header контейнера */
  #headerNavigationContainer{
    display: block !important;
  }

  /* 2) Забраняваме absolute “местене” на search/login (ако още е активно) */
  #navigationUser,
  #nav-menu .navbar-form.navbar-left{
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    float: none !important;
  }

  /* 3) ЕДНА И СЪЩА “рамка” за NAV зоните, за да не стърчат при zoom */
  #nav-menu{
    max-width: var(--nav-max-width) !important;
    margin: 0 auto !important;
    padding-left: var(--nav-side-pad) !important;
    padding-right: var(--nav-side-pad) !important;

    /* меню вляво + търсене вдясно */
    display: flex !important;
    align-items: flex-end;
    gap: var(--nav-gap);
  }

  /* 4) Менюто заема наличното място и се прехвърля автоматично на 2 реда */
  #nav-menu > ul#main-navigation.nav.navbar-nav,
  #main-navigation.nav.navbar-nav,
  #nav-menu > ul.navbar-nav{
    flex: 1 1 auto;
    width: auto !important;

    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    row-gap: var(--nav-row-gap) !important;

    white-space: normal !important; /* критично за wrap */
    transform: none !important;     /* маха “primary-shift” */
    margin: 0 !important;
    float: none !important;
  }

  /* Bootstrap float off за LI */
  #main-navigation > li,
  #nav-menu > ul.navbar-nav > li{
    float: none !important;
  }

  /* 5) Търсене винаги вдясно, без да “пресича” менюто */
  #nav-menu .navbar-form.navbar-left{
    flex: 0 0 auto;
    margin-left: auto !important;
    white-space: nowrap;
  }
}
/* =========================================================
   HARD FIX: центрира ЦЕЛИЯ БЛОК лого + заглавие
   спрямо същата рамка като менюто отдолу
   ========================================================= */
@media (min-width: 768px){

  /* 1) Центрираме navbar-header като блок */
  .has_site_logo .navbar-header{
    max-width: var(--nav-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: var(--nav-side-pad) !important;
    padding-right: var(--nav-side-pad) !important;

    float: none !important;
    text-align: center !important;
  }

  /* 2) Вътрешно: лого + заглавие си остават както са */
  .has_site_logo .navbar-header .site-name{
    justify-content: center !important;
    width: 100% !important;
  }

  /* 3) Заглавието да е центрирано визуално */
  .has_site_logo .navbar-header .site-name::after{
    text-align: center !important;
  }
}