.elementor-803 .elementor-element.elementor-element-4b927130{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.7;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:140px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-803 .elementor-element.elementor-element-4b927130::before, .elementor-803 .elementor-element.elementor-element-4b927130 > .elementor-background-video-container::before, .elementor-803 .elementor-element.elementor-element-4b927130 > .e-con-inner > .elementor-background-video-container::before, .elementor-803 .elementor-element.elementor-element-4b927130 > .elementor-background-slideshow::before, .elementor-803 .elementor-element.elementor-element-4b927130 > .e-con-inner > .elementor-background-slideshow::before, .elementor-803 .elementor-element.elementor-element-4b927130 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-803 .elementor-element.elementor-element-4b927130:not(.elementor-motion-effects-element-type-background), .elementor-803 .elementor-element.elementor-element-4b927130 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-803 .elementor-element.elementor-element-16e62cae{text-align:center;}.elementor-803 .elementor-element.elementor-element-16e62cae .elementor-heading-title{font-size:40px;color:#FFFFFF;}.elementor-803 .elementor-element.elementor-element-608637ee{z-index:9999;text-align:center;}.elementor-803 .elementor-element.elementor-element-8da5773{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-803 .elementor-element.elementor-element-76bd54c{--display:flex;}.elementor-803 .elementor-element.elementor-element-b079289 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-803 .elementor-element.elementor-element-b079289 .title-area{text-align:center;margin:0px 0px 0px 0px;}.elementor-803 .elementor-element.elementor-element-09818f1{text-align:center;}.elementor-803 .elementor-element.elementor-element-9557c47{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-803 .elementor-element.elementor-element-f45f8b9{--grid-row-gap:10px;--grid-column-gap:10px;}@media(min-width:768px){.elementor-803 .elementor-element.elementor-element-76bd54c{--content-width:549px;}}@media(max-width:1024px){.elementor-803 .elementor-element.elementor-element-8da5773{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-608637ee */.rank-math-breadcrumb, 
.rank-math-breadcrumb p,
.rank-math-breadcrumb a, 
.rank-math-breadcrumb .separator, 
.rank-math-breadcrumb .last {
    color: #9d9d9d !important;
}/* End custom CSS */
/* Start custom CSS for portfolio, class: .elementor-element-f45f8b9 */.elementor-portfolio-item:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.15); /* Сянка при ховър */
}

/* 2. Снимката - Започва НОРМАЛНА и се ЗУМВА (Scale Up) при ховър */
.elementor-portfolio-item .elementor-post__thumbnail img {
    width: 100%;
    height: 100%;
    /* Ключовата промяна е тук */
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1) !important;
    transform: scale(1); /* Снимката е в нормален размер в началото */
}

/* ХОВЪР ЕФЕКТ ВЪРХУ СНИМКАТА - ЗУМВАНЕ (Scale Up) */
.elementor-portfolio-item:hover .elementor-post__thumbnail img {
    transform: scale(1.1); /* Приближава снимката с 10% */
}

/* 3. Овърлей - черен фон, който се появява */
.elementor-portfolio-item__overlay {
    background-color: rgba(0, 0, 0, 0.72) !important;
    opacity: 0 !important;
    transition: opacity 0.5s ease-in-out !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    z-index: 2; /* Уверяваме се, че е над снимката */
}

.elementor-portfolio-item:hover .elementor-portfolio-item__overlay {
    opacity: 1 !important;
}

/* 4. Заглавието - Движение отдолу нагоре */
.elementor-portfolio-item__title, 
.elementor-portfolio-item__title a {
    color: #ffffff !important;
    transform: translateY(25px);
    transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1) !important;
    margin: 0;
    text-align: center;
    position: relative; 
    padding: 15px 25px!important; /* Място за зелените ъгли */
}

.elementor-portfolio-item:hover .elementor-portfolio-item__title,
.elementor-portfolio-item:hover .elementor-portfolio-item__title a {
    transform: translateY(0);
}

/* ========================================================= */
/* 5. ЗЕЛЕНИТЕ ЪГЛОВИ РАМКИ (Teal Borders) - ПОЯВА ПРИ ХОВЪР */
/* ========================================================= */

/* Генерираме горния-ляв и долния-десен ъгъл */
.elementor-portfolio-item .elementor-portfolio-item__title:before,
.elementor-portfolio-item .elementor-portfolio-item__title:after {
    content: '';
    position: absolute;
    width: 25px;  /* Ширина на ъгъла */
    height: 25px; /* Височина на ъгъла */
    border-color: #008080 !important; /* Зеленият (Teal) цвят */
    border-style: solid;
    opacity: 0; /* Скрит по подразбиране */
    transition: all 0.5s ease 0.1s; /* Малко закъснение след началото */
}

/* ГОРЕН ЛЯВ ЪГЪЛ */
.elementor-portfolio-item .elementor-portfolio-item__title:before {
    top: 0;
    left: 0;
    border-width: 2px 0 0 2px; /* Показва само горната и лявата рамка */
}

/* ДОЛЕН ДЕСЕН ЪГЪЛ */
.elementor-portfolio-item .elementor-portfolio-item__title:after {
    bottom: 0;
    right: 0;
    border-width: 0 2px 2px 0; /* Показва само долната и дясната рамка */
}

/* ПОКАЗВАНЕ НА ЪГЛИТЕ ПРИ ХОВЪР */
.elementor-portfolio-item:hover .elementor-portfolio-item__title:before,
.elementor-portfolio-item:hover .elementor-portfolio-item__title:after {
    opacity: 1; /* Показва се при ховър */
}/* End custom CSS */