/*
Theme Name:   Shu-Child-Theme
Description:  Shu Subdomains Theme
Author:       Bozhana Milcheva
Author URI:   https://www.shu.bg/
Template:     twentytwentyfive
Version:      1.0.0
Text Domain:  ShuChildTheme
Main color: #3E0530
Other color: #830f56
*/


/* =======================================
   1. MAIN STYLE
   ======================================= */

:root {
  --wp--preset--font-size--medium: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.196), 0.45rem);
}
* {
	box-sizing: border-box;
}
body{
	font-family: 'Comfortaa';
	font-size: 1rem ;
}
hr {
	border: none;
	height: 2px;
	width: 50%;
	margin: 30px auto;
	background-image: radial-gradient(closest-side, rgb(62,5,48, 0.5), rgb(62,5,48, 0) 100%) !important;
}
p{
	font-family: 'Comfortaa', cursive !important;
}
strong, b{
	font-weight: 700 !important;
}
h3{
	font-size: var(--wp--preset--font-size--large);
	font-weight: 500;
	color: #3E0530;
}
h4{
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: #000 !important;
}
h5{
	font-size: var(--wp--preset--font-size--extra-large) !important;
	font-weight: 500;
	color: #333;
}
a {
	text-decoration: none !important;
	font-family: 'Comfortaa', cursive !important;
	font-weight: 500 !important;
}
a:focus {
    outline: none !important;
	opacity:0.7; 
}
a:active{
	text-decoration: none;
}

/* --- 1.1 Icons On Href --- */	
	a[href$='.swf'], a[href$='.fla'], a[href$='.swd'] {
		display:inline-block;
		text-indent: 1.5vw;
		background:transparent url("imgs/icons/flash.png") top left no-repeat;
		background-size:auto 1vw;
	}
	a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] {
		display:inline-block;
		text-indent: 1.5vw;
		background:transparent url("imgs/icons/excel.png") top left no-repeat;
		background-size:auto 1vw;    
		}
	a[href$='.ppt'], a[href$='.pps'] {
		display:inline-block;
		padding-left:1.5vw;
		background:transparent url("imgs/icons/powerpoint.png") top left no-repeat;
		background-size:auto 1vw;
	}
	a[href$='.jpg'], a[href$='.jpeg'], a[href$='.png'], a[href$='.gif'] {
		display:inline-block;
		text-indent: 1.5vw;
		background:transparent url("imgs/icons/jpg.png") top left no-repeat;
		background-size:auto 1vw;
	}
	a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] {
		display:inline-block;
		text-indent: 1.5vw;
		background:transparent url("imgs/icons/zip.png") top left no-repeat;
		background-size:auto 1vw;
	}	
	a[href$='.pdf'],  a[href$='.pdf'],  a[href$='.PDF'],  a[href$='.PDF'],  a[href$='.pdf'],  a[href$='.PDF'] {
		display:inline-block;
		text-indent: 1.5vw;
		background:transparent url("imgs/icons/pdf.png") top left no-repeat;
		background-size:auto 1vw;
		list-style: none;
		}
	a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'], a[href$='.docx'] {
		display:inline-block;
		text-indent: 1.5vw;
		background:transparent url("imgs/icons/word.png") top left no-repeat;
		background-size:auto 1vw;
		}
	a[href^="mailto:"]:not(:has(img)):not(:has(svg)) {
		display: inline-block;
		 text-indent: clamp(16px, 2.5vw, 24px);
		background: transparent url("imgs/icons/mail.png") top left no-repeat;
		background-size: auto clamp(16px, 2vw, 20px);
	}
	main a[href^="http"]:not(:has(img)):not(:has(svg)) {
		display: inline-block;
		text-indent: 1.5vw;
		background: transparent url("imgs/icons/link.png") top left no-repeat;
		background-size: auto 1vw;
	}

/* --- 1.2 Link Icons Only On Text Href --- */		
	main .wp-block-query-pagination a,
	main .wp-block-post-title a,
	main .wp-block-post a,
	.post-navigation-link-previous a, 
	.post-navigation-link-next a,
	.staff-member-name a, 
	.staff-directory-pagination a  {
		background: none !important;
		text-indent: 0 !important;
	}


/* =======================================
   2. EFFECTS
   ======================================= */

.top-align{
    align-items: flex-start;
}
.text-shadow {
    text-shadow: 0.5px 1px 2px rgba(0, 0, 0, 0.8);
}
.text-glow {
    text-shadow: 0 0 5px rgba(255,255,255,0.8),
                 0 0 10px rgba(255,255,255,0.6);
}

/* --- 2.1 Text Border --- */	
	.border-double{
		text-shadow: 1px 1px 0 black, -1px 1px 0 black, 1px -1px 0 black, -1px -1px 0 black;
	}
	.border{
		text-shadow: 0.3px 0.3px 0 black, -0.3px 0.3px 0 black, 0.3px -0.3px 0 black, -0.3px -0.3px 0 black;
	}
	
	
/* --- 2.2 Box Shadow --- */	
	.box-shadow{
		position: relative !important;
	}
	.box-shadow::before,
	.box-shadow::after {
	  content: '';
	  position: absolute !important;
	  top: 90% !important;          
	  bottom: 5px !important;
	  width: 10vw !important;
	  display: block !important;
	  box-shadow: 0 15px 10px rgba(0,0,0,0.25) !important; 
	  z-index: -1 !important;        
	  left: 10px !important;
	  background: transparent !important;
	}
	.box-shadow::before {
		right: 10px !important;
		left: auto !important;
		transform: rotate(4deg) !important;
	}
	.box-shadow::after {
		transform: rotate(-4deg) !important;
	}
	.simple-box-shadow{
	box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
	}
	
