/* Single Project Page */

#module-th_proiecte-project .breadcrumb__wrapper {
  margin-bottom: 0 !important;
}

/* Hero */
.project-hero {
    position: relative;
    min-height: 750px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-start;
    padding-top: 60px;
}
.project-hero-content { padding: 70px 0 40px; }
.project-hero-title { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 56px; line-height: 120%; color: #ebe9ef; text-transform: none; font-style: normal; text-decoration: none; letter-spacing: 0px; margin-bottom: 24px; }
.project-hero-meta { margin-bottom: 12px; }
.project-hero-label { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 20px; line-height: 140%; color: #29B4D6; display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.project-hero-value { font-family: 'Inter', sans-serif; font-size: 24px; font-weight: 400; line-height: 140%; color: #ebe9ef; text-align: left; }

/* Section 1 - Equipment */
.project-section-1 { padding: 60px 0; background-color: #EAF8FB; }
.project-section-1-title { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 44px; color: #2a1a46; text-transform: none; font-style: normal; text-decoration: none; line-height: 140%; letter-spacing: 0px; word-spacing: 0em; margin-bottom: 32px; }
.project-equipment-item { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #eee; }
.project-equipment-title { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 24px; line-height: 140%; color: #625182; padding-bottom: 4px; margin-bottom: 4px; }
.project-equipment-text { font-family: 'Roboto', sans-serif; font-size: 14px; color: #625182; margin-bottom: 4px; }
.project-equipment-producer { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; font-style: normal; line-height: 140%; color: #29b4d6; padding-bottom: 4px; }

/* Section 2 rows (shared with industrii) */
.th_acfb .th_acfb_row { display: flex; align-items: center; gap: 16px 100px; padding: 48px 0; }
.th_acfb_row .th_acfb_col_left { order: 0; }
.th_acfb_row .th_acfb_col_right { order: 1; }
.th_acfb .th_acfb_row .th_acfb_col { width: 50%; }
.th_acfb .th_acfb_row .th_acfb_col1_title,
.th_acfb .th_acfb_row .th_acfb_col2_title { font-family: 'Inter', sans-serif; font-size: 44px; font-weight: 700; line-height: 120%; color: #2a1a46; margin-bottom: 46px; }
.th_acfb .th_acfb_row .th_acfb_col1_text,
.th_acfb .th_acfb_row .th_acfb_col2_text { font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 400; line-height: 140%; color: #7c6d96; }
.th_acfb .th_acfb_row .th_acfb_col1_text p,
.th_acfb .th_acfb_row .th_acfb_col2_text p { margin-bottom: 8px; }
.th_acfb .th_acfb_row .th_acfb_col1_text p:last-child,
.th_acfb .th_acfb_row .th_acfb_col2_text p:last-child { margin-bottom: 0; }
.th_acfb .th_acfb_row .th_acfb_col2_img { border-radius: 16px; max-width: 100%; height: auto; }

/* CTA Button */
.th_acfb_cta { margin-top: 16px; }
.th_acfb_button { display: inline-flex; align-items: center; gap: 8px; background-color: #3b2563; color: #fff; padding: 16px 32px; border-radius: 58px; text-decoration: none; font-family: 'Inter', sans-serif; font-weight: bold; font-size: 16px; height: 54px; transition: background-color 0.3s; }
.th_acfb_button:hover { background-color: #2d1b4e; color: #fff; text-decoration: none; }

/* Image Slider */
.th_acfb_slider_img .swiper-slide > img { height: 450px; object-fit: cover; width: 100%; border-radius: 16px; cursor: pointer; }
.th_acfb_slider_img .swiper-button-next,
.th_acfb_slider_img .swiper-button-prev { border: 1px solid #a59bb7; background: #fff; border-radius: 8px; padding: 10px 20px; }
.th_acfb_slider_img .swiper-button-next:after,
.th_acfb_slider_img .swiper-button-prev:after { font-size: 25px; font-weight: 700; color: #E83892; }

/* Lightbox Modal */
.th-swiper-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 99999; align-items: center; justify-content: center; }
.th-swiper-modal-inner { position: relative; max-width: 90%; max-height: 90%; display: flex; align-items: center; justify-content: center; }
.th-swiper-modal-content { max-width: 100%; max-height: 90vh; object-fit: contain; }
.th-swiper-modal-close { position: absolute; top: -30px; right: 0; color: #fff; font-size: 30px; cursor: pointer; }

/* ========== TESTIMONIAL ========== */
.project-testimonial {
  padding: 72px 15px;
  background-color: #3b2563;
  background-image: url('https://splendidwp.nexloc.com/wp-content/uploads/2024/03/testimonial-bg.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.project-testimonial-title {
  font-family: Inter, sans-serif;
  font-size: 44px;
  font-weight: 700;
  color: #ebe9ef;
  text-align: center;
  margin-bottom: 24px;
  line-height: 120%;
}

.project-testimonial-text {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  color: #ebe9ef;
  line-height: 140%;
  margin-bottom: 32px;
  text-align: center;
}

.project-testimonial-author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.project-testimonial-author-info {
  text-align: left;
}

.project-testimonial-name {
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #70cde4;
  line-height: 140%;
}

.project-testimonial-role {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  color: #eaf8fb;
  line-height: 140%;
}

.project-testimonial-avatar { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; }

.project-testimonial-quote-icon {
  display: flex;
  margin-bottom: 12px;
}

.project-testimonial-quote-open {
  justify-content: flex-start;
}

.project-testimonial-quote-close {
  justify-content: flex-end;
  margin-top: 12px;
  margin-bottom: 0;
}

.project-testimonial-quote-icon svg path {
  fill: #6ec1e4;
}

/* Related Projects */
.project-related { padding: 80px 15px; background-color: #EBE9EF; }
.project-related-header { text-align: center; margin-bottom: 32px; }
.project-related-title { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 44px; color: #2a1a46; text-transform: none; font-style: normal; text-decoration: none; line-height: 120%; letter-spacing: 0px; word-spacing: 0em; margin-bottom: 8px; }
.project-related-subtitle { font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 400; color: #7c6d96; text-align: center; text-transform: none; font-style: normal; text-decoration: none; line-height: 140%; letter-spacing: 0px; word-spacing: 0em; margin-bottom: 0; }

/* Related Project Cards */
.project-related-card {
    display: block;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    height: 260px;
    text-decoration: none;
}
.project-related-card-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-related-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(25, 16, 42, 0.00) 50.12%, #19102A 100%);
    border-radius: 16px;
    z-index: 1;
}
.project-related-card-text {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    z-index: 2;
}
.project-related-card-title {
    color: #FFF;
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
}
.project-related-card-location {
    color: #FFF;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}
.project-related-swiper .swiper-wrapper {
    height: 260px;
}

/* General - break out of PS container for full-width sections */
main.wrapper > .container {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#module-th_proiecte-project #content-wrapper {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.project-page, .project-hero {
    overflow: hidden;
}

/* ================================================
   YouTube iframe - stilizare identică cu splendidservice.ro
   Secțiunea th_acfb (project content blocks)
   ================================================ */

/* Container responsive pentru iframe */
.th_acfb_col1_text p:has(> iframe),
.th_acfb_col1_text > iframe,
.th_acfb_col2_text p:has(> iframe),
.th_acfb_col2_text > iframe,
.th_acfb_col_text p:has(> iframe),
.th_acfb_col_text > iframe {
  display: block;
  width: 100%;
}

/* Wrapper aspect-ratio pentru responsive */
.th_acfb_col1_text p:has(> iframe[src*="youtube"]),
.th_acfb_col2_text p:has(> iframe[src*="youtube"]),
.th_acfb_col_text p:has(> iframe[src*="youtube"]) {
  position: relative;
  width: 100%;
  max-width: 672px;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: clip;
  margin: 0 auto;
}

/* Iframe-ul YouTube în sine */
.th_acfb_col1_text iframe[src*="youtube"],
.th_acfb_col2_text iframe[src*="youtube"],
.th_acfb_col_text iframe[src*="youtube"],
.th_acfb_col1_text p > iframe[src*="youtube"],
.th_acfb_col2_text p > iframe[src*="youtube"],
.th_acfb_col_text p > iframe[src*="youtube"] {
  width: 100%;
  height: 100%;
  max-width: 672px;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: clip;
  border: none;
  display: block;
}

/* Fallback pentru browsere care nu suportă :has() */
.th_acfb_col1_text iframe,
.th_acfb_col2_text iframe,
.th_acfb_col_text iframe {
  border-radius: 16px;
  overflow: clip;
  max-width: 100%;
  border: none;
}

/* Responsive */
@media (max-width: 1024px) {
    .th_acfb .th_acfb_row .th_acfb_col { width: 100%; }
    .th_acfb .th_acfb_row { padding: 20px 0; flex-wrap: wrap; }
    .th_acfb .th_acfb_row .th_acfb_col1 { order: 0; }
    .th_acfb .th_acfb_row .th_acfb_col2 { order: 1; }
}
@media (max-width: 768px) {
    .project-hero { min-height: 500px; }
    .project-hero-title { font-size: 36px; }
    .project-section-1 { padding: 40px 0; }
    .project-related .swiper-slide { margin-bottom: 16px; }
    .th_acfb_slider_img .swiper-slide > img { height: 300px; object-fit: contain; }
}
@media (max-width: 576px) {
    .project-hero-title { font-size: 28px; }
    .project-equipment-grid .col-md-6 { margin-bottom: 16px; }
}