/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* HDJP Solutions Grid (Matching /solutions/) */
.hdjp-solutions-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 50px 30px !important;
  width: 100% !important;
  max-width: 1440px !important;
  margin: 40px auto 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 991px) {
  .hdjp-solutions-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px 20px !important;
  }
}

@media (max-width: 640px) {
  .hdjp-solutions-grid {
    grid-template-columns: 1fr !important;
    gap: 35px !important;
  }
}

.hdjp-solution-card {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

.hdjp-solution-card .card-thumb-wrap {
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  height: 280px !important;
  width: 100% !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
}

.hdjp-solution-card .card-thumb-wrap figure,
.hdjp-solution-card .card-thumb-wrap figure a,
.hdjp-solution-card .card-thumb-wrap figure picture {
  margin: 0 !important;
  height: 100% !important;
  width: 100% !important;
  display: block !important;
}

.hdjp-solution-card .card-thumb-wrap img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.5s ease !important;
}

.hdjp-solution-card:hover .card-thumb-wrap img {
  transform: scale(1.08) !important;
}

.hdjp-solution-card .card-thumb-wrap .card-title {
  position: absolute !important;
  bottom: 20px !important;
  left: 20px !important;
  right: 20px !important;
  margin: 0 !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75) !important;
  z-index: 2 !important;
}

.hdjp-solution-card .card-thumb-wrap::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 65% !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.78) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.hdjp-solution-card .card-desc {
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: #4a5568 !important;
  margin: 0 0 15px 0 !important;
  flex-grow: 1 !important;
}

.hdjp-solution-card .card-link {
  display: inline-flex !important;
  align-items: center !important;
  column-gap: 8px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #37B539 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.hdjp-solution-card:hover .card-link {
  color: #278d29 !important;
}

.hdjp-solution-card .card-link span {
  transition: transform 0.3s ease !important;
  display: inline-block !important;
}

.hdjp-solution-card:hover .card-link span {
  transform: translateX(6px) !important;
}

/* ========================================================
 * HDJP Section Fixes: Projects, Products, Office
 * ======================================================== */

/* 1. Office Map & Layout */
.gspb_row-id-gsbp-f0f5126 .maps,
#gsbp-f0f5126 .maps {
  width: 100% !important;
  height: 100% !important;
  min-height: 400px !important;
}

.gspb_row-id-gsbp-f0f5126 .maps iframe,
#gsbp-f0f5126 .maps iframe,
.maps .map,
.maps iframe {
  width: 100% !important;
  height: 450px !important;
  min-height: 400px !important;
  border-radius: 16px !important;
  border: 0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  display: block !important;
}

/* 2. Desktop Grid Span & Container Sizing (Projects & Products) */
@media (min-width: 992px) {
  .gspb_row-id-gsbp-bcbd3d1 .news-block > div:last-child,
  .gspb_row-id-gsbp-ed467a9 .news-block > div:last-child,
  .gspb_container-gsbp-1d35793 .gspb_container-gsbp-cc2ece4,
  .gspb_container-gsbp-6f238c6 .gspb_container-gsbp-fea2cec {
    grid-column: 2 / span 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

.gspb_container-gsbp-1d35793,
.gspb_container-gsbp-6f238c6,
.gspb_row-id-gsbp-bcbd3d1 .news-block,
.gspb_row-id-gsbp-ed467a9 .news-block {
  overflow: hidden !important;
}

.gspb_slider-id-gsbp-47d237b,
.gspb_slider-id-gsbp-b585b48 {
  min-width: 0 !important;
  max-width: 100% !important;
  padding-bottom: 75px !important;
}

/* 3. Swiper Navigation Arrows (Restored to Original Arrow-3.png Style) */
.gspb_slider-id-gsbp-47d237b .swiper-button-prev,
.gspb_slider-id-gsbp-b585b48 .swiper-button-prev {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  left: 0 !important;
  right: auto !important;
  top: auto !important;
  bottom: 0 !important;
  width: 60px !important;
  height: 36px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  z-index: 10 !important;
  transition: opacity 0.25s ease !important;
}

.gspb_slider-id-gsbp-47d237b .swiper-button-next,
.gspb_slider-id-gsbp-b585b48 .swiper-button-next {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  left: 80px !important;
  right: auto !important;
  top: auto !important;
  bottom: 0 !important;
  width: 60px !important;
  height: 36px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  z-index: 10 !important;
  transition: opacity 0.25s ease !important;
}

.gspb_slider-id-gsbp-47d237b .swiper-button-prev::after,
.gspb_slider-id-gsbp-b585b48 .swiper-button-prev::after {
  content: "" !important;
  display: block !important;
  width: 56px !important;
  height: 12px !important;
  background: url("/wp-content/uploads/2025/10/Arrow-3.png") center center / contain no-repeat !important;
  transform: none !important;
  transition: transform 0.25s ease !important;
}

.gspb_slider-id-gsbp-47d237b .swiper-button-next::after,
.gspb_slider-id-gsbp-b585b48 .swiper-button-next::after {
  content: "" !important;
  display: block !important;
  width: 56px !important;
  height: 12px !important;
  background: url("/wp-content/uploads/2025/10/Arrow-3.png") center center / contain no-repeat !important;
  transform: rotate(180deg) !important;
  transition: transform 0.25s ease !important;
}

.gspb_slider-id-gsbp-47d237b .swiper-button-prev:hover:not(.swiper-button-disabled)::after,
.gspb_slider-id-gsbp-b585b48 .swiper-button-prev:hover:not(.swiper-button-disabled)::after {
  transform: translateX(-4px) !important;
}

.gspb_slider-id-gsbp-47d237b .swiper-button-next:hover:not(.swiper-button-disabled)::after,
.gspb_slider-id-gsbp-b585b48 .swiper-button-next:hover:not(.swiper-button-disabled)::after {
  transform: rotate(180deg) translateX(-4px) !important;
}

.gspb_slider-id-gsbp-47d237b .swiper-button-disabled,
.gspb_slider-id-gsbp-b585b48 .swiper-button-disabled {
  opacity: 0.25 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 4. Product Card Sizing & Learn More */
.gspb-prod-card-learnmore {
  color: #37B539 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  column-gap: 6px !important;
  margin-top: 14px !important;
  transition: all 0.25s ease !important;
}

.gspb-hoverparent-192:hover .gspb-prod-card-learnmore {
  color: #278d29 !important;
  transform: translateX(4px) !important;
}

/* 5. Project Card Excerpt Line Breaks */
.gspb_slider-id-gsbp-47d237b .gspb_meta_value,
#projects .gspb_meta_value {
  white-space: pre-line !important;
  line-height: 1.6 !important;
}