/* --- 2.3 Fade In --- */	
	.fade-in{
	  opacity:0;
	  animation:fadeIn 0.8s ease forwards;
	}
	
/* --- 2.4 Fade On Hover --- */	
	.block-fade {
	  transition: opacity 0.25s ease;
	}
	.block-fade:hover {
	  opacity: 0.6;
	}
	
/* --- 2.5 Zoom On Hover --- */	
	.zoom {
		transition: transform 0.3s ease;
	}
	.zoom:hover {
		transform: scale(1.05);
	}
	
/* --- 2.6 Transparent Block --- */		
	.transparent{
		opacity: 0.7;
	}
	.transparent:hover{
		opacity: 1;
	}
	
/* --- 2.7 Outer & Inner Blocks --- */	
	.outer {
	  position: relative;
	  width: 100%;
	   aspect-ratio: 1870 / 160;
	  overflow: hidden;
	}
	.outer * {
	  box-sizing: border-box;
	  border: none !important;
	}
	.outer figure {
	  margin: 0;
	}
	.outer .wp-block-image,
	.outer figure,
	.outer img {
	  margin: 0;
	  height: 100%;
	  overflow: hidden;
	width: 100%;  
	}
	.outer .wp-block-image img {
		width: 100%; 
	  height: 100% !important;
	  object-fit: cover;
	  display: block;
	  transition: transform 0.6s ease;
	}
	.home-stat .outer:hover img {
	  transform: scale(1.08);
	}
	.inner {
	  position: absolute;
	  inset: 0;
	  /*display: flex; */
	  top: 0;
	  left: 0;
	  align-items: center;
	  justify-content: center;
	  z-index: 2;
	  pointer-events: none;
	}
	.inner .wp-block-button__link,
	.inner  .wp-element-button {
		pointer-events: auto; 
		cursor: pointer;  
opacity: 0.7;		
		
	}
	.inner .wp-block-button__link:hover,
	.inner  .wp-element-button:hover	{
		opacity: 1;
		
	}
	.inner .important .wp-element-button{
		background: #830f56 !important;
		pointer-events: auto;
		cursor: pointer;     
opacity: 0.7;		
	}
	.inner .important .wp-element-button:hover{
		opacity: 1;
	}
	.blur{
		backdrop-filter: blur(2px);
		-webkit-backdrop-filter: blur(2px);
		background: linear-gradient(
			to bottom,
			rgba(255,255,255,0.1),   
			rgba(250,250,250,1)        
		);
		mask-image: linear-gradient(to top, black 60%, transparent 100%);
		-webkit-mask-image: linear-gradient(to top, black 60%, transparent 100%);
	}
	.square-cover {
		width: 100%;       /* или 50%, 33%, 20% според колоната */
		height: 100%;

	}
	.hover-underline {
    position: relative;
    display: inline-block;
    text-decoration: none;
}
.hover-underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}
.hover-underline:hover::after {
    transform: scaleX(1);
}

/* =======================================
   3. HEADER
   ======================================= */

