/* ===================================================================================

* Theme Name: Frisk Child
* Theme URI: https://frisk.themegenix.com/
* Author: ThemeGenix
* Author URI: https://themeforest.net/user/themegenix/
* Description: Frisk - Creative Agency & Portfolio WordPress Theme
* Version: 2.0
* Template: frisk
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */


.home .elementor-counter-number-suffix,
.home .elementor-counter-number-prefix {
    display: none;
}

.home .elementor-counter-number-wrapper {
    margin: 0 auto;
    padding: 10px 0 20px;
}

/* ========================= Fapte Gallery ========================= */

/* wrapper taie marginile la hover */
.fapte-gallery-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 90%;
    margin: 0 auto;
}

/* ===== Egalizare înălțime imagini ===== */
.fapte-gallery-slider {
    width: 100%;
    background: transparent;
    --slide-h: 300px;
    /* ajustează */
}

@media (max-width: 991px) {
    .fapte-gallery-slider {
        --slide-h: 260px;
    }
}

@media (max-width: 575px) {
    .fapte-gallery-slider {
        --slide-h: 220px;
    }
}

.fapte-gallery-item img {
    display: block;
    width: 100%;
    height: var(--slide-h) !important;
    object-fit: cover;
    /* taie excesul */
    transition: transform .3s ease;
}

/* ===== Hover ===== */
.fapte-gallery-item:hover img {
    transform: translateX(5px);
}

@media (max-width:767px) {
    .fapte-gallery-item:hover img {
        transform: none;
    }
}

/* ===== Viewport & wrapper ===== */
.fapte-gallery-wrapper {
    position: relative;
    overflow: visible;
}

.fapte-gallery-viewport {
    overflow: hidden;
    margin: 0;
    padding: 0;
}


/* ===== Chevroane mai în exterior ===== */
.fapte-gallery-wrapper .swiper-button-prev,
.fapte-gallery-wrapper .swiper-button-next {
    position: absolute;
    z-index: 5;
    font-size: 24px;
    color: #E3FF04;
    --nav-offset: -50px;
}

.fapte-gallery-wrapper .swiper-button-prev {
    left: var(--nav-offset);
}

.fapte-gallery-wrapper .swiper-button-next {
    right: var(--nav-offset);
}

.fapte-gallery-wrapper .swiper {
    margin: 0 !important;
}

.fapte-gallery-wrapper .swiper-slide {
    padding: 0 !important;
}

@media (max-width: 767px) {

    .fapte-gallery-wrapper .swiper-button-prev,
    .fapte-gallery-wrapper .swiper-button-next {
        --nav-offset: 8px;
    }
}


/* dezactivează efectul de hover pe mobil */
@media (max-width: 767px) {
    .fapte-gallery-item:hover img {
        transform: none;
    }
}


.elementor-widget-tg-team .team-card_title,
.elementor-widget-tg-team .team-card_title span {
    color: #fff !important;
    text-decoration: none;
}

/* Imagine + placeholder cu aceeași dimensiune și colțuri rotunjite (ca în site) */
.elementor-widget-tg-team .team-card_img {
    width: 100%;
    aspect-ratio: 815 / 500;
    /* păstrează proporția din imaginile tale */
    height: 450px;
    overflow: hidden;
}

.elementor-widget-tg-team .team-card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.elementor-widget-tg-team .team-card_img.is-placeholder {
    background: #1f1f1f;
    /* gri închis, simplu */
}


.single-portfolio .slick-arrow {
    width: 30px;
    height: 30px;
    line-height: unset;
}

.single-portfolio .slick-prev {
    left: 20px;
}

.single-portfolio .slick-next {
    right: 20px;
}

.single-portfolio .slick-slider .project-inner-thumb {
    /* ajustează intervalul după gust */
    --gal-h: clamp(200px, 28vw, 360px);
    height: var(--gal-h);
    overflow: hidden;
    position: relative;
}

.single-portfolio .slick-slider .project-inner-thumb>a {
    display: block;
    width: 100%;
    height: 100%;
}

.single-portfolio .slick-slider .project-inner-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.single-portfolio .link-effect {
    color: #fff;
}


/* ===== FAPTE: History ===== */
.fapte-history {
    --gap: 18px;
    --br: 16px;
    --thumb: 140px;
    --ph: #2b2b2b;
}

.fapte-history .fh-filter {
    margin: 0 0 14px;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    align-items: center;
}

.fapte-history .fh-filter .fh-chk {
    user-select: none;
    cursor: pointer;
}

.fapte-history .fh-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.fapte-history .fh-item {}

