/* ===============================================
   PARIWISATA & KESENIAN PAGE SPECIFIC STYLES
   =============================================== */

/* 1. Palet Warna Khas Wisata & Budaya (Tema Hijau Utama) */
:root {
  --wisata-bg: var(--bg); /* Menggunakan --bg utama */
  --wisata-bg-alt: #F6FBF7; /* Warna alternatif yang serasi */
  --wisata-surface: var(--surface); /* Menggunakan --surface utama */
  --wisata-text: var(--text); /* Menggunakan --text utama */
  --wisata-heading: var(--primary); /* Hijau sebagai warna judul */
  --wisata-accent: var(--accent); /* Kuning sebagai aksen */
  --wisata-border: rgba(43, 168, 74, .15);
  --wisata-shadow: var(--shadow); /* Menggunakan --shadow utama */
}

html[data-theme="dark"] {
  --wisata-bg: var(--bg);
  --wisata-bg-alt: #122418;
  --wisata-surface: var(--surface);
  --wisata-text: var(--text);
  --wisata-heading: #A5D6A7; /* Hijau muda untuk mode gelap */
  --wisata-accent: var(--accent);
  --wisata-border: rgba(43, 168, 74, .25);
  --wisata-shadow: var(--shadow);
}


body {
  background-color: var(--wisata-bg);
  color: var(--wisata-text);
}

/* 2. Hero Section Kustom */
#pariwisata-hero {
  background-image:
    linear-gradient(to top, var(--wisata-bg) 5%, transparent 50%),
    url('../images/background_title_profil.jpg');
  background-color: var(--wisata-bg);
  background-blend-mode: multiply, normal;
  background-size: cover;
  background-position: center 40%;
  min-height: 60vh;
}

#pariwisata-hero h1,
#pariwisata-hero p,
#pariwisata-hero .breadcrumb a,
#pariwisata-hero .breadcrumb span {
  color: #fff;
  text-shadow: 0 3px 10px rgba(0,0,0,0.7);
}

/* 3. Layout Kartu Wisata yang Menarik */
.wisata-card {
    display: grid;
    gap: 2rem;
    align-items: center;
    margin-bottom: 4rem;
}

@media (min-width: 992px) {
    .wisata-card {
        grid-template-columns: 1fr 1fr;
    }
    .wisata-card--rev .wisata-card__img {
        order: 2;
    }
}

.wisata-card__img {
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--wisata-shadow);
    aspect-ratio: 4 / 3;
}

.wisata-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wisata-card:hover .wisata-card__img img {
    transform: scale(1.05);
}

.wisata-card__content h3 {
    font-family: "Playfair Display", serif;
    font-size: clamp(1.5rem, 4vw, 2.2rem);
    color: var(--wisata-text); /* Diubah menjadi warna teks utama (hitam di light mode) */
    margin-top: 0;
    margin-bottom: 1rem;
}

.wisata-card__content p {
    color: var(--muted);
    line-height: 1.8;
}

/* Mengubah style tombol "Baca Selengkapnya" */
.wisata-card__content .btn {
    margin-top: 1rem;
    --bg: var(--primary); /* Warna hijau utama */
    box-shadow: 0 6px 20px rgba(43, 168, 74, 0.25);
    color: #fff; /* Teks berwarna putih */
}
.wisata-card__content .btn:hover {
    background-color: var(--primary-700); /* Warna hijau lebih gelap saat hover */
}


/* 4. Override Tombol & Footer */
.navbar .nav a.btn--smarthub {
    background: var(--primary);
    box-shadow: 0 4px 15px rgba(43, 168, 74, .25);
}
.navbar .nav a.btn--smarthub:hover {
    background: var(--primary-700);
}

footer {
    background: var(--wisata-bg-alt);
    color: var(--wisata-text);
}
footer b {
    color: var(--wisata-heading);
}
footer a:hover {
    color: var(--wisata-accent) !important;
}