.menu-wrap{
	align-items: center;
	display: flex;
	justify-content: space-between;
	position: sticky;
	top: 0;
	z-index: 30;
	height: 100%;	
	background: #3E0530;
	background: url(/wp-content/uploads/bg-footer.svg), linear-gradient(-180deg, #830F56 20%, #3E0530 100%);
	background-position-y: bottom;
	background-size: 100%, 100%;
	
}

.mega-menu-overlay {
	position: fixed;
	top: 100%;
	left: 0;
	width: 100%;
	height: 30vh;
	background: url(/wp-content/uploads/bg-footer.svg), linear-gradient(-180deg, rgba(0,0,0,0.8) 20%, rgba(62,5,48,0.8) 100%	);
	background-position-y: bottom;
	backdrop-filter: blur(5px);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	z-index:2;
	
}
.wp-block-column:first-child {
    flex: 0 0 auto;
    z-index: 10;  
}

/* --- 3.1 Logo --- */
	.logo-wrap{
		display:flex;
		filter: drop-shadow(1px 1px 1px rgba(255,255,255,0.5));
		justify-content:center;
		margin-bottom:-10vh;
		position:relative;
		z-index:20;
	}
	.logo-wrap img {
		width: clamp(40px, 8vw, 60px) !important;
		height: auto !important;
	}
	
/* --- 3.2 Site Title --- */
	.title-wrap {
		font-weight: 300;
		z-index: 2; 
	}
	.title-wrap h1{
	 font-size: clamp(0.9rem, 1vw, 1.5rem) !important;
	}
	
/* --- 3.3 Menu Icons --- */
	.menu-icons{
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}
	.menu-icons img{
		width: clamp(20px, 2.5vw, 25px) !important;
		height: auto !important;
	}
	.menu-icons img:hover,
	.menu-icons svg:hover{
		opacity: 0.7;
	}
	.menu-icons svg {
		width: clamp(20px, 2.5vw, 25px) !important;
		height: auto !important;
	}
	.menu-icons .online img{
		width: 70% !important;
		height: auto !important;
	}
	.menu-icons [id^="mega-menu-wrap-max_mega_menu_"]{
		 display: flex !important;
    align-items: center !important;
    margin: 0 !important;
		
	}



/* =======================================
   4. HOMEPAGE
   ======================================= */

/* --- 4.1 Homepage Top Slider --- */
	.slider-wrap{
		position: relative; 

	}
	.slider-wrap .n2-ss-slide-background{
		position:relative;
	}
	.slider-wrap .n2-ss-slide-backgrounds::after{
		content:"";
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		height:5vh;
		backdrop-filter: blur(2px);
		-webkit-backdrop-filter: blur(2px);
		background: linear-gradient(
			to bottom,
			rgba(255,255,255,0.1),   
			rgba(62,5,48,1)        
		);
		mask-image: linear-gradient(to top, black 60%, transparent 100%);
		-webkit-mask-image: linear-gradient(to top, black 60%, transparent 100%);
		pointer-events:none;
		z-index:10;
	}
	.slider-wrap .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls{
		height: 80% !important;
	}
	

/* --- 4.2 Homepage Latest News --- */
	.latest-news-block .wp-block-query{
		width:80% !important;
	}
	.home-news {
	  background-color: transparent;
		border: 1px solid transparent;
		transition: 
			background-color 0.4s ease,
			border-color 0.4s ease,
			box-shadow 0.4s ease; 
		height: clamp(140px, 8vw, 900px) !important;
	}
	.home-news:hover{
		background-color: #3E0530 !important;
		border: 1px solid #fff !important;
		box-shadow: 0 0 8px rgba(255,255,255,0.6); 
	}
	.home-news:hover a{
			color: #fff !important;
	}
	.home-news h2{
		font-size: clamp(0.8rem, 0.8vw, 2rem) !important;
	}

/* --- 4.3 Homepage Body Slider --- */
	.body-slide {
	width:81% ;
	margin: 0 auto;
}


/* =======================================
   5. CONTENT
   ======================================= */

/* --- 5.1 Sidebar Menu --- */
.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"] .mega-menu-overlay {
	display: none;
}
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"] {
	position: relative !important;
}
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"] li.mega-menu-flyout{
	width: 100% ;
}
	/* Shadow Effect */
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"]::before,
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"]::after {
	  content: '';
	  position: absolute !important;
	  top: 80% !important;          
	  bottom: 13px !important;
	  width: 50% !important;
	  display: block !important;
	  box-shadow: 0 15px 10px rgba(0,0,0,0.25) !important; 
	  z-index: -1 !important;        
	  left: 10px !important;
	  background: transparent !important;
	}
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"]::before {
		right: 10px !important;
		left: auto !important;
		transform: rotate(4deg) !important;
	}
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"]::after {
		transform: rotate(-4deg) !important;
	}
/* --- 5.1 Popup Thumb Image--- */
	.popup {
    position: relative;
    text-align: center;
    width: 100% !important;	
}	  
	.formPopup {
    display: none;
    position: fixed;
	inset: 0;
	background-color: rgba(51,51,51,0.8);
    z-index: 12;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

	.formPopup.active {
    opacity: 1;
}
	.image-wrapper {
    position: relative;
}
	.formPopup img {
	 max-width: 95%;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(0,0,0,1);
    transform: scale(0.95);
    transition: transform 0.3s ease;
	 background-color: rgba(0,0,0,0.7); 
    display: block; /* премахва whitespace */
}
	.formPopup.active img {
    transform: scale(1);
}
	.formPopup.fade img {
    opacity: 0;
}
	.formPopup .nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 45px;
    color: white;
    cursor: pointer;
    user-select: none;
    padding: 10px;
    transition: opacity 0.2s ease;
}

	.formPopup .nav:hover {
    opacity: 0.7;
}

	.formPopup .prev {
    left: 20px;
}

	.formPopup .next {
    right: 20px;
}
	.formPopup .btn {
    position: absolute;      
    top: 10px;               
    right: 15px;             
    font-size: 30px;         
    font-weight: bold;
    color: #fff;             
    background: rgba(0,0,0,0.3); 
    border-radius: 50%;       
    width: 40px;
    height: 40px;
    line-height: 40px;        
    text-align: center;
    cursor: pointer;
    z-index: 10000;           
    user-select: none;
    transition: background 0.2s;
} 
	.formPopup .btn:hover{
    background: rgba(0,0,0,0.6);
}

/* --- 5.6 Archive --- */
	.latestpost-left{
		z-index:1 !important;
	}
	.wp-block-read-more:before{
		content: '' !important;
		display: inline-block !important;
		width: 3vh !important;
		height: 3vh !important;
		margin-right: 6px !important;
		background: #3E0530;
		 -webkit-mask: url('/wp-content/uploads/indent-solid-full.svg') no-repeat center;
  -webkit-mask-size: contain;

  mask: url('/wp-content/uploads/indent-solid-full.svg') no-repeat center;
  mask-size: contain;
		vertical-align: middle !important;
		align-items: center !important;
		background-size: contain !important;
	}
	.read-more:hover{
		border: dashed !important;
		border-color: red !important;
		z-index: 999 !important;
	}
	


/* =======================================
   6. FOOTER
   ======================================= */
   
.o-wrap--footer {
    background: #3E0530;
    background: url(/wp-content/uploads/bg-footer.svg), linear-gradient(-180deg, #830F56 20%, #3E0530 100%);
    background-position-y: bottom;
    background-size: 100%, 100%;
}
.logo-footer{
	position:relative;
    left:50%;
    top:0;
    transform:translate(-50%, -50%); 
    width:clamp(90px,10vw,160px);
    aspect-ratio:1;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:1;
}
.logo-footer::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
     border: 0.45em solid #3E0530;
    clip-path: inset(0 0 50% 0);
	pointer-events:none;
}
.logo-footer img{
	width: 100%;	
}
.site-footer{
    position:relative;
}

