/* ===========================================================
   PT Antjol Pasir — antjol-override.css
   Penyesuaian warna & komponen baru di atas main.css (Leafix)
   =========================================================== */

/* token brand (safety net) */
:root {
  --theme: #FBB040;
  --theme-2: #006838;
  --theme-3: #006838;
}

/* tombol: sweep hijau -> teks putih */
.theme-btn:hover { color: #fff; }
.header-1 .header-right .theme-btn:hover { color: #fff !important; }
.theme-btn.style-2:hover { color: #141414; }

/* footer: hijau tua solid */
.footer-section { background-color: #006838; }

/* Board of Directors avatar */
.team-section .ap-avatar {
  display: flex; align-items: center; justify-content: center;
  width: 100%; aspect-ratio: 300 / 358; background: var(--theme-2);
}
.team-section .ap-avatar.alt { background: var(--theme); }
.ap-avatar .ap-initials {
  font-family: var(--heading-font); font-weight: 700; font-size: 72px;
  color: #fff; letter-spacing: 3px;
}
.team-section .ap-avatar.alt .ap-initials { color: #141414; }
.team-thumb-items .hover-thumb .content p { margin-bottom: 0; }

/* Visi & Misi */
.ap-visi { margin-top: 34px; }
.ap-visi .client-info { display: flex; align-items: center; gap: 14px; }
.ap-misi { margin-top: 26px; border-top: 1px solid rgba(20,20,20,.08); padding-top: 22px; }
.ap-misi-title {
  display: inline-block; font-family: var(--heading-font); font-weight: 700;
  text-transform: uppercase; letter-spacing: 1px; color: var(--theme-2); margin-bottom: 12px;
}
.ap-misi ul li {
  display: flex; gap: 10px; padding: 10px 0; color: var(--text, #54595F);
  border-bottom: 1px dashed rgba(20,20,20,.08); line-height: 1.6;
}
.ap-misi ul li:last-child { border-bottom: 0; }
.ap-misi ul li i { color: var(--theme); margin-top: 6px; }

/* Legal */
.ap-legal .section-title-area { margin-bottom: 44px; }
.ap-legal-list { border-top: 1px solid #DBDBDB; background: #fff; border-radius: 14px; padding: 8px 26px; }
.ap-legal-row { display: flex; gap: 20px; padding: 15px 0; border-bottom: 1px solid #E9E9E9; }
.ap-legal-row:last-child { border-bottom: 0; }
.ap-legal-row span { flex: 0 0 190px; color: #54595F; font-weight: 500; }
.ap-legal-row strong { flex: 1; color: #141414; font-weight: 600; font-family: var(--heading-font); }
.ap-legal-card {
  position: relative; overflow: hidden; height: 100%; background: #006838; color: #fff;
  border-radius: 16px; padding: 40px;
}
.ap-legal-card h3 { color: #fff; font-size: 28px; line-height: 1.35; margin-bottom: 14px; }
.ap-legal-card p { color: rgba(255,255,255,.86); }
.ap-legal-badge {
  display: inline-block; background: var(--theme); color: #141414; border-radius: 999px;
  padding: 6px 16px; font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 1px; margin-bottom: 18px; font-family: var(--heading-font);
}
.ap-legal-stats { display: flex; gap: 44px; margin-top: 26px; }
.ap-stat strong { display: block; font-family: var(--heading-font); font-size: 46px; color: var(--theme); line-height: 1; }
.ap-stat span { font-size: 14px; color: rgba(255,255,255,.82); }
.ap-legal-mark { position: absolute; right: -24px; bottom: -26px; width: 160px; opacity: .16; }

/* Galeri */
.ap-gallery .section-title { margin-bottom: 44px; }
.ap-gal-item { display: block; position: relative; overflow: hidden; border-radius: 16px; }
.ap-gal-item img { width: 100%; height: 300px; object-fit: cover; transition: transform .6s ease; display: block; }
.ap-gal-item:hover img { transform: scale(1.06); }
.ap-gal-cap {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 36px 18px 14px; color: #fff;
  font-weight: 600; font-family: var(--heading-font);
  background: linear-gradient(to top, rgba(0,0,0,.66), rgba(0,0,0,0));
}

/* form message */
.form-message { margin-top: 14px; font-weight: 600; }
.form-message.success { color: #0a7a3f; }
.form-message.error { color: #c0392b; }

/* responsive tune */
@media (max-width: 991px) {
  .ap-legal-row { flex-direction: column; gap: 4px; }
  .ap-legal-row span { flex: none; }
  .ap-gal-item img { height: 240px; }
}

/* ---------- fixes: ukuran logo & keterbacaan hero ---------- */
.header-1 .logo img { width: 208px; height: auto; }
@media (max-width: 1199px) { .header-1 .logo img { width: 170px; } }
@media (max-width: 575px)  { .header-1 .logo img { width: 150px; } }
.footer-logo img { width: 230px; height: auto; }
.offcanvas__wrapper .offcanvas__logo img { width: 170px; }

.header-1 .main-menu ul li a { white-space: nowrap; }

.hero-1 .hero-content .sub-title { text-shadow: 0 1px 14px rgba(0,0,0,.45); }
.hero-1 .hero-content .title { text-shadow: 0 2px 28px rgba(0,0,0,.35); }
.hero-1 .hero-content .text { color: rgba(255,255,255,.95); text-shadow: 0 1px 12px rgba(0,0,0,.5); }

/* ---------- polish: footer & kontak ---------- */
.footer-top-wrapper .content { display: flex; gap: 30px; flex-wrap: wrap; }
.footer-top-wrapper .content .text { margin: 0; }
.contact-section .contact-text { text-shadow: 0 1px 12px rgba(0,0,0,.6); }
.contact-section .icon-items .content p,
.contact-section .icon-items .content p a,
.contact-section .icon-items .content p span { color: #fff; opacity: 1; text-shadow: 0 1px 8px rgba(0,0,0,.55); }

/* ---------- overlay transparan di atas foto: CTA & Contact agar teks jelas ---------- */
.cta-section::before {
  background: linear-gradient(180deg, rgba(2, 24, 14, 0.72) 0%, rgba(2, 24, 14, 0.38) 45%, rgba(2, 24, 14, 0.60) 100%);
}
.contact-section { position: relative; z-index: 9; }
.contact-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(2, 24, 14, 0.70) 0%, rgba(2, 24, 14, 0.42) 45%, rgba(2, 24, 14, 0.28) 100%);
}
@media (max-width: 991px) {
  .contact-section::before {
    background: linear-gradient(180deg, rgba(2, 24, 14, 0.62) 0%, rgba(2, 24, 14, 0.42) 45%, rgba(2, 24, 14, 0.35) 100%);
  }
}

/* ---------- hero: overlay gradasi 70% -> 0% agar teks jelas ---------- */
.hero-1::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(2, 24, 14, 0.70) 0%, rgba(2, 24, 14, 0.42) 45%, rgba(2, 24, 14, 0) 70%);
}
.hero-1 > .container { position: relative; z-index: 2; }
@media (max-width: 991px) {
  .hero-1::before {
    background: linear-gradient(180deg, rgba(2, 24, 14, 0.62) 0%, rgba(2, 24, 14, 0.40) 45%, rgba(2, 24, 14, 0.20) 100%);
  }
}



/* ---- Asset Map figure (Peta Bidang Aset) ---- */
.ap-map-figure{margin:0;background:#fff;border:1px solid rgba(0,104,56,.15);border-radius:18px;padding:16px;box-shadow:0 26px 60px rgba(3,42,23,.10)}
.ap-map-figure a{display:block;border-radius:12px;overflow:hidden}
.ap-map-figure img{width:100%;height:auto;display:block;transition:transform .5s ease}
.ap-map-figure a:hover img{transform:scale(1.012)}
.ap-map-figure figcaption{margin-top:14px;text-align:center;color:#3d5a4e;font-size:15px;line-height:1.6}
.ap-map-figure figcaption strong{color:#006838}
.ap-map-figure figcaption em{opacity:.75;font-style:normal}