/**
 * File: /inc/theme-customizer.css
 * Fungsi: Gaya global Typografi, Warna, Headings, Tombol & Badge
 */

/* ==================================================== */
/* GLOBAL FONTS & COLORS (FRONT-END)                    */
/* ==================================================== */
body { color: var(--rb-color-text); font-family: var(--rb-font_text-family, sans-serif) !important; font-size: var(--rb-font_text-size, 16px); font-weight: var(--rb-font_text-weight, normal); line-height: var(--rb-font_text-lineheight, 1.6); letter-spacing: var(--rb-font_text-letterspacing, normal); word-spacing: var(--rb-font_text-wordspacing, normal); text-transform: var(--rb-font_text-transform, none); font-style: var(--rb-font_text-style, normal); text-decoration: var(--rb-font_text-decoration, none); }
a { color: var(--rb-color-link); font-family: var(--rb-font_link-family, inherit); font-size: var(--rb-font_link-size, inherit); font-weight: var(--rb-font_link-weight, inherit); line-height: var(--rb-font_link-lineheight, inherit); letter-spacing: var(--rb-font_link-letterspacing, inherit); word-spacing: var(--rb-font_link-wordspacing, inherit); text-transform: var(--rb-font_link-transform, inherit); font-style: var(--rb-font_link-style, inherit); text-decoration: var(--rb-font_link-decoration, none); transition: color 0.3s ease; }
a:hover { color: var(--rb-color-primary); }

/* THEME STYLE HEADINGS (H1-H6) */
h1 { color: var(--rb-h1-color, var(--rb-color-primary)) !important; font-family: var(--rb-h1-family, inherit) !important; font-size: var(--rb-h1-size, 2.5rem) !important; font-weight: var(--rb-h1-weight, 800) !important; line-height: var(--rb-h1-lineheight, 1.2) !important; letter-spacing: var(--rb-h1-letterspacing, normal) !important; word-spacing: var(--rb-h1-wordspacing, normal) !important; text-transform: var(--rb-h1-transform, none) !important; font-style: var(--rb-h1-style, normal) !important; text-decoration: var(--rb-h1-decoration, none) !important; }
h2 { color: var(--rb-h2-color, var(--rb-color-primary)) !important; font-family: var(--rb-h2-family, inherit) !important; font-size: var(--rb-h2-size, 2rem) !important; font-weight: var(--rb-h2-weight, 700) !important; line-height: var(--rb-h2-lineheight, 1.25) !important; letter-spacing: var(--rb-h2-letterspacing, normal) !important; word-spacing: var(--rb-h2-wordspacing, normal) !important; text-transform: var(--rb-h2-transform, none) !important; font-style: var(--rb-h2-style, normal) !important; text-decoration: var(--rb-h2-decoration, none) !important; }
h3 { color: var(--rb-h3-color, var(--rb-color-primary)) !important; font-family: var(--rb-h3-family, inherit) !important; font-size: var(--rb-h3-size, 1.75rem) !important; font-weight: var(--rb-h3-weight, 700) !important; line-height: var(--rb-h3-lineheight, 1.3) !important; letter-spacing: var(--rb-h3-letterspacing, normal) !important; word-spacing: var(--rb-h3-wordspacing, normal) !important; text-transform: var(--rb-h3-transform, none) !important; font-style: var(--rb-h3-style, normal) !important; text-decoration: var(--rb-h3-decoration, none) !important; }
h4 { color: var(--rb-h4-color, var(--rb-color-primary)) !important; font-family: var(--rb-h4-family, inherit) !important; font-size: var(--rb-h4-size, 1.5rem) !important; font-weight: var(--rb-h4-weight, 600) !important; line-height: var(--rb-h4-lineheight, 1.35) !important; letter-spacing: var(--rb-h4-letterspacing, normal) !important; word-spacing: var(--rb-h4-wordspacing, normal) !important; text-transform: var(--rb-h4-transform, none) !important; font-style: var(--rb-h4-style, normal) !important; text-decoration: var(--rb-h4-decoration, none) !important; }
h5 { color: var(--rb-h5-color, var(--rb-color-primary)) !important; font-family: var(--rb-h5-family, inherit) !important; font-size: var(--rb-h5-size, 1.25rem) !important; font-weight: var(--rb-h5-weight, 600) !important; line-height: var(--rb-h5-lineheight, 1.4) !important; letter-spacing: var(--rb-h5-letterspacing, normal) !important; word-spacing: var(--rb-h5-wordspacing, normal) !important; text-transform: var(--rb-h5-transform, none) !important; font-style: var(--rb-h5-style, normal) !important; text-decoration: var(--rb-h5-decoration, none) !important; }
h6 { color: var(--rb-h6-color, var(--rb-color-primary)) !important; font-family: var(--rb-h6-family, inherit) !important; font-size: var(--rb-h6-size, 1rem) !important; font-weight: var(--rb-h6-weight, 600) !important; line-height: var(--rb-h6-lineheight, 1.5) !important; letter-spacing: var(--rb-h6-letterspacing, normal) !important; word-spacing: var(--rb-h6-wordspacing, normal) !important; text-transform: var(--rb-h6-transform, none) !important; font-style: var(--rb-h6-style, normal) !important; text-decoration: var(--rb-h6-decoration, none) !important; }

