/* Kelas yang dipakai halaman bersama (login, register, forgot, area akun) tapi
   tidak ada di main.css Turie: repo menambahkannya di front_v2 sesudah kedua
   tema bercabang. Disalin apa adanya dari static/front_v2/assets/css/main.css
   supaya halaman yang markupnya dipakai bersama tetap bergaya di tema ini.
   (ARA-116) */

.tp-btn-2 {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--tp-common-white);
  background: var(--tp-common-black);
  border-radius: 50px;
  padding: 15px 24px;
  display: inline-block;
  line-height: 1;
  transition: all 0.4s ease;
  width: fit-content;
  font-family: var(--tp-ff-p);
  text-align: center;
}

.tp-btn-2 svg {
    color: #ffffffba;
    width: 12px;
}

/* Pemilih bahasa di header: sumber Turie tidak punya, memakai gaya dropdown
   login (`tp-header-login`) supaya konsisten. */
.tt1-header-lang .tp-header-login-btn { font-size: 13px; font-weight: 600; line-height: 1; }
.tt1-header-lang ul li a.active { color: var(--tp-theme-1); }

/* Logo terang/gelap di header. Aturannya di sumber Turie hanya ada di
   ara-home-carousel.css (beranda: header transparan di atas hero, logo terang;
   saat sticky, logo gelap). Halaman lain tidak memuat berkas itu, jadi tanpa
   bawaan di sini KEDUA logo tampil bertumpuk. ara-home-carousel.css dimuat
   lewat page_css, sesudah berkas ini, sehingga di beranda aturannya tetap
   menang. */
.tp-header-logo-light { display: none; }
.tp-header-logo-dark { display: block; }

/* Ikon Font Awesome yang dipakai tema tetapi LEBIH BARU dari font terpasang.
   `font-awesome-pro.css` tema ini versi Pro 6.0.0; `fa-shield-halved` (card
   "Best Price Guarantee", kontak, trust strip), `fa-shield-heart` (about) dan
   `fa-x-twitter` (bagikan artikel, sosial bawaan) baru ada di 6.1-6.4, jadi
   kelasnya tidak punya glyph dan ikonnya kosong tanpa galat (laporan Angga
   lewat locepanel, 30 Sep). Dipetakan ke glyph yang ADA di font 6.0.0.
   Pagarnya: core/tests/test_template6_ikon_dan_teks_kaya.py. (T-229) */
.fa-shield-halved:before { content: "\f3ed"; }  /* = fa-shield-alt */
.fa-shield-heart:before { content: "\f2f7"; }   /* = fa-shield-check */
.fa-brands.fa-x-twitter:before,
.fab.fa-x-twitter:before {
  content: "\58";                                /* = fa-x (huruf X) */
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}