/* Final layout refinements for the public homepage. */
.hidigi-home__section > h1,
.hidigi-home__section > h2,
.hidigi-home__section > p {
  text-align: center;
}

.hidigi-home__staff h2 a {
  color: inherit;
  text-decoration: none;
}
.hidigi-home__staff h2 a:hover {
  color: #26ab60;
}
.hidigi-home__staff-link {
  color: inherit;
  text-decoration: none;
}
.hidigi-home__staff-link article:hover {
  border-color: #3fc35f;
  box-shadow: 0 6px 18px rgba(38, 171, 96, .16);
}

/* Hero uses the theme's existing Owl carousel; images fill each slide. */
.hidigi-home__hero-carousel,
.hidigi-home__hero-carousel .owl-wrapper-outer,
.hidigi-home__hero-carousel .owl-wrapper,
.hidigi-home__hero-carousel .owl-item,
.hidigi-home__hero-carousel a,
.hidigi-home__hero-carousel picture {
  height: 100%;
}
.hidigi-home__hero-carousel .owl-controls {
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
  z-index: 2;
  text-align: center;
}
.hidigi-home__hero-carousel .owl-page span {
  width: 9px;
  height: 9px;
  margin: 0 5px;
  opacity: .85;
  background: #fff;
}
.hidigi-home__hero-carousel .owl-page.active span {
  background: #3fc35f;
}

.hidigi-home__selling-header {
  position: relative;
  justify-content: center;
}

.hidigi-home__selling-header > div:first-child {
  text-align: center;
}

.hidigi-home__selling-nav {
  position: absolute;
  top: 8px;
  right: 0;
}

@media (max-width: 900px) {
  .hidigi-home__feature-card > img {
    aspect-ratio: 1 / 1;
  }
}

/* Keep video and news imagery in a familiar landscape format. */
.hidigi-home__resource-grid img,
.hidigi-home__news-grid img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* Place the play icon in the center of the video's square media area. */
.hidigi-home__resource-grid article {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.hidigi-home__resource-grid article > img,
.hidigi-home__resource-play {
  grid-area: 1 / 1;
}
.hidigi-home__resource-play {
  align-self: center;
  justify-self: center;
  z-index: 1;
  pointer-events: none;
}
.hidigi-home__resource-grid .hidigi-home__resource-play img {
  display: block;
  width: 70px;
  height: 70px;
  margin: 0;
  object-fit: contain;
}
.hidigi-home__resource-grid article > h3 { grid-row: 2; }
.hidigi-home__resource-grid article > p { grid-row: 3; }
.hidigi-home__resource-grid article > a { grid-row: 4; }

/* Use the same centered 1,200px content frame as the homepage CTA. */
.footer .secarea > .container,
.footer .copyrights > .container {
  width: calc(100% - 48px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

/* The CTA artwork should touch the right edge of its green container. */
.hidigi-home__cta {
  padding: 0;
  min-height: 400px;
  height: 400px;
  border-radius: 12px 12px 0 0;
}
.hidigi-home__cta > div {
  padding: 35px 0 35px 30px;
}
.hidigi-home__cta > img {
  align-self: stretch;
  width: 50%;
  height: auto;
  object-fit: contain;
  object-position: right bottom;
}

/* The employee-management visual shares the panel evenly with its list. */
.hidigi-home__staff-list,
.hidigi-home__staff-image {
  flex: 1 1 0;
  width: auto;
}
.hidigi-home__staff-image {
  align-self: stretch;
}
.hidigi-home__staff-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hidigi-home__staff-arrow {
  display: none !important;
}
.hidigi-home__staff-list article {
  overflow: visible;
}
.hidigi-home__staff-list article::after {
  content: "";
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin-left: 8px;
  background: url("/admin_theme/static/src/images/home/figma/arrow-right-rounded.svg") center / contain no-repeat;
  opacity: .45;
}

/* Each customer supplies a logo with a different native canvas.  Normalize
 * the visible logo sizes with the padding approved for desktop and phone. */
.hidigi-home__logos img.hidigi-home__logo--ola { padding: 48px 40px; }
.hidigi-home__logos img.hidigi-home__logo--firetech { padding: 37px 36px; }
.hidigi-home__logos img.hidigi-home__logo--hai-trung-kim { padding: 6px; }
.hidigi-home__logos img.hidigi-home__logo--dieu-linh { padding: 38px; }
.hidigi-home__logos img.hidigi-home__logo--b { padding: 30px; }

/* Accounting cards are complete links; retain the former CTA treatment. */
a.hidigi-home__feature-card > span:last-child {
  display: block;
  margin-top: 22px;
  color: #3fc35f;
  font-size: 16px;
}

@media (max-width: 900px) {
  .hidigi-home__hero-carousel,
  .hidigi-home__hero-carousel .owl-wrapper-outer,
  .hidigi-home__hero-carousel .owl-wrapper,
  .hidigi-home__hero-carousel .owl-item,
  .hidigi-home__hero-carousel a,
  .hidigi-home__hero-carousel picture {
    height: auto;
  }
  .hidigi-home__hero-carousel .owl-controls {
    bottom: 8px;
  }
  .footer .secarea > .container,
  .footer .copyrights > .container {
    width: calc(100% - 40px);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .hidigi-home__cta > div {
    padding: 0 20px 30px;
  }
  .hidigi-home__cta {
    min-height: 0;
    height: auto;
  }
  .hidigi-home__cta > img {
    width: calc(100% + 40px) !important;
    height: auto;
    object-fit: cover;
  }
  .hidigi-home__staff-image {
    width: 100%;
    flex-basis: auto;
  }
}

@media (max-width: 600px) {
  .hidigi-home__logos img.hidigi-home__logo--ola { padding: 24px 28px; }
  .hidigi-home__logos img.hidigi-home__logo--firetech { padding: 17px 32px; }
  .hidigi-home__logos img.hidigi-home__logo--hai-trung-kim { padding: 6px; }
  .hidigi-home__logos img.hidigi-home__logo--dieu-linh { padding: 18px 38px; }
  .hidigi-home__logos img.hidigi-home__logo--b { padding: 14px 32px; }
}