.footer-contact{
	width:80% !important;
	margin: 0 auto; 
}
@media (max-width: 9999px) {
	/* --- Main Menu --- */
	.mega-menu-overlay {
        display: none;	
    }
	.menu-wrap [id^="mega-menu-wrap-max_mega_menu_"] .mega-sub-menu  {
		position: static !important;
		background: url(/wp-content/uploads/bg-footer.svg), linear-gradient(-180deg, rgba(131,15,86,0.5) 20%, rgba(62,5,48,0.5) 100%) !important;
		background-blend-mode: overlay; 
		
	}
.menu-wrap [id^="mega-menu-wrap-max_mega_menu_"]
> ul.mega-menu
> li.mega-menu-item
> ul.mega-sub-menu
> li.mega-menu-item
> ul.mega-sub-menu {
	background: rgba(51, 51, 51, 0.6) !important;
}
	.mega-close {
		
		border-radius: 0 10px 10px 0 !important;
		background-color: #000 !important;
		border-top: 1px solid #999 !important;
		border-bottom: 1px solid #999 !important;
		border-right: 1px solid #999 !important;
		transition: 
        background-color 0.4s ease !important,
        border-color 0.4s ease !important,
        box-shadow 0.4s ease !important; /* плавен glow ефект */
		color: #fff !important;
	}
	.mega-close:hover{
		background-color: #333 !important;
		border-bottom: 1px solid #efefef !important;
		border-right: 1px solid #efefef !important;
		border-top: 1px solid #efefef !important;
		box-shadow: 0 0 8px rgba(0,0,0,0.6); /* лек glow */	
	}
}


/* =======================================
   8. MEDIA max-width: 768px
   ======================================= */
   

@media (max-width: 768px) {
	
/* --- 8.1 Effects --- */
	.outer{
		aspect-ratio: 1 / 1.5;
	}

/* --- 8.2 Header --- */
	.mobile-menu{
		    flex-basis: 20% !important;
	}
	.mobile-icons{
		    flex-basis: 80% !important;
	}
	.menu-icons {
		flex-wrap: nowrap !important;		
	}

/* --- 8.3 Main Menu --- */
	.mega-menu-overlay {
        display: none;	
    }
	.menu-wrap [id^="mega-menu-wrap-max_mega_menu_"] .mega-sub-menu  {
		position: static !important;
		background: url(/wp-content/uploads/bg-footer.svg), linear-gradient(-180deg, rgba(131,15,86,0.5) 20%, rgba(62,5,48,0.5) 100%) !important;
		background-blend-mode: overlay; 
	}
	.mega-close {
		
		border-radius: 0 10px 10px 0 !important;
		background-color: #000 !important;
		border-top: 1px solid #999 !important;
		border-bottom: 1px solid #999 !important;
		border-right: 1px solid #999 !important;
		transition: 
        background-color 0.4s ease !important,
        border-color 0.4s ease !important,
        box-shadow 0.4s ease !important; /* плавен glow ефект */
		color: #fff !important;
	}
	.mega-close:hover{
		background-color: #333 !important;
		border-bottom: 1px solid #efefef !important;
		border-right: 1px solid #efefef !important;
		border-top: 1px solid #efefef !important;
		box-shadow: 0 0 8px rgba(0,0,0,0.6); /* лек glow */	
	}
	
/* --- 8.4 Sidebar Menu --- */	
	#mega-menu-wrap-max_mega_menu_2 .mega-toggle-blocks-left {
		margin-left:-10px !important;
		border-radius: 0 10px 10px 0;
		background-color: #000 !important;
		border-top: 2px solid #999 !important;
		border-bottom: 2px solid #999 !important;
		border-right: 2px solid #999 !important;
		transition: 
        background-color 0.4s ease !important,
        border-color 0.4s ease !important,
        box-shadow 0.4s ease !important; /* плавен glow ефект */
		color: #fff !important;
	}
	#mega-menu-wrap-max_mega_menu_2 .mega-toggle-blocks-left:hover{
		background-color: #333 !important;
		border-bottom: 1px solid #efefef !important;
		border-right: 1px solid #efefef !important;
		border-top: 1px solid #efefef !important;
		box-shadow: 0 0 8px rgba(0,0,0,0.6); /* лек glow */	
	}
	/* Менюто да се отваря точно под бутона */
	#mega-menu-wrap-max_mega_menu_2 .mega-menu-toggle + #mega-menu-max_mega_menu_2 {
		position: absolute !important;  /* спрямо toggle контейнера */
		top: 100% ;                       /* веднага под бутона */
		left: 0;                          /* подравняване с toggle блока */
		width: auto;                      /* или конкретна ширина */
		min-width: 200px;                 /* ако искаш минимална ширина */
		max-width: 300px;                 /* или желаната макс ширина */
		 background-color: rgba(0,0,0,0.55) !important;
	}
	/*
#mega-menu-wrap-max_mega_menu_2 .mega-menu-toggle + #mega-menu-max_mega_menu_2 {
    height: 100dvh ;
    background-color: rgba(0,0,0,0.25) !important;
    position: fixed !important;
} 
*/
/*
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 li.mega-menu-item{
	 background: red !important;
} #e5e3e3
*/
	.sidebar-vyzpitanici .mega-close{
		background-color: #333 !important;
		position: absolute !important;  
		top: 100% !important;                    
		left: 0;                         
		width: auto;
	}
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"] [id^="mega-menu-max_mega_menu_"]{
		 background: #333 !important;
	}
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"] [id^="mega-menu-max_mega_menu_"] > li.mega-menu-item{
		 background: #333 !important;
	}
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"] [id^="mega-menu-max_mega_menu_"] > li.mega-menu-item:last-child{
		 background: #333 !important;
	}
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"] [id^="mega-menu-max_mega_menu_"]  ul.mega-sub-menu{
		background: #666 !important;
		 opacity: 1 !important; 
	pointer-events: auto !important;      /* кликаемост */

		flex-direction: column !important;    /* вертикално подредено */		
	}
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"] [id^="mega-menu-max_mega_menu_"] > li.mega-menu-item:last-child::before,
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"] [id^="mega-menu-max_mega_menu_"] > li.mega-menu-item:last-child::after{
		 content: "" !important;
		display: block !important;
		position: absolute !important;
		top: 10px !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 10px !important;
		pointer-events: none !important;
		background: transparent !important;
		 box-shadow: 0 15px 10px rgba(255,255,255,0.25) !important; /* реална сянка */
		 z-index: -1 !important;   
	}
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"] [id^="mega-menu-max_mega_menu_"] > li.mega-menu-item:last-child::before{
		right: 10px !important;
		left: auto !important;
		transform: rotate(3deg) !important;
	}
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"] [id^="mega-menu-max_mega_menu_"] > li.mega-menu-item:last-child::after{
		transform: rotate(-3deg) !important;
	}
	.sidebar-vyzpitanici [id^="mega-menu-wrap-max_mega_menu_"] [id^="mega-menu-max_mega_menu_"] li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
		background: none !important;
		color: #efefef !important;
	}
	#mega-menu-max_mega_menu_2 {
		position: relative !important;
		z-index: 2;
	}
	/*
		#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open + #mega-menu-max_mega_menu_1{
			margin-left: 30% !important;
			width: 100% !important;
		}
		*/

