/*
 Theme Name:   EUROPEA Child
 Theme URI:    https://europea.org
 Description:  Default Europea child theme
 Author:       M_S_Y
 Author URI:   https://google.bg
 Template:     generatepress
 Version:      0.1
*/

a {*color:reddd;}



/* ekip stranica */
@media (min-width: 768px) {
    .team-reveal-wrapper {
        display: flex;
        width: 100%;
        height: 500px;
        gap: 0;
        overflow: hidden;
        margin: 2rem 0;
    }

    .team-reveal-column {
        position: relative;
        flex: 1; 
        height: 100%;
        transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1) !important;
        margin-left: -80px; 
        border-left: 2px solid rgba(255,255,255,0.2);
        box-shadow: -15px 0 30px rgba(0,0,0,0.1);
        overflow: hidden;
    }

    .team-reveal-column:first-child {
        margin-left: 0;
        border-left: none;
    }

    
    .team-reveal-column:hover {
        flex: 5  !important; 
        margin-left: 0;
        margin-right: 0;
        z-index: 10;
    }

    .team-reveal-info {
        opacity: 0;
        transition: opacity 0.4s ease 0.3s;
    }

    .team-reveal-column:hover .team-reveal-info {
        opacity: 1;
    }
}


@media (max-width: 767px) {
    .team-reveal-wrapper {
        display: block; 
    }
    .team-reveal-column {
        width: 100%;
        height: 250px;
        margin-bottom: 10px;
        position: relative;
    }
    .team-reveal-info {
        opacity: 1; 
    }
}


.team-reveal-column img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7) grayscale(20%);
    transition: all 0.6s ease;
}

.team-reveal-column:hover img {
    filter: brightness(1) grayscale(0%);
    transform: scale(1.05);
}

.team-reveal-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 20px;
    background: linear-gradient(transparent, rgba(0,0,0,0.9));
    color: #fff;
    pointer-events: none;
}


.team-stack-container {
    display: flex;
    width: 100%;
    max-width: 1100px;
    height: 500px;
    margin: 50px auto;
    overflow: hidden;
}


.team-stack-card {
    position: relative;
    flex: 1; 
    height: 100%;
   transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);
	*transition: flex-grow 0.7s cubic-bezier(0.25, 1, 0.5, 1), 
            flex-basis 0.7s cubic-bezier(0.25, 1, 0.5, 1),
            transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
    cursor: pointer;
    overflow: hidden;
    
    border-left: 2px solid rgba(255,255,255,0.3);
    margin-left: -50px; 
}


.team-stack-card:first-child {
    margin-left: 0;
    border-left: none;
}


.team-stack-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    *background-image: url('//unsplash.it/700/900'); 
    background-size: cover;
    background-position: center;
    filter: grayscale(40%) brightness(0.8); 
    transition: all 0.7s ease;
}

/* HOVER STATE: The "Reveal" */
.team-stack-card:hover  {
    flex: 3 !important; 
    margin-left: 0; 
    margin-right: 0;
    z-index: 10; 
}

.team-stack-card:hover .team-stack-img {
    filter: grayscale(0%) brightness(1); /
    transform: scale(1.05); 
}


.team-stack-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px 20px;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    color: white;
    opacity: 0; 
    transition: opacity 0.5s ease 0.2s; 
    white-space: nowrap;
}

.team-stack-card:hover .team-stack-info {
    opacity: 1;
}


.team-stack-container.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column,.team-stack-container.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
  *flex-basis:inherit;
  *flex-grow:inherit
}




/* for blocks, projects section */

.wp-block-column .wp-block-shortcode {
    color: #888888;
    font-size: 0.9rem;
    margin-bottom: 10px;
}


.wp-block-button__link {
    transition: background-color 0.3s ease;
    padding: 8px 20px !important;
}

.wp-block-button__link:hover {
    background-color: #f0f4f8 !important;
}


.wp-block-post-featured-image img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.project-card {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Soft, modern shadow */
    transition: transform 0.2s ease-in-out;
}


.project-card:hover {
    transform: translateY(-5px);
}


.project-date-wrapper {
    color: #777777;
    font-size: 0.95rem;
    font-weight: 500;
}

.project-desc-wrapper {
    color: #444444;
    line-height: 1.6;
}

