/* Global Theme untuk PT Sinar Langit Hanoi */

body {
  font-family: Garamond, serif;
  margin: 0;
  padding: 0;
  background: #420D09; /* maroon gelap */
  color: #FDC12A; /* emas terang */
}

/* Header */
header {
  background: #420D09;
  padding: 15px 20px;
  text-align: center;
}

header h1 {
  font-family: "Bickham Script Pro", cursive;
  font-size: 36px;
  margin: 10px 0 0;
}

header p {
  font-style: italic;
  margin: 5px 0 15px;
}

/* Navigasi */
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

nav ul li {
  display: inline-block;
  margin: 0 15px;
}

nav ul li a {
  color: #FDC12A;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
}

nav ul li a:hover {
  text-decoration: underline;
}

/* Container umum */
.container {
  max-width: 900px;
  margin: 30px auto;
  padding: 20px;
  background: #fff;
  color: #333;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

/* Judul */
h2, h3 {
  color: #420D09;
  font-family: Garamond, serif;
}

/* Footer */
footer {
  text-align: center;
  margin-top: 40px;
  padding: 20px;
  background: #420D09;
  color: #FDC12A;
  font-size: 14px;
  border-top: 1px solid #FDC12A;
}

/* =========================
   Service Box Klikable
   ========================= */
.services a {
  display: block;                /* biar kotak penuh bisa diklik */
  background: rgba(0,0,0,0.4);  /* transparan gelap seperti sebelumnya */
  color: #FFD500;                /* warna teks emas terang */
  text-decoration: none;         /* hapus garis bawah link */
  padding: 25px;
  border-radius: 12px;
  margin-bottom: 20px;
  transition: transform 0.3s, box-shadow 0.3s;
}

.services a:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 20px rgba(255,213,0,0.7); /* efek hover tetap sama */
}
.contact-info p,
.contact-info p a {
  font-size: 18px;
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5); /* bayangan halus */
  color: #FFD500; /* pastikan link tetap emas terang */
  text-decoration: none; /* optional: hapus garis bawah link */
}

.contact-info p a:hover {
  text-decoration: underline; /* tetap ada efek hover underline */
}

.contact-info p,
.contact-info p a {
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}