/* --- 8.5 Hompepage --- */	
	.latest-news-block .wp-block-query{
		width:95% !important;
	}
	
/* --- 8.6 Content --- */	
	.body-container{
		padding-top: 0 !important;
	}	
	.body-slide {
		width:100%;
	}
	.content-vyzpitanici{
		margin-top:3% !important;
	}

/* --- 8.7 Footer--- */
	.footer-contact{
		width:100% !important;
	}
	
/* --- 8.8 Plugins--- */	
	.cf7-two-columns {
        grid-template-columns: 1fr;
    }
}
	.staff-member-right{
		margin-left: 0 !important;
	}


 /* =======================================
   9. MEDIA max-width: 799px
   ======================================= */
@media screen and (min-width: 769px) and (max-width: 799px) {

	.mobile-menu{
		    flex-basis: 80% !important;
	}
	.mobile-icons{
		    flex-basis: 20% !important;
	}
	.menu-icons {
		flex-wrap: nowrap !important;		
	}
	.menu-wrap [id^="mega-menu-wrap-max_mega_menu_"] [id^="mega-menu-max_mega_menu_"] li.mega-menu-item > a.mega-menu-link {
		font-size: clamp(1.2vw, 1vw, 1.5rem) !important;
    }
	.latest-news-block .wp-block-query{
		width:95% !important;
	}
	.body-slide {
		width:100%;
	}
	.outer{
		aspect-ratio: 1 / 1;
	}
	.footer-contact{
	width:100% !important;
	}

}


 /* =======================================
   10. MEDIA max-width: 1133px
   ======================================= */
@media screen and (min-width: 800px) and (max-width: 1133px) {
	.wp-block-columns.menu-wrap {
        flex-direction: column !important;
    }
		.mobile-title{
		flex-basis: 80% !important;
		 max-width: 100%;
	}
.mobile-menu{

		    flex-basis: 75% !important;
			margin-left: 10px !important; 
	}
	.mobile-icons{

		    flex-basis: 25% !important;
	}
	.menu-wrap [id^="mega-menu-wrap-max_mega_menu_"] {
		display: flex !important;
		justify-content: space-between !important;
		flex-wrap: nowrap !important;
	}
	.menu-wrap [id^="mega-menu-wrap-max_mega_menu_"] [id^="mega-menu-max_mega_menu_"] li.mega-menu-item > a.mega-menu-link {
		flex: 1 1 auto !important;
        white-space: nowrap !important;
		font-size: clamp(1.2vw, 1vw, 1.5rem) !important;
		letter-spacing: 0 !important;
		padding: 0px 4px !important;
    }
	
	.menu-icons {
    /* стилове за is-vertical */
    flex-direction: nowrap !important;
  }
	/*    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        color: white;
        background: none !important;
		}
		.menu-wrap [id^="mega-menu-wrap-max_mega_menu_"] .mega-sub-menu  {
	 position: static !important;
	background: url(/wp-content/uploads/bg-footer.svg), linear-gradient(-180deg, rgba(131,15,86,0.5) 20%, rgba(62,5,48,0.5) 100%) !important;
    background-blend-mode: overlay; 


} */
.outer{
	aspect-ratio: 8 / 1;
	
}


	.one-line{
		grid-template-columns: 1fr;
	}
	 .entry-content table, 
    .entry-content table thead, 
    .entry-content table tbody, 
    .entry-content table th, 
    .entry-content table td, 
    .entry-content table tr {

        width: 100%;
    }

    .entry-content table thead {
        display: none;
    }

    .entry-content table tbody tr {
        margin-bottom: 15px;
        border-bottom: 2px solid #ddd;
    }

    .entry-content table td {
   
        position: relative;
    }

    .entry-content table td::before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        width: 45%;
        text-align: left;
        font-weight: 600;
        text-transform: uppercase;
    }
 
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open + #mega-menu-max_mega_menu_1{
		margin-left: 50% !important;
		width: 100% !important;
	}
	.outer {
    height: auto !important;
	}
	.loop ul li{
		display: contents !important;
		margin-top: 2% !important;
		opacity: 1 !important;
		width: 22% !important;	
	}
	.flex-control-nav{
		display: none !important;
	}
	.wp-block-latest-posts.is-grid li {
		width: 100% !important;
		height: auto!important
	}
	.attachment-thumbnail {
	height: auto !important;
    width: 100% !important;

	}
	.post img {
		
		margin-bottom: 2%;
		width: 100% !important;
		
	}
	iframe {
		
		width: 100% !important;
		        
	}
	.logo-footer::before{

     border: 0.25em solid #3E0530 !important;
 
}
}


