:root {
    --theme-color1: #ff7a00;
}

/* ===============================
   HERO TITLE JDIH
================================ */
.main-slider .title {
    font-size: 42px;        /* default desktop */
    line-height: 1.25;
    font-weight: 700;
    max-width: 900px;
    margin: 0 auto 20px;
}

/* Tablet */
@media (max-width: 991px) {
    .main-slider .title {
        font-size: 34px;
        line-height: 1.3;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .main-slider .title {
        font-size: 26px;
        line-height: 1.35;
    }
}


/* Wrapper */
.pagination {
    margin-top: 20px;
}

/* Link dasar */
.pagination .page-link {
    color: var(--theme-color1);
    border: 1px solid #ffd3b0;
    border-radius: 6px;
    margin: 0 3px;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 500;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
}

/* Hover */
.pagination .page-link:hover {
    background-color: rgba(255, 122, 0, 0.1);
    color: var(--theme-color1);
    border-color: var(--theme-color1);
}

/* Active */
.pagination .page-item.active .page-link {
    background-color: var(--theme-color1);
    border-color: var(--theme-color1);
    color: #fff;
    box-shadow: 0 4px 10px rgba(255, 122, 0, 0.25);
}

/* Disabled */
.pagination .page-item.disabled .page-link {
    color: #ccc;
    background-color: #f9f9f9;
    border-color: #eee;
}

/* Prev / Next icon */
.pagination .page-link {
    line-height: 1.2;
}

/* 🔥 MATIKAN ICON ANEH DARI THEME */
.pagination .page-link::before,
.pagination .page-link::after {
    content: none !important;
}

/* === Related Card === */
.jdih-related-card {
    border: 1px solid #eee;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

.jdih-related-header {
    padding: 12px 16px;
    font-weight: 600;
    font-size: 15px;
    background: #fafafa;
    border-bottom: 1px solid #eee;
}

.jdih-related-body {
    display: flex;
    flex-direction: column;
}

.jdih-related-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid #f0f0f0;
}

.jdih-related-row:last-child {
    border-bottom: none;
}

.jdih-related-info {
    max-width: 80%;
}

.jdih-related-title {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 1.4;
}

.jdih-related-meta {
    font-size: 13px;
    color: #888;
    margin-top: 2px;
}

.jdih-related-action {
    flex-shrink: 0;
}

/* tombol aksi */
.jdih-btn-outline {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    padding: 4px 14px;
    font-size: 13px;
    transition: all .2s ease;
}

.jdih-btn-outline:hover {
    background: #ff7a00;
    border-color: #ff7a00;
    color: #fff;
}

/* empty state */
.jdih-related-empty {
    padding: 20px;
    text-align: center;
    color: #999;
    font-size: 14px;
}

.survey-chart-section .sec-title h2 {
    color: #1f2d3d !important;
}

.survey-chart-section .sec-title .sub-title {
    color: var(--sec-title-subtitle-color);
    display: inline-block;
    font-family: var(--sec-title-subtitle-font-family);
    font-size: var(--sec-title-subtitle-font-size);
    font-weight: var(--sec-title-subtitle-font-weight);
    letter-spacing: 0.1em;
    line-height: var(--sec-title-subtitle-line-height);
    position: relative;
    top: -8px;
    text-transform: uppercase;
}



/* =========================
   SURVEY KEPUASAN
========================= */

.survey-label {
    color: #cbd5e1;
    font-size: 14px;
    margin-bottom: 12px;
}

/* RATING WRAPPER */
.rating {
    display: inline-flex;
    flex-direction: row-reverse;
    gap: 10px;
}

/* HILANGKAN RADIO */
.rating input {
    display: none !important;
}

/* BINTANG DEFAULT (DESKTOP) */
.rating label {
    font-size: 44px;
    color: #9ca3af; /* abu */
    cursor: pointer;
    transition: color 0.2s ease, transform 0.15s ease;
    user-select: none;
}

/* HOVER */
.rating label:hover,
.rating label:hover ~ label {
    color: #fbbf24;
}

/* SELECTED */
.rating input:checked ~ label {
    color: #fbbf24;
}

/* EFEK HALUS */
.rating label:hover {
    transform: scale(1.2);
}

/* TEXTAREA */
.survey-textarea {
    background: #ffffff;
    border-radius: 6px;
    border: none;
    padding: 14px;
    font-size: 14px;
}

/* FIX WOW */
.contact-form-four {
    overflow: hidden;
}

.contact-form-four .form-group label {
    font-size: 40px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 500;
    display: block;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

/* GRAFIK */

/* SECTION GRAFIK */
.survey-chart-section {
	margin-top: 60px;
	padding-bottom: 40px;
}

/* WRAPPER */
.survey-chart-wrapper {
	background: #ffffff;
	border-radius: 10px;
	padding: 24px;
}

/* PARENT TINGGI TETAP */
.chart-container {
	position: relative;
	height: 260px; /* ⬅️ ini yang ngunci tinggi */
}

/* AMANKAN CANVAS */
.chart-container canvas {
	width: 100% !important;
	height: 100% !important;
}


/* =========================
   RESPONSIVE (MOBILE)
========================= */
@media (max-width: 768px) {

    .rating {
        justify-content: center;
        gap: 6px;
    }

    .rating label {
        font-size: 40px; /* KECILIN DI HP */
    }

    .survey-label {
        text-align: center;
        font-size: 13px;
    }

    .contact-form-four h3,
    .contact-form-four p {
        text-align: center;
    }
}


/* =========================
   STATISTIK PENGUNJUNG
========================= */
.visitor-widget .visitor-stats {
    list-style: none;
    padding: 0;
    margin: 0;
}

.visitor-widget .visitor-stats li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(255,255,255,0.15);
    font-size: 14px;
}

.visitor-widget .visitor-stats li:last-child {
    border-bottom: none;
}

.visitor-widget .visitor-stats .label {
    color: #cbd5e1;
}

.visitor-widget .visitor-stats .value {
    font-weight: 600;
    color: #ffffff;
    font-size: 15px;
}

/* Highlight Online */
.visitor-widget .visitor-stats li.online .value {
    color: #22c55e;
}


.blog-details__content ol {
    list-style: decimal;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.blog-details__content ul {
    list-style: disc;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.blog-details__content li {
    margin-bottom: 0.4rem;
}


.visitor-widget .visitor-stats {
    list-style: none;
    padding: 0;
    margin: 0;
}

.visitor-widget .visitor-stats li {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px dashed rgba(255,255,255,0.15);
    font-size: 14px;
}

.visitor-widget .visitor-stats li:last-child {
    border-bottom: none;
}

.visitor-widget .label {
    color: #ddd;
}

.visitor-widget .value {
    color: #fff;
    font-weight: 600;
}

.visitor-widget .value.highlight {
    color: #ff7a00;
}

/* Wrapper tengah */
.histats-wrapper {
    margin-top: 15px;
    text-align: center;
}

/* BESARIN COUNTER HISTATS */
#histats_counter img,
#histats_counter a img {
    transform: scale(1.4);   /* 🔥 ubah ke 1.5 / 1.6 kalau mau lebih gede */
    transform-origin: center;
}

/* Jaga biar gak kepotong */
#histats_counter {
    display: inline-block;
}