/*
Theme Name: FUJI TH Child
Description: Child theme for the FUJI TH company website built on Flatsome.
Author: FUJI TH
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
  --fuji-color-primary: #1F6B45;
  --fuji-color-primary-dark: #174F34;
  --fuji-color-secondary: #D96F32;
  --fuji-color-secondary-dark: #B85C27;
  --fuji-color-accent: #B63A2B;
  --fuji-color-text: #1F2933;
  --fuji-color-bg-soft: #F7F5F0;
  --fuji-color-bg-alt: #EEF2EE;
  --fuji-color-border: #D7DED8;
}

body {
  color: var(--fuji-color-text);
  background: #fff;
}

body, p, li, input, textarea, select {
  line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.banner h1,
.banner h2,
.banner h3 {
  color: var(--fuji-color-primary);
  line-height: 1.3;
}

.container,
.row {
  max-width: 1200px;
}

.button.primary,
button.primary,
input[type='submit'].primary,
input[type='submit'],
input[type='button'],
.submit-button,
.woocommerce a.button.primary,
.woocommerce button.button.primary,
.woocommerce input.button.primary {
  background-color: var(--fuji-color-primary);
  border-color: var(--fuji-color-primary);
  color: #fff;
}

.button.primary:hover,
button.primary:hover,
input[type='submit'].primary:hover,
input[type='submit']:hover,
input[type='button']:hover,
.submit-button:hover,
.woocommerce a.button.primary:hover,
.woocommerce button.button.primary:hover,
.woocommerce input.button.primary:hover {
  background-color: var(--fuji-color-primary-dark);
  border-color: var(--fuji-color-primary-dark);
  color: #fff;
}

.button.secondary,
.button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: var(--fuji-color-secondary);
  border-color: var(--fuji-color-secondary);
  color: #fff;
}

.button.secondary:hover,
.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: var(--fuji-color-secondary-dark);
  border-color: var(--fuji-color-secondary-dark);
  color: #fff;
}

.fuji-section-soft {
  background: var(--fuji-color-bg-soft);
  padding-top: 56px;
  padding-bottom: 56px;
}

.fuji-section-alt {
  background: var(--fuji-color-bg-alt);
  padding-top: 56px;
  padding-bottom: 56px;
}

.fuji-section-title {
  color: var(--fuji-color-primary);
  font-weight: 700;
  margin-bottom: 10px;
}

.fuji-section-kicker {
  color: var(--fuji-color-secondary);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.82rem;
  margin-bottom: 8px;
}

.fuji-section-intro {
  max-width: 760px;
  margin: 0 auto 24px;
  color: #4b5965;
}

.fuji-contact-strip {
  background: var(--fuji-color-primary);
  color: #fff;
  padding-top: 28px;
  padding-bottom: 28px;
}

.fuji-contact-strip .button,
.fuji-contact-strip .button.primary {
  background: var(--fuji-color-secondary);
  border-color: var(--fuji-color-secondary);
}

.fuji-contact-strip .button:hover,
.fuji-contact-strip .button.primary:hover {
  background: var(--fuji-color-secondary-dark);
  border-color: var(--fuji-color-secondary-dark);
}

.fuji-card {
  background: #fff;
  border: 1px solid var(--fuji-color-border);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(31, 41, 51, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.fuji-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(31, 41, 51, 0.1);
}

.fuji-card .section-title,
.fuji-card h1,
.fuji-card h2,
.fuji-card h3,
.fuji-card h4 {
  color: var(--fuji-color-primary);
}

.fuji-hero {
  background: linear-gradient(135deg, #f7f5f0 0%, #eef2ee 100%);
  padding-top: 72px;
  padding-bottom: 72px;
}

.fuji-hero .is-large,
.fuji-hero h1 {
  font-size: 2.6rem;
  line-height: 1.2;
  margin-bottom: 16px;
}

.fuji-hero p {
  font-size: 1.05rem;
  color: #46525d;
  max-width: 560px;
}

.fuji-hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 22px;
}

.fuji-company-intro,
.fuji-strengths,
.fuji-categories,
.fuji-featured-products,
.fuji-why-us,
.fuji-projects,
.fuji-news {
  padding-top: 56px;
  padding-bottom: 56px;
}

.fuji-stat-box,
.fuji-trust-box,
.fuji-category-card,
.fuji-product-card,
.fuji-project-card,
.fuji-news-card {
  background: #fff;
  border: 1px solid var(--fuji-color-border);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(31, 41, 51, 0.05);
  overflow: hidden;
}

.fuji-stat-box {
  text-align: center;
  padding: 24px 18px;
}

.fuji-stat-box .stat-number {
  color: var(--fuji-color-secondary);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.fuji-trust-box,
.fuji-category-card,
.fuji-product-card,
.fuji-project-card,
.fuji-news-card {
  height: 100%;
}

.fuji-card-body {
  padding: 22px;
}

.fuji-category-card .button,
.fuji-product-card .button,
.fuji-project-card .button,
.fuji-news-card .button {
  margin-top: 8px;
}

.fuji-footer-title {
  color: var(--fuji-color-primary);
  font-weight: 700;
  margin-bottom: 12px;
}

.absolute-footer,
.footer-wrapper {
  border-top: 1px solid var(--fuji-color-border);
}

.header-nav .nav > li > a:hover,
.header-nav .nav > li.active > a,
.header-nav .nav > li.current-menu-item > a,
.header-nav .nav > li.current_page_item > a {
  color: var(--fuji-color-primary);
}

.header-main .nav > li > a,
.header-bottom .nav > li > a {
  font-weight: 600;
}

.header-main .button,
.header .button {
  border-radius: 999px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

  .fuji-hero {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .fuji-hero .is-large,
  .fuji-hero h1 {
    font-size: 1.8rem;
  }

  .fuji-section-soft,
  .fuji-section-alt,
  .fuji-company-intro,
  .fuji-strengths,
  .fuji-categories,
  .fuji-featured-products,
  .fuji-why-us,
  .fuji-projects,
  .fuji-news {
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .fuji-card-body,
  .fuji-stat-box {
    padding: 18px;
  }

  .fuji-card {
    border-radius: 10px;
  }

  .fuji-contact-strip {
    text-align: center;
  }

  .fuji-hero-actions {
    gap: 10px;
  }
}