/* =======================================
   7. PLUGINS CUSTOMIZATION
   ======================================= */
   
/* --- 7.1 CF7 Plugin --- */   
	.one-line {
		display: grid;    
		grid-template-columns: repeat(3, minmax(0, 1fr));
		justify-content: center;   
		align-items: center;      
		gap: 20px;     
	}

	.one-line label {
		display: flex;
		flex-direction: column;    
		align-items: center;       
		padding: 5px;  
	 
	}
	.one-line label b{
		 color:#333;
		font-weight: 600;
	  letter-spacing: -0.1px;
	  line-height: 1.125;
	  font-size: 18px;;
	}
	.cf7-two-columns p {
		margin: 0;
		line-height: 1.1;
	}
	.cf7-two-columns h4 { 
		margin-bottom: 0.2em; 
		font-weight: 600;
	}
	.cf7-two-columns {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 2rem;
	}
	.cf7-two-columns input,
	.cf7-two-columns select,
	.cf7-two-columns textarea {
		width: 100%;
		box-sizing: border-box;
	}
	.wpcf7 input.wpcf7-submit{
		background: #3E0530 !important;
		color: #fff !important;
		border: none !important;
		padding: 14px 26px;
		border-radius: 14px;
		font-size: 15px;
		font-family: 'Comfortaa', cursive !important;
		letter-spacing: 2px;
		cursor: pointer;
		transition: 0.2s;
	}
	.wpcf7 input.wpcf7-submit:hover{
		opacity: 0.8 !important;
	}
	.wpcf7 form p:last-of-type{
		text-align: center !important;
	}
	.wpcf7 input.wpcf7-file{
		width: 100%;
		padding: 12px;
		border-radius: 14px;
		border: 1px solid rgba(0,0,0,0.15);
		background: #fff;
		font-size: 14px;  
	}
	.wpcf7 input.wpcf7-file::file-selector-button{
		background: #3E0530 !important;
		color: #fff !important;
		border: none !important;
		padding: 10px 14px;
		border-radius: 12px;
		cursor: pointer;
		margin-right: 12px;
		letter-spacing: 2px;
		font-family: 'Comfortaa', cursive !important;
	}
	.wpcf7 input.wpcf7-file::file-selector-button:hover{
		opacity: 0.8 !important;
	}
	.wpcf7-form-control.wpcf7-select {
		font-family: 'Comfortaa', cursive !important;
		font-size: 15px;
	}

/* --- 7.2 Company Directory Plugin --- */   
	.staff-member .staff-photo img {
		float: left;
		margin: 8px;
		max-width: 90% !important;
	}
	.wp-block-column.content-vyzpitanici .staff-member-name a{
		font-size: var(--wp--preset--font-size--large) !important;
		color: #3E0530 !important;
	}
	.wp-block-column.content-vyzpitanici .staff-member-name a:hover{
		opacity: 0.7 !important;
	}
	.staff-member-title {
		font-size: var(--wp--preset--font-size--small) !important;
		font-weight: 500 !important;
		text-transform: uppercase !important;
		letter-spacing: 1px !important;
	}
	.staff-member-department {
		letter-spacing: 1px;
		display: inline-block;      
		background-color: #830f56;  
		color: #fff;                
		padding: 2px 6px;           
		border-radius: 4px;         
	}
	.wp-block-column.sidebar-vyzpitanici{
		z-index: 11;
	}
	.wp-block-column.sidebar-vyzpitanici .staff-member h3{
		margin: 0 auto;
		padding: 0 auto;
		font-size: var(--wp--preset--font-size--small) !important;
		color: #3E0530 !important;
		font-weight: 600 !important;
		margin: 0 !important;
	}
	.wp-block-column.sidebar-vyzpitanici .staff-member h3:hover{
	 opacity: 0.7 !important;
	}

	.wp-block-column.sidebar-vyzpitanici .staff-member  {
		margin-bottom: 0px !important;
		min-height: 10px !important;
	}

/* --- 7.3 Download Plugin --- */  
	.sdm_download_button_box_default {
	  background: transparent !important;
	  border: 1px solid #ddd !important;
	  padding: 12px 16px !important;
	  border-radius: 12px !important;
	}
	.sdm-download-button a.sdm_download {
	  display: inline-block;
	  padding: 12px 18px;
	  border-radius: 12px;
	  text-decoration: none;
	  font-weight: 600;
	}
	.sdm-download-button a.sdm_download:hover {
	  opacity: 0.85;
	}
	.sdm-download-button a.sdm_download.green {
	  background: #3E0530 !important;
	  border-color: #3E0530 !important;
	  color: #fff !important;
	  text-shadow: 0 1px 0 #830f56 !important;
	  box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #3E0530 !important;
	}




