/* -------------------------------
   七星環境綠化基金會 – 主樣式
-------------------------------- */
:root {
  --primary-green: #0f8a4a;
  --warning-orange: #ffb54c;
  --soft-stripe-yellow: #fff7e4;
  --stripe-orange: #ffd06b;
}

/* ---------- 全域排版 ---------- */
body {
  font-family: "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "PingFang TC", "Microsoft JhengHei",
    sans-serif;
  line-height: 1.7;
}

/* ---------- 區塊標題 ---------- */
.section-title {
  font-weight: 700;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center; /* [修正] 標題置中 */
}
.section-title .icon-leaf {
  font-size: 1.5rem;
  color: var(--primary-green);
  margin-right: 0.25rem;
}

/* ---------- 比例容器 ---------- */
.ratio-box {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.ratio-box img,
.ratio-box iframe,
.ratio-box video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ratio-box.r43 {
	aspect-ratio: 4 / 3;
}

/* [新增] 通用卡片樣式 */
.card {
  border-radius: 0.8rem; /* 更大的圓角 */
  border: none; /* 移除邊框 */
  overflow: hidden; /* 確保內容物 (如圖片) 不會超出圓角範圍 */
}

/* ---------- Nav ---------- */
/* [新增] 導覽列連結 Hover / Active 效果 */
.navbar .nav-link.active,
.navbar .nav-link:hover {
  color: var(--primary-green);
}

/* ---------- Hero ---------- */
.hero .swiper-slide {
  min-height: 420px;
}
@media (max-width: 575.98px) {
  .hero .swiper-slide {
    min-height: 260px;
  }
}

/* ---------- 公告輪播 ---------- */
.events-swiper .swiper-pagination-bullet-active {
  background-color: var(--primary-green);
}
.events-swiper .card-title {
  min-height: 48px;
}

/* ---------- 條紋背景 (黃) ---------- */
.bg-striped-yellow {
  background-image: repeating-linear-gradient(
    180deg,
    var(--stripe-orange) 0 6px,
    var(--soft-stripe-yellow) 6px 40px
  );
  position: relative;
}
.bg-striped-yellow img.position-absolute {
  z-index: 1;
}

/* ---------- CTA / Buttons ---------- */
.btn-success {
  background-color: var(--primary-green);
  border-color: var(--primary-green);
}
.btn-success:hover {
  background-color: #0c6d3c;
  border-color: #0c6d3c;
}

/* ---------- Footer ---------- */
footer {
  position: relative;
  overflow: hidden;
}
footer .container {
  position: relative;
  z-index: 2;
}

/* [新增] Footer 標籤樣式 */
.footer-label {
  display: inline-block;
  background-color: #343a40;
  color: #fff;
  padding: 3px 9px;
  border-radius: 50px;
  margin-right: 0.5rem;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 15px;
}

#footer {
  background-image: url("/wp-content/themes/usagimori-7StarGarden/images/footer-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}

/* ---------- 其他 ---------- */
.badge.bg-success {
  font-size: 0.75rem;
  line-height: 1.1;
  white-space: nowrap;
}