.fapte-history .fh-card {
    display: flex;
    gap: 18px;
    align-items: stretch;
    text-decoration: none;
}

.fapte-history .fh-thumb {
    flex: 0 0 var(--thumb);
    max-width: var(--thumb);
    border-radius: var(--br);
    overflow: hidden;
    background: var(--ph);
}

.fapte-history .fh-thumb img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
    display: block;
}

.fapte-history .fh-ph {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 16/10;
    background: var(--ph);
}

.fapte-history .fh-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
}

.fapte-history .fh-title {
    font-weight: 600;
    line-height: 1.25;
    color: #fff;
}

.fapte-history .fh-meta {
    font-size: 13px;
    opacity: .8;
    color: #ccc;
}

.fapte-history .fh-tags {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .9;
    color: #aaa;
}

.fapte-history .fh-desc {
    font-size: 14px;
    color: #ddd;
}

@media (max-width: 600px) {
    .fapte-history {
        --thumb: 110px;
    }
}

/* ===== FAPTE timeline (text only, cu săgeată) ===== */

.fh__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-bottom: 22px;
}

.fh-chip {
    border: 1px solid currentColor;
    color: #fff;
    background: transparent;
    border-radius: 999px;
    padding: 7px 14px;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    transition: .2s ease;
}

.fh-chip:hover {
    background: #fff;
    color: #000;
    border-color: #fff;
}

.fh-chip.is-on {
    background: #E3FF04;
    border-color: #E3FF04;
    color: #000;
}

/* necesar pentru filtrare */
.fh__item.is-hidden {
    display: none !important;
}

/* titluri mai mari (când bifa e ON în Widget) */
.fhte-item .t.is-big {
    font-size: 1.6rem;
}

.fapte-tl {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff;
}

.fapte-tl a,
.fapte-tl__title::before,
.fh-filter,
.fh-filter label {
    color: #fff;
}

.fapte-tl__item {
    margin: 0 0 18px;
}

.fapte-tl__title {
    margin: 0 0 2px;
    display: flex;
    align-items: baseline;
    gap: .5em;
    font-weight: 700;
    line-height: 1.25;
    font-size: 1.4rem;
}

.fapte-tl__title::before {
    content: "›";
    /* sau "›" dacă vrei mai discret */
    opacity: .6;
    font-weight: 700;
    transform: translateY(1px);
}

.fapte-tl__title a {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.fapte-tl__title a:hover {
    border-color: currentColor;
}

.fapte-tl__meta {
    font-size: .95rem;
    opacity: .85;
}

.fapte-tl__desc {
    margin-top: 6px;
    opacity: .9;
}

.fh-filter label {
    margin: 0 !important;
}

/* ===== Istoric / Timeline central – v5 (o singură linie din axă în card) ===== */
.fapte-timeline--center {
    --bg: transparent;
    --ink: #fff;
    --muted: #d7d7d7;
    --line: rgba(255, 255, 255, .28);
    --axis-gap: 40px;
    /* distanța card ↔ axă */
    --bubble: 104px;
    /* diametrul balonului */
    --arm-h: 2px;
    /* grosimea liniei */
    --y: 42px;
    /* fallback nivel */
    --divider-extra: clamp(160px, 32vw, 360px);
}

.fapte-timeline--center .fhte {
    position: relative;
    width: min(1100px, 100%);
    margin: 36px auto 56px;
    padding: 0 10px;
    list-style: none;
}

.fapte-timeline--center .fhte::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 50%;
    transform: translateX(-1px);
    width: 2px;
    background: var(--line);
}

/* Anii pe axă */
.fhte-year {
    position: relative;
    text-align: center;
    margin: 22px 0;
}

.fhte-year span {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(0, 0, 0, .72);
    color: #ddd;
    font-weight: 700;
    letter-spacing: .02em;
}

/* Item alternant */
.fhte-item {
    position: relative;
    width: calc(50% - var(--axis-gap));
    margin: 64px 0;
}

.fhte-item.is-left {
    margin-right: auto;
    padding-right: var(--axis-gap);
    text-align: right;
}

.fhte-item.is-right {
    margin-left: auto;
    padding-left: var(--axis-gap);
    text-align: left;
}

/* Balon imagine ancorat pe axă (centrat pe --y) */
.fhte-item .axisava {
    position: absolute;
    top: var(--y);
    z-index: 3;
    width: var(--bubble);
    height: var(--bubble);
    border-radius: 50%;
    overflow: hidden;
    background: #1b1b1b;
    box-shadow: 0 0 0 3px #0f0f0f, 0 0 0 6px color-mix(in oklab, var(--cat, #666) 70%, #000 30%);
    transform: translateY(-50%);
}

