/* Ruang Modern - perbaikan tambahan: responsif, menu dropdown hover, footer */

/* Menu dropdown terbuka saat kursor diarahkan (desktop); di HP memakai klik */
@media (min-width: 768px) {
  .navbar-nav .dropdown:hover > .dropdown-menu { display: block; }
}

/* Gambar tidak pernah melebihi lebar kolomnya */
.xt-header img, .xt-footer img, .rk-content img, .xt-product-subpage img { max-width: 100%; height: auto; }
.rk-content { overflow-wrap: anywhere; }
.rk-content table { max-width: 100%; display: block; overflow-x: auto; }
.rk-list { list-style: none; padding: 0; margin: 0; text-align: center; }
.rk-list li { overflow: hidden; }
.rk-spec { list-style: none; padding: 0; }
.rk-old-price { margin-left: 8px; color: #999; }

/* Hak cipta di footer */
.rk-copyright { border-top: 1px solid rgba(255, 255, 255, .15); padding: 14px 0; text-align: center; font-size: 13px; }
.rk-copyright a { text-decoration: underline; }
.rk-credit { display: block; opacity: .8; margin-top: 4px; }

/* Layar kecil */
@media (max-width: 767px) {
  .header-top .xt-language ul, .header-top .user-nav ul { text-align: center; }
  .header-top .user-nav { float: none !important; }
  .header-top .user-nav ul li, .header-top .xt-language ul li { display: inline-block; }
  .xt-header-search { padding-left: 15px; padding-right: 15px; }
  .xt-feature, .xt-product-inner { margin-bottom: 20px; }
  .xt-pro-thumbs-list li { width: 22%; }
  .each-product-info h3 { font-size: 22px; line-height: 30px; }
  .xt-footer .footer-widget { margin-bottom: 25px; }
}

/* Slider banner berisi gambar: tinggi mengikuti gambar, tanpa latar hitam (HP & tablet) */
@media (max-width: 991px) {
  .xt-slider .flexslider .slides > li { height: auto; padding: 0; background: none; }
  .xt-slider .flexslider .slides img { display: block; min-height: 0; width: 100%; height: auto; }
  .xt-slider .flexslider-controls { display: none; }
}

/* Ukuran logo seragam */
.navbar-brand img, .footer-contact img { width: 152px; max-width: 100%; height: auto; }

/* Tombol kembali ke atas (kanan bawah) */
.rk-top { position: fixed; right: 18px; bottom: 18px; z-index: 1000; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: #e85200; color: #fff !important; font-size: 18px; box-shadow: 0 2px 8px rgba(0, 0, 0, .3); opacity: 0; visibility: hidden; transform: translateY(10px); transition: .25s; text-decoration: none; }
.rk-top.show { opacity: 1; visibility: visible; transform: none; }
.rk-top:hover { background: #c94700; }