/* ------------------------------------------------------ */
/* --------------------------- / * Footer Styling */
.footer {
  display: grid;
  grid-template-rows: auto;
  gap: 80px;

  color: var(--color-daikin-white);
  background-color: var(--color-daikin-accent-grey);
}

.footer h3 {
  border-block-end: 1px solid #919191;
  font-weight: 500;
}

.footer h4 {
  font-weight: 500;
}

.footer a {
  font-weight: 500;
}

/* Contact Section */
.contact-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
}

.contact-section .grid-element0 {
  grid-area: 1 / 1 / 2 / 3;
}

.contact-section .grid-element1 {
  grid-area: 2 / 1 / 3 / 2;
}

.contact-section .grid-element2 {
  grid-area: 2 / 2 / 3 / 3;
  text-align: right;
}

/* Copyright Section */
.copyright-tag {
  text-align: center;
  background-color: var(--color-daikin-caring-blue-grey);
}

.copyright-tag li,
.copyright-tag a {
  font-weight: 700;
  letter-spacing: 1.8px;
  color: var(--color-daikin-black-80);
}

.footer-disclaimer {
  border-block-end: 1px solid var(--color-daikin-black-80);
  padding-block-end: 2px;
}

#contact {
  font-weight: 700;
  border-block-end: 1px solid var(--color-daikin-white);
}

.footer-top-image-wrapper {
  block-size: 200px;
  position: relative;
  z-index: -1;
}

.footer-top-image {
  object-fit: contain;
  inline-size: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: -1px;
  max-block-size: 250px;
}

/* ------------------------------------------------------ */

/* ------------------------------------------------------ */
/* MEDIA QUERIES */
/* ------------------------------------------------------ */
@media only screen and (min-width: 650px) {
  .contact-section {
    padding-inline: 40px;
  }
}