/* TOMBOL KHUSUS (BUTTONS) - DIATUR TERPISAH */
.npd-btn-detail, .herbie-btn-booking, .btn-booking, .herbie-btn-view-all { background-color: var(--rb-btn-bg) !important; color: var(--rb-btn-text) !important; font-family: var(--rb-font_primary-family, inherit) !important; font-size: var(--rb-btn-size) !important; font-weight: var(--rb-btn-weight) !important; border: none !important; transition: 0.3s ease !important; }
.npd-btn-detail:hover, .herbie-btn-booking:hover, .btn-booking:hover, .herbie-btn-view-all:hover { background-color: var(--rb-color-primary) !important; color: #ffffff !important; transform: scale(1.05); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }

/* BADGE KHUSUS - DIATUR TERPISAH */
.npd-tour-badge, .badge-item, .herbie-badge-item, .badge-count-sc, .cat-label-box { background-color: var(--rb-badge-bg) !important; color: var(--rb-badge-text) !important; font-family: var(--rb-font_secondary-family, inherit) !important; font-size: var(--rb-badge-size) !important; font-weight: var(--rb-badge-weight) !important; }

/* TIPOGRAFI KARTU TUR MENGGUNAKAN VARIABEL CUSTOMIZER */
body .herbie-tour-card .herbie-tour-title a { color: var(--tc-title-color, var(--rb-color-primary)) !important; font-family: var(--tc-title-family, var(--rb-font_primary-family, inherit)) !important; font-size: var(--tc-title-size, 20px) !important; font-weight: var(--tc-title-weight, 700) !important; text-transform: var(--tc-title-transform, none) !important; font-style: var(--tc-title-style, normal) !important; text-decoration: var(--tc-title-decoration, none) !important; line-height: var(--tc-title-lineheight, 1.3) !important; letter-spacing: var(--tc-title-letterspacing, normal) !important; }

/* TRIPGO UTILITIES (MENGGUNAKAN GLOBAL COLORS) */
.herbie-header, .archive-header, .site-footer, .tax-badge-header, .tax-cat-header { background-color: var(--rb-color-primary) !important; }
.tour-title a, .hero-section h1, .npd-entry-title, .npd-tour-title a { color: var(--rb-color-primary) !important; }
.tour-title a:hover, .npd-tour-title a:hover { color: var(--rb-color-secondary) !important; }
.archive-divider, .tax-badge-divider, .tax-cat-divider { background-color: var(--rb-color-secondary) !important; }
.filter-btn-active, .swiper-pagination-bullet-active { background-color: var(--rb-color-secondary) !important; color: var(--rb-color-primary) !important; }

/* WARNA TEKS ARCHIVE HEADER MENGGUNAKAN VARIABEL CUSTOMIZER */
body .herbie-archive-title { color: var(--tc-archive-title-color, #ffffff) !important; }
body .herbie-archive-subtitle { color: var(--tc-archive-desc-color, #ffffff) !important; }

/* HEADER & FOOTER */
.herbie-top-header { background-color: var(--rb-top-bg) !important; color: var(--rb-top-text) !important; }
.herbie-text-rotator span { color: var(--rb-top-text) !important; }
.herbie-footer-bottom { background-color: var(--rb-copy-bg) !important; }
.herbie-copyright-area p, .herbie-copyright-area a { color: var(--rb-copy-text) !important; }
.herbie-copyright-area a:hover { color: var(--rb-color-secondary) !important; }