body.scrolled .menu-wrapper{
    background:rgba(0,0,0,0.9);
	border: dashed;
}


.head-container {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 5vh;
    position: relative;
    width: 100%;    
	border: dashed !important;
}

.head-wrap{
	margin-left: -20px !important;
	
}
.menu-wrap{
	align-items: center;
	display: flex;
	justify-content: space-between;
	position: sticky;
	top: 0;
	z-index: 30;
	height: 100%;	
	background: #3E0530;
	background: url(/wp-content/uploads/bg-footer.svg), linear-gradient(-180deg, #830F56 20%, #3E0530 100%);
	background-position-y: bottom;
	background-size: 100%, 100%;
	
}
.mega-menu-overlay {
	position: fixed;
	top: 100%;
	left: 0;
	width: 100%;
	height: 30vh;
	background: url(/wp-content/uploads/bg-footer.svg), linear-gradient(-180deg, rgba(0,0,0,0.8) 20%, rgba(62,5,48,0.8) 100%	);
	background-position-y: bottom;
	backdrop-filter: blur(5px);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	z-index:2;
	
}
.wp-block-column:first-child {
    flex: 0 0 auto;
    z-index: 10;  
}



.logo-wrap img{
    width:16vh !important;
}



.footer{
	min-height: 100vh;
	 display: flex;
	border: dashed;;
}


/* Career blocks style za stranica Karieri*/
.careear-box{
	position: relative !important;
    border-color: #eee;
	height: 30vh !important;
	display: inline-block;	
	opacity: 0.7;
}
.careear-box:hover{
	 transition: transform 0.6s ease;
   transform: scale(1.05);
   opacity: 1;
}
.careear-ads {
	height: 30vh !important;
	width: 100%;
	height: auto;
	display: block;
}
.careear-ads .overlay-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  color: #000;
  font-size: 1.8vh;
  letter-spacing: 1px;
  background: linear-gradient(to top, rgba(255,255,255,0.7), transparent);
  opacity: 0;
  transition: opacity 0.5s ease;
}
.careear-ads:hover .overlay-text {
  opacity: 1; /* показване на текста */
 
}
.careear-ads img:hover{
	opacity: 0.5;
}

.head {
	height: 8vh;            
    align-items: center;      
    box-sizing: border-box;   
    padding-top: 0;   
	
}
.head img.custom-logo {
	 filter: drop-shadow(1px 1px 1px rgba(255,255,255,0.5));

}



.test .mega-menu-wrap ul {
	 margin-left: 190px !important;
}
.mega-menu-wrap ul.mega-sub-menu{
	 margin-left: 0 !important;
	 opacity: 1 !important;
	 boredr: dashed
}


.query-wrapper{
	max-height: 0;
   opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:opacity .4s ease, transform .4s ease;
}

