/*
Theme Name: Thrive Hive 2026
Theme URI: https://thrivehive.lk/
Description: Thrive Hive branded child theme for the Avantage WordPress theme.
Author: Thrive Hive
Template: avantage
Version: 1.0.0
Text Domain: thrive-hive-2026
*/

:root {
  --th-teal: #29aca4;
  --th-teal-dark: #167c78;
  --th-copper: #d19373;
  --th-ink: #102b31;
  --th-night: #0d292e;
  --th-mint: #e6f6f4;
  --th-sand: #f4ece6;
  --th-paper: #fbfcfb;
}

body.thrive-hive-2026 {
  color: var(--th-ink);
  background: var(--th-paper);
  font-family: Arial, Helvetica, sans-serif;
}

.thrive-hive-2026 h1,
.thrive-hive-2026 h2,
.thrive-hive-2026 h3,
.thrive-hive-2026 h4,
.thrive-hive-2026 h5,
.thrive-hive-2026 h6,
.thrive-hive-2026 .bt_bb_headline,
.thrive-hive-2026 .menuPort {
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: -0.025em;
}

.thrive-hive-2026 a {
  color: var(--th-teal-dark);
}

.thrive-hive-2026 .btAccentIconWidgetIcon,
.thrive-hive-2026 .bt_bb_headline_superheadline,
.thrive-hive-2026 .bt_bb_headline u {
  color: var(--th-teal);
}

.thrive-hive-2026 .bt_bb_button a,
.thrive-hive-2026 button,
.thrive-hive-2026 input[type="submit"] {
  font-family: Arial, Helvetica, sans-serif;
}

.thrive-hive-2026 .bt_bb_button.bt_bb_style_filled a {
  background-color: var(--th-teal);
  box-shadow: none;
}

.thrive-hive-2026 .bt_bb_button.bt_bb_style_filled a:hover {
  background-color: var(--th-teal-dark);
}

.thrive-hive-2026 .mainHeader,
.thrive-hive-2026 .btVerticalHeaderTop {
  font-family: Arial, Helvetica, sans-serif;
}

.thrive-hive-2026 .btSiteFooter {
  background: var(--th-night);
}

.th-resource-pool-photo {
  position: relative;
  max-width: 1180px;
  margin: 2rem auto 1rem;
  overflow: hidden;
  border-radius: 18px;
  background: #000;
}

.th-resource-pool-photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2048 / 1320;
  object-fit: contain;
}

.th-resource-pool-photo figcaption {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  max-width: 28rem;
  padding: .75rem 1rem;
  color: #fff;
  background: rgba(13, 41, 46, .88);
  border-left: 4px solid var(--th-copper);
  border-radius: 8px;
  font-size: .9rem;
}

.th-mta-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem auto 2rem;
}

.th-mta-badge img {
  width: min(240px, 70vw);
  height: auto;
}

.th-client-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 1.25rem 0;
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}

.th-client-carousel__track {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 2.75rem;
  animation: th-client-scroll 34s linear infinite;
}

.th-client-carousel:hover .th-client-carousel__track,
.th-client-carousel:focus-within .th-client-carousel__track {
  animation-play-state: paused;
}

.th-client-carousel__item {
  display: grid;
  width: 150px;
  height: 76px;
  place-items: center;
  flex: 0 0 auto;
  padding: .65rem 1rem;
  border: 1px solid rgba(16, 43, 49, .1);
  border-radius: 12px;
  background: #fff;
}

.th-client-carousel__item img {
  display: block;
  max-width: 122px;
  max-height: 48px;
  width: auto;
  height: auto;
  filter: grayscale(1);
  opacity: .72;
  transition: filter .2s ease, opacity .2s ease;
}

.th-client-carousel__item:hover img {
  filter: none;
  opacity: 1;
}

@keyframes th-client-scroll {
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .th-client-carousel__track { animation: none; }
}

@media (max-width: 720px) {
  .th-resource-pool-photo figcaption {
    position: relative;
    right: auto;
    bottom: auto;
    max-width: none;
    border-radius: 0;
  }

  .th-client-carousel__track { gap: 1.25rem; }
  .th-client-carousel__item { width: 126px; height: 68px; }
}