/* Ensure the background of the page is a light grey to make white cards pop */
body {
    *background-color: #f9f9f9; 
}
.wp-block-post-excerpt__content {
    color: #555555;
    line-height: 1.7;
    font-size: 1rem;
    margin-bottom: 0;
}

/* Removes the default [...] if you want it cleaner */
.wp-block-post-excerpt__more-link {
    display: none;
}
.page-id-39 .wp-block-group__inner-container,.page-id-82 .wp-block-group__inner-container,.page-id-17 .wp-block-group__inner-container {
	max-width:1440px
}

.page-id-39 .site-main .wp-block-group__inner-container,.page-id-82 .site-main .wp-block-group__inner-container,.page-id-17 .site-main .wp-block-group__inner-container {
	padding:0
}
.wp-block-post-title.has-text-color.has-vivid-cyan-blue-color { padding-top: 20px;}



/* team member, single page */


.dynamic-team-row {
    display: flex;
    gap: 40px; 
    align-items: stretch; 
    margin-bottom: 50px;
}


.team-col-image {
    flex: 0 0 400px; 
    position: relative;
    overflow: hidden;
}


.team-col-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 
}


.team-col-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


@media (max-width: 768px) {
    .dynamic-team-row {
        flex-direction: column;
    }
    .team-col-image {
        flex: 0 0 300px;
        width: 100%;
    }
    .team-col-image img {
        position: relative;
    }
}
.team-position {color:#999}




/* panda-grid -kakvo-pravi-es */




.panda-image-item {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    transition: transform 0.2s ease-in-out;
    line-height: 0;
    width: 100% !important; /* Заема точно 1/4 от грида */
}


.panda-image-item img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    transition: filter 0.3s ease-in-out !important;
}

.panda-image-item:hover img {
    filter: brightness(65%) !important;
}

.panda-image-item:hover {
    transform: translateY(-3px);
}

@media screen and (max-width: 1024px) {
    .panda-image-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* 2 на ред за таблет */
    }
}

@media screen and (max-width: 600px) {
    .panda-image-grid {
        grid-template-columns: 1fr !important; /* 1 на ред за мобилен */
        gap: 15px !important;
    }
}



/*
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * */
.iconic-list li a {
  position: relative;
  z-index: 2;                
  font-family: 'Comfortaa', sans-serif;
  color: transparent/*white*/;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.3rem;
  text-align: center;
  *text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
	
}

.iconic-list li:hover::before {
  transform: scale(1.1);
  opacity: 0.8;
}

@keyframes scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

#primary footer.entry-meta ,#primary .entry-meta {visibility:hidden}






.priority-card {
  position: relative; 
}

.priority-card a {
  text-decoration: none;
  color: inherit;
  cursor: pointer; 
}

.priority-card a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.inside-article {
  min-height: 100vh;
}
.home.full-width-content.no-sidebar.separate-containers .site-main {padding-top:5px}
.section-title {*font-size:inherit}

.header-main .top-nav-container {
	
	animation: shrink-header linear forwards;
  animation-timeline: scroll();
  animation-range: 0px 250px;
	*background-color:violet
}


@keyframes shrink-header {
  to {
    padding-block: .5rem; 
		padding:0 15px;
		*padding-left:30px;
		*padding-left:150px;
    background-color: rebeccapurple;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  }
}




/* Позволява на селектора да намери картата, дори ако има междинен div от WP */
.team-reveal-wrapper .team-reveal-column {
    flex: 1 !important;
    margin-left: -50px !important;
    transition: all 0.7s ease !important;
    min-width: 0;
}

.team-reveal-wrapper .team-reveal-column:hover {
    flex: 5 !important;
    margin-left: 0 !important;
    z-index: 10 !important;
}

/* Нулираме стиловете на автоматичния WP div, за да не пречи на flex-а */
.team-reveal-wrapper > div {
   * display: contents !important;
}



.social-icons a:nth-child(2):hover img {
	
	filter: invert(81%) sepia(47%) saturate(1347%) hue-rotate(235deg) brightness(104%) contrast(101%);
transition: .33s linear;
	transform:scale(1.25)
}
.social-icons a img {
	

transition: 1.33s linear;
	transform:scale(.9)
}

.social-icons a:nth-child(2):hover img {
	
	filter: invert(81%) sepia(47%) saturate(1347%) hue-rotate(235deg) brightness(104%) contrast(101%);
transition: .33s linear;
	transform:scale(1.25)
}

