/* Oriza project pages — Words & Colors typography + layout overrides */

/* Category pills are Oriza-only; hide if shared CSS fails to load. */
body.wc-oriza-template-page .projects_category_wrap {
  display: none !important;
}

body.wc-oriza-template-page,
body.wc-project-oriza-page {
  background-color: #ffffff;
  font-family: "Poppins", sans-serif;
}

body.wc-oriza-template-page .navbar_wrapper_projects,
body.wc-oriza-template-page .nav_main,
body.wc-oriza-template-page .nav_menu,
body.wc-oriza-template-page .text-nav-link,
body.wc-oriza-template-page .footer_container,
body.wc-oriza-template-page .footer-section,
body.wc-oriza-template-page .mobile_down_nav,
body.wc-project-oriza-page .navbar_wrapper_projects,
body.wc-project-oriza-page .nav_main,
body.wc-project-oriza-page .nav_menu,
body.wc-project-oriza-page .text-nav-link,
body.wc-project-oriza-page .footer_container,
body.wc-project-oriza-page .footer-section,
body.wc-project-oriza-page .mobile_down_nav {
  font-family: "Poppins", sans-serif;
}

body.wc-oriza-template-page .slider_text,
body.wc-project-oriza-page .slider_text {
  font-family: "Poppins", sans-serif !important;
}

.wc-oriza-template,
.wc-project-oriza {
  --oriza-h1: 48px;
  --oriza-h5: 20px;
  --oriza-h6: 18px;
  --oriza-p: 16px;
  --oriza-p-large: 18px;
  --oriza-neutral-900: #151515;
  --oriza-neutral-50: #f7f7f7;
  --oriza-grey: #6e7191;
  font-family: "Poppins", sans-serif;
  color: var(--oriza-neutral-900);
}

.wc-project-oriza .h1,
.wc-project-oriza .h2,
.wc-project-oriza .h3,
.wc-project-oriza .h4,
.wc-project-oriza .h5,
.wc-project-oriza .h6,
.wc-project-oriza .p_regular,
.wc-project-oriza .p_large,
.wc-project-oriza .rich_text,
.wc-project-oriza .rich_text h4,
.wc-project-oriza .rich_text p,
.wc-project-oriza .rich_text li {
  font-family: "Poppins", sans-serif !important;
}

.wc-project-oriza .section.project_cms,
.wc-project-oriza .section.projects_cms {
  padding-top: 48px;
  padding-bottom: 48px;
}