.fhte-item.is-left .axisava {
    right: calc(-1 * (var(--axis-gap) + var(--bubble)/2));
}

.fhte-item.is-right .axisava {
    left: calc(-1 * (var(--axis-gap) + var(--bubble)/2));
}

.fhte-item .axisava img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Card text + linia UNICĂ care vine din axă și devine divider */
.fhte-item .card {
    position: relative;
    /* ancoră pt. ::before */
    background: transparent;
    border: 0;
    padding: 12px 0 14px;
}

.fhte-item .card::before {
    content: "";
    position: absolute;
    top: var(--y-card, var(--y));
    /* setat din JS; fallback pe --y */
    height: var(--arm-h);
    background: color-mix(in oklab, var(--cat, #8aa) 86%, white 0%);
    z-index: 2;
    /* sub balon (z:3), peste fundal */
}

.fhte-item .card::before 
{
    display: none;
}

.fhte-item.is-left .card::before {
    left: 20%;
    width: calc(var(--axis-gap) + var(--bubble)/2 + var(--divider-extra));
}

.fhte-item.is-right .card::before {
    right: 20%;
    width: calc(var(--axis-gap) + var(--bubble)/2 + var(--divider-extra));
}



/* Titlu / meta / descriere */
.fhte-item .t {
    font-weight: 800;
    color: var(--ink);
    line-height: 1.25;
    font-size: 1.35rem;
    margin: 0;
}

.fhte-item .t a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.fhte-item .t a:hover {
    border-color: currentColor;
}

.fhte-item .m {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: .98rem;
    letter-spacing: .01em;
}

.fhte-item .d {
    margin-top: 14px;
    color: #eee;
    line-height: 1.55;
}

/* Mobile: totul pe o parte, axa la stânga */
@media (max-width:900px) {
    .fapte-timeline--center .fhte::before {
        left: 22px;
        transform: none;
    }

    .fhte-item {
        width: auto;
        margin: 32px 0;
        padding-left: calc(var(--axis-gap) + var(--bubble)/2 + 16px);
        padding-right: 0;
        text-align: left;
    }

    .fhte-item .axisava {
        left: 22px;
        right: auto;
        transform: translate(-50%, -50%);
    }

    .fhte-item .card::before {
        left: calc(22px + var(--bubble)/2);
        right: auto;
        width: calc(100% - (22px + var(--bubble)/2) - 12px);
    }

}

@media (max-width: 768px) {
    .fapte-timeline--center {
        --bubble: 52px;
        --axis-gap: 20px;
    }

    .fapte-timeline--center .fhte::before {
        left: 35px;
        transform: none;
    }

    .fhte-item .axisava {
        left: 26px !important;
        transform: translate(-50%, -50%);
        width: var(--bubble);
        height: var(--bubble);
    }

    .fhte-year {
        text-align: left;
        padding-left: 0;
    }

    .fhte-year span {
        padding: 5px 10px;
        color: var(--ink);
        font-size: 1.2rem;
        font-weight: 700;
        letter-spacing: normal;
        position: relative;
        left: 0;
        transform: translateX(calc(26px - 50%));
    }

    .fhte-item {
        width: auto;
        margin: 32px 0;
        padding-left: calc(26px + var(--bubble)/2 + 15px);
        padding-right: 15px;
        text-align: left;
    }

    .fhte-item.is-left,
    .fhte-item.is-right {
        margin-left: 0;
        margin-right: 0;
        padding-left: calc(26px + var(--bubble)/2 + 15px);
        padding-right: 15px;
        text-align: left;
    }

    .fhte-item .card::before {
        left: calc(-36px + var(--bubble)/2) !important;
        width: calc(100% - (26px + var(--bubble)/2) - 15px) !important;
    }

    .fhte-item .card {
        text-align: left;
    }

    .fhte-item .t,
    .fhte-item .m,
    .fhte-item .d {
        text-align: left;
        font-size: 1rem;
    }

    .fapte-timeline--center .fhte-item {
        --y: 25px;
    }

    .team-card .team-card_content {
        opacity: 1;
        bottom: 0;
    }

    .single-portfolio .slick-next {
        display: block;
    }

    .home .image-positon-css.wow.img-custom-anim-left {
        position: relative;
        top: 0px;
    }

    .home .hero-slider {
        height: 80vh;
    }

    .blog-card .blog-img,
    .blog-card.style01 .blog-img img {
        max-height: 250px;
    }

}

.post-template-default .blog-post-item {
    background-color: unset !important;
}

.wp-singular .blog-post-wrap,
.wp-singular .blog__sidebar,
.wp-singular .blog-post-wrap a,
.wp-singular .blog-post-wrap .blog-post-meta,
.wp-singular .blog-post-wrap .title,
.wp-singular .blog-post-meta .list-wrap li,
.wp-singular .blog-post-wrap .h4,
.wp-singular .blog-post-wrap .h2,
.wp-singular .blog-post-wrap h4,
.wp-singular .blog-post-wrap h2,
.wp-singular .sidebar__post-content .title a,
.wp-singular .sidebar__post-content .date,
.wp-singular .widget_block ul li a,
.wp-singular .widget.widget_categories ul li a,
.accordion-card .accordion-button,
.accordion-card .faq-text,
.accordion-card .accordion-button:after {
    color: #fff !important;
}

.accordion-card:first-child
{
   border-top: 2px solid #fff; 
}

.accordion-card
{
        border-bottom: 2px solid #fff;
}


#comments {
    display: none !important;
}


/* ========================= TEAM – TEMP TEXT-ONLY OVERRIDE ========================= */

.elementor-widget-tg-team .team-card_img,
.elementor-widget-tg-team .team-card_img.is-placeholder {
  display: none !important;
}

.elementor-widget-tg-team .team-card {
  background: transparent !important;
  box-shadow: none !important;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px;
  padding: 18px 16px;
  transition: none !important;
}

.elementor-widget-tg-team .team-card_content {
  position: static !important;
  opacity: 1 !important;
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: none !important;
}

.elementor-widget-tg-team .team-card_title,
.elementor-widget-tg-team .team-card_title a,
.elementor-widget-tg-team .team-card_title span {
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 800;
  line-height: 1.25;
  font-size: clamp(1.02rem, 0.9rem + .45vw, 1.22rem);
  margin: 0 0 6px !important;
}

.elementor-widget-tg-team .team-card_designation,
.elementor-widget-tg-team .team-card .designation {
  color: #cfd0d4 !important;
  font-size: .95rem;
  letter-spacing: .02em;
  text-transform: none;
}

.elementor-widget-tg-team .team-card:hover,
.elementor-widget-tg-team .team-card:focus {
  transform: none !important;
  box-shadow: none !important;
}

.elementor-widget-tg-team .team-card_social,
.elementor-widget-tg-team .team-card .tg-social,
.elementor-widget-tg-team .team-card_btn,
.elementor-widget-tg-team .team-card .tg-btn {
  display: none !important;
}


.elementor-widget-tg-team .team-card_inner,
.elementor-widget-tg-team .team-card_body {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media (max-width: 767px) {
  .elementor-widget-tg-team .team-card { padding: 14px 14px; }
  .elementor-widget-tg-team .team-card_title { margin-bottom: 4px !important; }
}

.slider-extra .global-carousel {
    height: 500px;
}

.slider-extra .slick-list,
.slider-extra .slick-track {
    height: 100% !important;
}

.slider-extra .slick-slide {
    height: 100% !important;
    display: flex !important;
    align-items: center;
}

.slider-extra .project-inner-thumb {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.slider-extra .project-inner-thumb a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-extra .project-inner-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.slider-extra .project-inner-thumb img[src*="portrait"],
.slider-extra .project-inner-thumb img {
    max-height: 100%;
}


.slider-extra .slick-arrow {
    width: 40px !important;
    height: 40px !important;
    background: #0A0C00 !important;
    border-radius: 50%;
    transition: all 0.3s ease;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.slider-extra .slick-arrow i {
    font-size: 18px !important;
    color: #E3FF04 !important;
    line-height: 1 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}


.slider-extra .slick-prev {
    left: 20px !important; 
    z-index: 10;
    display: flex !important; 
}

.slider-extra .slick-next {
    right: 20px !important; 
    z-index: 10;
    display: flex !important; 
}

@media (max-width: 768px) {
    .slider-extra .slick-arrow {
        width: 35px !important;
        height: 35px !important;
    }
    
    .slider-extra .slick-arrow i {
        font-size: 14px !important;
    }
    
    .slider-extra .slick-prev {
        left: 10px !important;
    }
    
    .slider-extra .slick-next {
        right: 10px !important;
    }
}

.slider-extra .slick-arrow:hover {
    background: #1a1c00 !important;
    transform: scale(1.1);
}

.slider-extra .slick-arrow:hover i {
    color: #f0ff50 !important; 
}