.social-icons a:nth-child(1):hover img {
	

filter: invert(49%) sepia(92%) saturate(4815%) hue-rotate(213deg) brightness(80%) contrast(150%);transition: .33s linear;
	transform:scale(1.25)
}

.social-icons a:nth-child(3):hover img {
	

filter: invert(22%) sepia(75%) saturate(6342%) hue-rotate(344deg) brightness(103%) contrast(101%);;transition: .33s linear;
	transform:scale(1.25)
}
















/*team mobile edit */


@media (max-width: 1024px)  {
	/* @media (max-width: 767px) and (max-width: 900px)*/
  /* Force the Query loop template container to stack vertically */
  .team-stack-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px; /* Optional: adds spacing between rows */ 
		width:100%;
	  height:100%!important; 
  }

  /* Force each column to take up full width */
  .team-stack-container .team-stack-card {
    flex-basis: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
	
.team-stack-img {position:relative}
	.team-reveal-info {opacity:1 !important}
	.footer-content{
	  display: grid;
  grid-template-columns: 1fr; 
  place-items: center;        
  align-content: center;     
  gap: 1.5rem;                
  min-height: 100vh;          
  padding: 2rem;           
  box-sizing: border-box; 
	
	text-align:center;
	}
	
	.footer-nav #menu-footer_menu{margin:0}
	
	.footer-logo {
  max-width: 100%/*initial*/;
  margin-bottom: 3rem;
}
	.footer-brand {display:block}
	.footer-brand p{max-width:initial /*100%*/;font-size:3vw/*32px*/}
	.social-icons {gap:50px}   
	
}




.team-stack-card {
    position: relative !important;
}

.team-stretched-anchor a {
    text-decoration: none;
    color: inherit;
}

.team-stretched-anchor a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5; /* Sits perfectly over the static text and image layer */
    cursor: pointer;pointer-events:auto;
}

/*
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * */

#s {
  background-image: url("/wp-content/uploads/2026/06/search.svg");
  background-repeat: no-repeat;
  background-position: left 8px center;
  background-size: 25px 25px;
  padding-left: 35px;
}


/* EUROPEA INFINITE STRIP */
.blue-iconic-bar{overflow:hidden!important;width:100%;}
.blue-iconic-bar .iconic-list{display:flex!important;flex-wrap:nowrap!important;gap:0!important;margin:0!important;padding:0!important;width:max-content!important;animation:europea-strip-loop 24s linear infinite!important;will-change:transform;}
.blue-iconic-bar .iconic-list>li{flex:0 0 33.333333vw!important;}
.blue-iconic-bar:hover .iconic-list{animation-play-state:paused!important;}
@keyframes europea-strip-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:768px){.blue-iconic-bar .iconic-list>li{flex-basis:80vw!important}.blue-iconic-bar .iconic-list{animation-duration:18s!important}}


/* EUROPEA SEAMLESS INFINITY LOOP */
.blue-iconic-bar .iconic-list{width:200vw!important;*min-width:200vw!important;animation-name:europea-strip-loop-seamless!important;animation-direction:normal!important;animation-fill-mode:both!important;}
.blue-iconic-bar .iconic-list>li{flex:0 0 calc(100vw / 3)!important;}
@keyframes europea-strip-loop-seamless{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100vw,0,0)}}
@media(max-width:768px){.blue-iconic-bar .iconic-list{width:480vw!important;min-width:480vw!important}.blue-iconic-bar .iconic-list>li{flex-basis:80vw!important}@keyframes europea-strip-loop-seamless{from{transform:translate3d(0,0,0)}to{transform:translate3d(-240vw,0,0)}}}


/* EUROPEA: disable every legacy timed/hover animation; JS recycler is the only movement. */
.blue-iconic-bar .iconic-list,
.blue-iconic-bar:hover .iconic-list{animation:none!important;animation-name:none!important;animation-play-state:running!important;transition:none!important;width:max-content!important;min-width:0!important;}














/*
 * 
 * 
 * */





.page-id-759.full-width-content .container.grid-container, .page-id-753.full-width-content .container.grid-container, .page-id-763.full-width-content .container.grid-container, .page-id-773.full-width-content .container.grid-container {
	padding:0
}

body.home {overflow-x:hidden;}

.home .inside-article {padding:0 40px}