.wc-project-oriza .h1 {
  font-size: var(--oriza-h1);
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.wc-project-oriza .projects_heading_box .h5 {
  font-size: var(--oriza-h5);
  line-height: 1.45;
  font-weight: 500;
  color: var(--oriza-grey);
}

.wc-project-oriza .h6 {
  font-size: var(--oriza-h6);
  line-height: 1.35;
  font-weight: 600;
}

.wc-project-oriza .p_regular {
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
  color: var(--oriza-grey);
}

.wc-project-oriza .p_large {
  font-size: var(--oriza-p-large);
  line-height: 1.6;
  font-weight: 400;
  color: var(--oriza-neutral-900);
}

.wc-project-oriza .projects_cms_layout,
.wc-project-oriza .projec_cms_layout {
  gap: 40px;
}

.wc-project-oriza .cover_image_wrap.project,
.wc-project-oriza .cover_image_wrap.projects {
  border-radius: 24px;
  overflow: hidden;
}

.wc-project-oriza .cover_image.projects,
.wc-project-oriza .cover_image.project {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wc-project-carousel.cover_image_wrap.project {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}

.wc-project-carousel-viewport {
  position: relative;
  width: 100%;
  height: clamp(460px, 78vh, 920px);
}

.wc-project-carousel-track {
  position: relative;
  width: 100%;
  height: 100%;
}

.wc-project-carousel-slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

.wc-project-carousel-slide.is-active {
  opacity: 1;
  pointer-events: auto;
}

.wc-project-carousel-slide picture,
.cover_image_wrap picture {
  display: block;
  width: 100%;
  height: 100%;
}

.wc-project-carousel-slide picture img,
.cover_image_wrap picture img {
  width: 100%;
  height: 100%;
}

body.wc-oriza-template-page .wc-project-carousel .cover_image.projects,
.wc-project-carousel-slide .cover_image.projects {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 auto;
  object-fit: contain !important;
  object-position: center center !important;
}

body.wc-oriza-template-page .wc-case-study-top {
  gap: 20px !important;
  align-items: center;
  text-align: center;
}

body.wc-oriza-template-page .wc-case-study-top .projects_heading_box {
  align-items: center;
  width: 100%;
}

body.wc-oriza-template-page .wc-case-study-top .projects_short_text {
  max-width: 720px;
  margin-top: 0;
  margin-inline: auto;
  text-align: center;
  width: 100%;
}

body.wc-oriza-template-page .wc-case-study-top .projects_short_text .p_large {
  text-align: center;
}

body.wc-oriza-template-page .wc-case-study-top > .cover_image_wrap.project:not(.wc-project-carousel) {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  max-height: none;
}

body.wc-oriza-template-page .wc-case-study-top > .cover_image_wrap.project:not(.wc-project-carousel) .cover_image.projects {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: clamp(320px, 55vh, 680px) !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.wc-project-oriza .projects_cms_wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid #e8e8ef;
}

.wc-project-oriza .projects_cms_info {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
  padding: 20px 28px 20px 0;
  border-bottom: 1px solid #e8e8ef;
}

.wc-project-oriza .projects_cms_info:nth-child(even) {
  padding-left: 28px;
  padding-right: 0;
  border-left: 1px solid #e8e8ef;
}

.wc-project-oriza .projects_cms_info .p_regular {
  width: 100%;
  flex-shrink: 0;
}

.wc-project-oriza .projects_cms_info .h6 {
  margin-top: 0;
  width: 100%;
  text-align: left;
}

.wc-project-oriza .rich_text h4 {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

.wc-project-oriza .rich_text p,
.wc-project-oriza .rich_text li {
  font-size: var(--oriza-p);
  line-height: 1.65;
  color: #333333;
}

.wc-project-oriza .wc-project-testimonial-slot {
  max-width: 640px;
  margin: 0 auto 48px;
  padding: 0 20px;
}

.wc-project-oriza .wc-project-testimonial-slot.wc-oriza-testimonials {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
  width: auto;
}

.wc-project-oriza .container {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
}

.wc-project-oriza .wc-project-testimonial-slot .testimonials_bottom_card.testimonial {
  position: relative;
  top: auto;
  align-items: flex-start;
  border-radius: 32px;
  box-shadow: 0 16px 40px rgba(251, 75, 32, 0.22);
  border: none;
  background-color: #fb4b20;
  background-image: radial-gradient(circle farthest-corner at 0% 0%, #fed03e 29%, #fb4b20);
  color: #ffffff;
}

.wc-work-oriza .project_heading_content {
  margin-bottom: 40px;
}

.wc-work-oriza .project_heading_content .p_large {
  max-width: 640px;
  margin-top: 16px;
  color: var(--oriza-grey);
}

.wc-work-oriza .projects_collection_ilist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.wc-work-oriza .section.project_section {
  padding-top: 56px;
  padding-bottom: 80px;
}

@media screen and (max-width: 991px) {
  .wc-work-oriza .section.project_section {
    padding-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .wc-work-oriza .projects_collection_ilist {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 991px) {
  .wc-oriza-template,
.wc-project-oriza {
    --oriza-h1: 38px;
    --oriza-h5: 18px;
    --oriza-h6: 17px;
    --oriza-p-large: 17px;
  }

  .wc-project-oriza .projects_cms_wrap {
    grid-template-columns: 1fr;
    border-top: none;
  }

  .wc-project-oriza .projects_cms_info {
    padding: 16px 0 !important;
    border-left: none !important;
  }

  .wc-project-oriza .projects_cms_info:nth-child(even) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-left: none !important;
  }

  body.wc-oriza-template-page .page_wrapper .project_cms .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
  }

  body.wc-oriza-template-page .projects_cms_bottom {
    flex-flow: column !important;
    align-items: stretch !important;
    gap: 32px !important;
  }

  body.wc-oriza-template-page .wc-project-media-column {
    flex: 1 1 auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.wc-oriza-template-page .projects_rich_text {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 24px !important;
  }

  body.wc-oriza-template-page .projects_content_info {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    top: auto !important;
  }

  body.wc-oriza-template-page .wc-project-carousel.cover_image_wrap.project {
    width: calc(100% + 40px) !important;
    max-width: none !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    border-radius: 0 !important;
  }

  body.wc-oriza-template-page .wc-project-carousel-viewport {
    height: min(56vw, 300px) !important;
  }

  body.wc-oriza-template-page .wc-project-carousel .cover_image.projects,
  body.wc-oriza-template-page .wc-project-carousel-slide .cover_image.projects {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.wc-oriza-template-page .wc-case-study-top {
    gap: 16px !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  body.wc-oriza-template-page .wc-case-study-top .projects_heading_box,
  body.wc-oriza-template-page .wc-case-study-top .projects_short_text {
    text-align: left !important;
    align-items: flex-start !important;
    margin-inline: 0 !important;
  }

  body.wc-oriza-template-page .wc-case-study-top .projects_short_text .p_large {
    text-align: left !important;
  }

  body.wc-oriza-template-page .section.project_cms {
    padding-top: 12px !important;
    padding-bottom: 32px !important;
  }

  body.wc-oriza-template-page .projects_cms_layout {
    gap: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .wc-oriza-template,
.wc-project-oriza {
    --oriza-h1: 32px;
    --oriza-h5: 17px;
    --oriza-h6: 16px;
    --oriza-p-large: 16px;
  }

  .wc-project-oriza .section.project_cms,
  .wc-project-oriza .section.projects_cms {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  body.wc-oriza-template-page .wc-project-carousel-viewport {
    height: min(52vw, 260px) !important;
  }
}