/* =========================================================
   CI OVERRIDES (HOME ONLY) - PURE HOSTIO
   Dipakai hanya saat Home load Hostio CSS
   ========================================================= */

body.hostio-ui {
  background: #fff;
}

/* Pastikan navbar Hostio bener-bener putih */
body.hostio-ui #mainNav {
  background: #fff !important;
}

/* Rapihin logo kalau logo user besar */
body.hostio-ui #mainNav .logo {
  width: 98px;        /* sama seperti hostio default */
  max-width: 140px;   /* aman kalau logo lebar */
  height: auto;
  margin-top: 12px;
}

/* Fix kasus: ada CSS lain bikin nav jadi flex */
body.hostio-ui #mainNav .navbar-nav {
  display: block !important;
}

/* Fix chat-button jadi kotak gede (harus auto width) */
body.hostio-ui #mainNav .navbar-nav > li > a.chat-button {
  display: inline-block !important;
  width: auto !important;
}

/* Form search: bikin mirip demo (lebih lebar) */
body.hostio-ui .text-search-holder input[type="text"]{
  min-width: 360px;
}

@media (max-width: 480px){
  body.hostio-ui .text-search-holder input[type="text"]{
    min-width: inherit;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 8px;
  }
  body.hostio-ui .text-search-holder input[type="submit"]{
    width: 100%;
    display: block;
    margin-top: 10px;
    border-radius: 8px;
  }
}

/* Dropdown di mobile: biar rapi (Hostio sudah punya, ini cuma jaga-jaga) */
@media (max-width: 767px){
  body.hostio-ui .dropdown-menu{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    top: 0;
    margin-bottom: 18px;
  }
}
#story .img-col .image-holder{
  background-image: url('../images/working.jpg'); /* pastikan path bener */
  min-height: 420px;
}

/* Jangan pakai ALL:UNSET (itu bisa bikin efek samping) */
/* Kalau mau matiin pengaruh style lama, cukup scope ke class tertentu di Home */