/*
 * Sustainability Page Custom Styles
 */

/* Service Grid - Increase Vertical Gap */
.c-service-ul.c-service-ul-t {
  grid-gap: calc(var(--gx) * 4) var(--gx);
}
@media screen and (max-width: 680px) {
  .c-service-thumb {
    display: block;
    aspect-ratio: var(--a-grid);
    width: 50%;
    height: auto;
  }
  .c-service-thumb .c-img {
  
  }
}

/* Visual - Background Size Cover */
.c-visual .js-img-poster {
  background-size: cover !important;
}

/* Border Color Black */
.l-group-tr.border-black {
  border-bottom-color: var(--c-hgray);
}

/* Materiality Header */
.materiality-header .text {
  font-size: 14px;
  margin-bottom: 0.5em;
  text-transform: none;
}

.materiality-header .hdg {
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 1.5em;
  text-transform: none;
}

.materiality-header .img {
  max-width: 100px;
  margin: 0 auto;
  text-align: left;
}

.materiality-header .img img {
  width: 65%;
  height: auto;
}

@media screen and (max-width: 900px) {
  .materiality-header .img {
    text-align: center;
  }
  .materiality-header .img img {
    width: 75%;
  }
}

/* Report Section - 2 Column Layout */
.c-report-layout {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: calc(var(--gx) * 4);
  align-items: start;
}

.c-report-layout-left {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.c-report-layout-right {
  width: calc(var(--gx) * 20);
}

.c-report-layout-right .c-sec-r-img {
  border-radius: calc(var(--gx) * 0.5);
  overflow: hidden;
  aspect-ratio: 1.3/1;
}

/* Report Block */
.c-report-block {
  padding: calc(var(--gx) * 2) 0;
  border-bottom: 1px solid var(--c-hgray);
}

.c-report-block:first-child {
  padding-top: 0;
}

.c-report-block:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* Report Block Header - Title & Links Side by Side */
.c-report-block-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: calc(var(--gx) * 2);
  align-items: start;
}

.c-report-block .c-report-title {
  margin-bottom: 0;
}

.c-report-block-links {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

/* PDF Link - Simple Style */
.c-report-link {
  display: flex;
  align-items: center;
  gap: 0.75em;
  padding: 0.25em 0;
}

.c-report-link-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-report-link-text {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.1em;
}

.c-report-link-text .c-tgray {
  font-size: 0.9em;
}

.c-report-link .ui-btn-i {
  flex-shrink: 0;
  margin-left: auto;
}

/* Mobile: 1 Column */
@media screen and (max-width: 900px) {
  .c-report-layout {
    grid-template-columns: 1fr;
    grid-gap: calc(var(--gx) * 1);
  }
  
  .c-report-layout-right {
    width: 100%;
    order: -1;
    margin-bottom: calc(var(--gx) * 1);
  }
  
  .c-report-block-header {
    grid-template-columns: 1fr;
    grid-gap: calc(var(--gx) * 1);
  }

  .c-report-link-icon .f-h4 {
    font-size: 32px;
  }

  /* Report Block */
  .c-report-block {
    padding: calc(var(--gx) * 1) 0;
  }
  .c-report-block:first-child {
    padding-top: 0;
  }
  .c-report-block:last-child {
    padding-bottom: 0;
  }
}

.materiality-contents .c-sec-r .l-group-tr {
  margin-bottom: calc(var(--gx) * 2);
  padding-bottom: calc(var(--gx) * 2);
}

/* Heading with Icon */
.c-heading-icon {
  display: flex;
  align-items: center;
  gap: 1em;
}
.c-heading-icon img {
  width: 80px;
  height: auto;
}
.c-heading-icon h4 {
  margin: 0;
}

/* Social Contribution - Left column top aligned */
.l-group-l.l-group-l-top {
  justify-content: flex-start;
}

/* 2 Column - Wider right column */
.l-group-tr-2col.l-group-tr-2col-wide {
  grid-template-columns: 1fr calc(var(--gx) * 20);
}

/* Caption left aligned */
.wp-caption-text {
  margin-top: .5em !important;
  font-weight: 400 !important;
}
.wp-caption-text.t-l {
  text-align: left;
}

/* Label - Rounded corners for multiline */
.c-label.c-label-round {
  border-radius: 5em;
}

.c-heading-icon  {
  margin-top: 0.5em !important;
}
.c-heading-icon + p {
  margin-top: -0.5em !important;
}