.query-wrapper.open{
	max-height: 2000px;
   opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* Archive dropdown */
.wp-block-archives{
	margin: 0px;
  padding: 0px;
}
.wp-block-heading{
	font-size: 1.3vh;
	text-align: left;
	letter-spacing: 1px;
	margin: 0px;
  padding: 0px;
  color: #fff;
  background: #000;	
  padding: 10px;
}

.category-year-archive-dropdown {
  border-radius: 8px;
  display: inline-block;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.category-year-archive-dropdown select {
	
	color: #3E0530;  
	padding: 10px;
    border-radius: 8px;
    border: 1px solid #ccc;
    background: #fff;
    transition: background .3s, border .3s;
    cursor: pointer;
	margin-right: 5px;
	width: 98% !important;
}


/* Polylang */
.lang-item {
	display: none;
}
.polylang_langswitcher img{
	width:32px !important;
	height: auto !important;
}
.polylang_langswitcher li{
	display: block;
}

/* Query Loop */

.loop ul li{
	display: inline-block !important;
	margin: 1% !important;
	opacity: 1 !important;
	width: 22% !important;
	
}
.loop ul li img{
	width: 100%;
}




/*Social Links */
ul.cnss-social-icon li {
	margin-left: 5% !important;
}
 time{
	font-weight: 400;
	text-transform: uppercase;
}
.wp-block-navigation-item__label:hover{
	padding: 5px !important;
	background-color:#fff;
	color: #000;	
}
.wp-block-navigation-item__label.active{
	padding: 10px !important;
	background-color:#fff;
	color: #000;	
}
.wp-block-query  .page {
	width: 100% !important;
}
.wp-block-latest-posts__post-title {
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 700;
  line-height: 1.3;
  display: inline-block;
  margin-bottom: 6px;
}
.wp-block-column select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.wp-block-column {
    box-sizing: border-box;
    padding: 0;

}



/* В single post текстът да "тече" около thumb*/
.wp-block-columns.wrap-thumb {
    display: flex;
    flex-wrap: nowrap; 
    gap: var(--wp--preset--spacing--30); 
}
.wrap-thumb {
	display: block !important;
}
.wrap-thumb .thumb-left {
	float: left !important;
	width: 25% !important;
	margin: 0 18px 12px 0 !important;
	line-height: 0;
}
.wrap-thumb .thumb-left {
	margin-top: 0 !important;
	margin-bottom: 12px !important;
}
.wrap-thumb .thumb-left img {
	width: 100% !important;
	height: auto !important; 
	display: block !important;
}
.wrap-thumb::after {
	content: "";
	display: block;
	clear: both;
}
.wrap-thumb .entry-content,
.wrap-thumb .wp-block-post-content {
	display: block !important;
}
.wrap-thumb .entry-content > p,
.wrap-thumb .entry-content > ul,
.wrap-thumb .entry-content > ol {
	overflow: visible !important;
}
.wrap-thumb .entry-content > *:first-child {
	padding-top: 0 !important;
}
.wrap-thumb figure.alignleft.thumb-left {
	float: left !important;
}
	/* Ако НЯМА featured image -> текстът да стане 100% */
.wrap-thumb:not(:has(.wp-block-post-featured-image img)) .thumb-left {
  display: none !important;
}
.wrap-thumb:not(:has(.wp-block-post-featured-image img)) .wp-block-post-content,
.wrap-thumb:not(:has(.wp-block-post-featured-image img)) .entry-content,
.wrap-thumb:not(:has(.wp-block-post-featured-image img)) .wp-block-column .entry-content table  {
  width: 100% !important;
  float: none !important;
  max-width: 100% !important; 
}





.wp-block-group {
  flex: 0 1 auto !important; 
  min-width: 50px;	
  box-sizing: border-box;
  overflow: visible !important;
}


.wp-block-group img {
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.entry-content table {

    border-collapse: separate; 
    border-spacing: 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

.entry-content table th {
    background-color: #e0e0e0; 
    color: #fff;
	border-right: 1px solid rgba(255,255,255,0.2);
	text-align: center;
	border-bottom: 3px solid rgba(0,0,0,0.7);
}
.entry-content table th,
.entry-content table td {
    padding: 10px 10px;
	vertical-align: top;
}

.entry-content table tbody tr {
    background-color: #fff;
    transition: background-color 0.3s ease;
}

.entry-content table tbody tr:nth-child(even) {
    background-color: #f4f4f4; /* леко оцветяване на редовете */
}

.entry-content table tbody tr:hover {
    background-color: #e0e0e0;
}

.entry-content table td:first-child {
    text-align: left; /* първата колона винаги ляво */
}

.entry-content table td {
    border-bottom: 1px solid #ddd;
	border-right: 1px solid #e5e5e5;
}
.entry-content table td:last-child {
    border-right: none; /* махаме последната вертикална линия */
}
.entry-content img.alignright {
  float: right;
  margin: 0 0 12px 18px;
  height: auto !important;

}

.entry-content img.alignleft {
  float: left;
  margin: 0 18px 12px 0;
  height: auto !important;
}

.entry-content table td img.aligncenter {
     display: block;
    margin: 0 auto;
}	


/* Post list with or without thumb */
.post-row {
  display: flex !important;
  gap: 0 !important;
}
.post-row:has(.wp-block-post-featured-image img) .wp-block-column:first-child {
  display: block;
}
.post-row:not(:has(.wp-block-post-featured-image img)) .wp-block-column:first-child {
  display: none !important;
}
.post-row:not(:has(.wp-block-post-featured-image img)) .wp-block-column:last-child {
  flex-basis: 100% !important;
  width: 100% !important;
}



/* ======================
   WRAPPER
====================== */
.news-apple2 {
display: block;

    border-radius: 40px;
    background: #3E0530;
    overflow: hidden;
	height: 20vw;
}
.news-hero2 {
    
position: relative !important;
height: 20vw;
	
}
.news-hero2 figure {
    aspect-ratio: auto !important;
}
.news-hero2 img {
   width: 100% !important;
    height: 20vw !important;
    object-fit: cover !important;
    border-radius: 40px;
	display: block;
	float: left;
}
.news-hero2 figure:hover{
	border-radius: 40px !important;
}
.news-hero2 .content2 {

    top: 0;
    left: 55%;
    width: 45%;
    height: 100%;
    color: white;
    height: 100% !important;
	 display: flex;
    align-items: flex-end; /* текстът долу */
    padding: 20px;
	float: right !important;
	background:  rgba(0,0,0,0.9);
	 border-radius: 0px 40px 40px 0px;

}
.news-hero2 .content2 .wp-block-read-more:before{
	background: #fff !important;
}
.news-apple {
display: block;

    border-radius: 40px;
    background: #3E0530;
    overflow: hidden;
}
.news-apple {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-apple:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
/* ======================
   HERO (BIG POST)
====================== */

.news-hero {
    
position: relative !important;
	
}
.news-hero figure {
    aspect-ratio: auto !important;
}
.news-hero img {
   width: 100% !important;
    height: 20vw !important;
    object-fit: cover !important;
    border-radius: 40px 0 0 40px  !important;
	display: block;
}

.news-hero .content {

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: white;
    height: 100% !important;
	 display: flex;
    align-items: flex-end; /* текстът долу */
    padding: 20px;

}

.news-apple .wp-block-read-more:before,
.news-list .wp-block-read-more:before {
    background-color: #fff;
	border: dashed !important;
	border-color: red !important;
}


/* ======================
   GRID
====================== */
.list-news{
	border-radius: 16px;
	height:15vw !important;
	
}
.list-news .wp-block-cover{
	border-radius: 16px 16px 0 0;
	min-height:15vh !important;
}
.list-news .wp-block-cover img{
	height: 15vh !important;
}
.news-list {


    border-radius: 40px;
    background: #000;

}

@media (max-width: 900px) {
    .news-list {
        grid-template-columns: 1fr;
    }
}

/* ======================
   CARD
====================== */

.news-item {
    transition: all 0.3s ease;

}

.news-item .content {
	 display: flex;
    align-items: flex-end; /* текстът долу */
    padding: 20px;

}
.news-item h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 8px;
}

.news-item:hover {
    transform: translateY(-5px);
}

/* ======================
   DATE
====================== */

.news-date {
    font-size: 13px;
    color: #888;
}