/* ===== Harimau Tabs & Modals ===== */
.harimau-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: #f8f8f8;
}
.harimau-tab-btn {
  padding: 12px 24px;
  background: #fff;
  color: #024959;
  border: 2px solid #024959;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s;
}
.harimau-tab-btn:hover { background: #024959; color: #fff; }

/* Link-top inline */
.link-top {
  display: flex !important;
  gap: 12px !important;
  border-top: none !important;
  padding: 0 0 0 20px !important;
  margin: 0 0 0 auto !important;
}
.link-top img { display: none !important; }
.link-top a {
  font-family: inherit;
  font-size: 14px;
  color: #024959 !important;
  text-decoration: underline;
}
.link-top a:hover { color: #036b82 !important; }
.link-top .text-link { margin: 0; font-size: 0 !important; }
.link-top a:first-child .text-link::before { content: '公式サイト'; font-size: 14px !important; }
.link-top a:last-child .text-link::before { content: 'Facebook'; font-size: 14px !important; }

/* Hide original sections */
.cont-first { display: none !important; }
.row-list { display: none !important; }
.row-list2 { display: none !important; }
.addlink { display: none !important; }

/* Whatsnew */
.whatsnew { width: 100% !important; max-width: 100% !important; }
.whatsnew h2 { font-size: 0 !important; }
.whatsnew h2::before { display: block !important; content: 'マレーシア生活のヒント' !important; font-size: 20px !important; color: #333; }
.whatsnew h2::after { display: none !important; }

/* Modal base */
.harimau-modal .modal-dialog { max-width: 800px; margin: 30px auto; }
.harimau-modal .modal-header { background: #024959; color: #fff; padding: 16px 20px; }
.harimau-modal .modal-title { font-size: 18px; font-weight: bold; color: #fff; }
.harimau-modal .modal-header .close { color: #fff; opacity: 0.8; font-size: 24px; }
.harimau-modal .modal-body { padding: 20px; max-height: 80vh; overflow-y: auto; }

/* Modal content */
.hm-modal-catchcopy { font-size: 20px; font-weight: bold; color: #024959; margin-bottom: 6px; }
.hm-modal-sub { font-size: 14px; color: #555; margin-bottom: 24px; }
.hm-modal-body-text p { font-size: 14px; line-height: 1.9; color: #333; margin-bottom: 14px; }
.hm-modal-body-text strong { color: #024959; }
.hm-modal-img { width: 100%; max-height: 300px; object-fit: cover; border-radius: 4px; margin-bottom: 24px; }
.hm-modal-section-title { font-size: 16px; font-weight: bold; color: #024959; border-left: 4px solid #024959; padding-left: 10px; margin: 28px 0 12px; }

/* お得なワケ modal */
.harimau-modal .only-sp { display: none !important; }
.harimau-modal .row-ch1 { display: none !important; }
.harimau-modal .list-icon {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  gap: 30px !important;
}
.harimau-modal .icon-item { display: flex !important; justify-content: center !important; }
.harimau-modal .icon-item img { width: 200px !important; height: auto !important; }
.harimau-modal .row-title img { max-width: 100% !important; height: auto !important; }

/* 取引の流れ modal */
.harimau-modal .list2-title img { max-height: 80px !important; width: auto !important; margin: 0 auto 10px !important; display: block !important; }
.harimau-modal .list2-item,
.harimau-modal .list2-item.item2 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  gap: 30px !important;
  align-items: flex-start !important;
  margin-bottom: 15px !important;
}
.harimau-modal .list2-item > img,
.harimau-modal .list2-item.item2 > img {
  width: 180px !important;
  height: 160px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

@media (max-width: 767px) {
  .harimau-tab-btn { font-size: 13px; padding: 10px 14px; }
  .harimau-modal .modal-body { padding: 15px; }
}
/* Override - fix step image sizing */
.harimau-modal .list2-item > img,
.harimau-modal .list2-item.item2 > img {
  width: 200px !important;
  height: auto !important;
  min-height: unset !important;
  object-fit: unset !important;
  flex-shrink: 0 !important;
}

.harimau-modal .list2-item > img,
.harimau-modal .list2-item.item2 > img {
  width: 200px !important;
  height: 180px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

.link-top { justify-content: flex-start !important; gap: 20px !important; margin-left: auto !important; }

.harimau-tabs .link-top { justify-content: flex-start !important; gap: 20px !important; width: auto !important; margin-left: auto !important; padding: 0 !important; }
.harimau-tabs .link-top > * { flex: none !important; width: auto !important; }
.link-top{justify-content:flex-start!important}

/* ===== Header banner width fix =====
   .header-wrap の背景画像(空・タワー写真)が画面幅いっぱいに飛び出し、
   下部の .content (幅1140px、中央寄せ) と左右がズレていたため、
   同じ幅・中央寄せに揃える。トップ/検索結果/詳細ページ共通。
   767px以下は元のテーマ側で .header-wrap { background: none } に
   切り替わり幅100%運用のため対象外。 */
@media (min-width: 769px) {
  .header-wrap {
    width: 1140px;
    margin: 0 auto;
  }
}
/* ===== ご利用頂けるサービス サイドバー整理 (トップページのみ) =====
   Kenwood/TK International/senyum/Future Spirits Malaysia は
   もう関係のない古い提携先リンクのため非表示。
   下の「見た目を揃えるルール」より詳細度を上げて確実に上書きする。 */
.top .w-100.text-center.only-pc a[href*="/pdf/KENWOOD"],
.top .logo-all a[href*="/pdf/KENWOOD"],
.top .w-100.text-center.only-pc a[href*="/pdf/KITARO"],
.top .logo-all a[href*="/pdf/KITARO"],
.top .w-100.text-center.only-pc a[href*="senyumpress.com"],
.top .logo-all a[href*="senyumpress.com"],
.top .w-100.text-center.only-pc a[href*="future-s.com.my"],
.top .logo-all a[href*="future-s.com.my"] {
  display: none !important;
}

/* 残る4項目(カーメンテナンス/自動車保険/Workshop/レンタカーサービス)は
   ロゴ画像の品質・比率がバラバラ(Workshopは画像リンク切れ)だったため、
   harimau-tab-btn と同系統のアイコン+テキストカードに統一する。 */
.top .w-100.text-center.only-pc img,
.top .logo-all img {
  display: none !important;
}

.top .w-100.text-center.only-pc a,
.top .logo-all a {
  display: flex !important;
  align-items: center;
  gap: 10px;
  border: 1px solid #024959;
  border-radius: 4px;
  padding: 10px 14px;
  margin-bottom: 8px;
  text-decoration: none !important;
  background: #fff;
}

.top .w-100.text-center.only-pc a p.border-bottom2,
.top .logo-all a div.logo_sp {
  display: flex;
  align-items: center;
  gap: 10px;
  border: none !important;
  margin: 0;
  padding: 0;
}

.top .w-100.text-center.only-pc a span,
.top .logo-all a span {
  color: #024959;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}

.top .w-100.text-center.only-pc a[href*="tiger_shoji_flyer"]::before,
.top .logo-all a[href*="tiger_shoji_flyer"]::before,
.top .w-100.text-center.only-pc a[href*="motorinsurance"]::before,
.top .logo-all a[href*="tokio_marine"]::before,
.top .w-100.text-center.only-pc a[href*="gmride"]::before,
.top .logo-all a[href*="gmride"]::before,
.top .w-100.text-center.only-pc a[href*="mycar_rental"]::before,
.top .logo-all a[href*="FlyerForTigerShojiTieUp"]::before {
  font-family: 'FontAwesome';
  color: #024959;
  font-size: 18px;
  flex-shrink: 0;
}
.top .w-100.text-center.only-pc a[href*="tiger_shoji_flyer"]::before,
.top .logo-all a[href*="tiger_shoji_flyer"]::before { content: "\f0ad"; } /* wrench */
.top .w-100.text-center.only-pc a[href*="motorinsurance"]::before,
.top .logo-all a[href*="tokio_marine"]::before { content: "\f132"; } /* shield */
.top .w-100.text-center.only-pc a[href*="gmride"]::before,
.top .logo-all a[href*="gmride"]::before { content: "\f1ad"; } /* building */
.top .w-100.text-center.only-pc a[href*="mycar_rental"]::before,
.top .logo-all a[href*="FlyerForTigerShojiTieUp"]::before { content: "\f1b9"; } /* car */

/* ===== WhatsApp 常時相談ボタン (全ページ) ===== */
.hm-whatsapp-fab {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #25D366;
  color: #fff !important;
  padding: 12px 18px;
  border-radius: 999px;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  font-size: 14px;
  font-weight: bold;
}
.hm-whatsapp-fab i {
  font-size: 20px;
}
@media (max-width: 767px) {
  .hm-whatsapp-fab {
    left: auto;
    right: 7px;
    bottom: 67px;
  }
}
/* ===== モバイル微調整 ===== */
/* 1. WhatsAppボタンをモバイルでは「ページ上部に戻る」と同じ50x50の
      丸アイコンにして、大きさを揃え・重なりを避ける */
@media (max-width: 767px) {
  .hm-whatsapp-fab {
    left: auto;
    right: 7px;
    bottom: 79px;
    width: 62px;
    height: 62px;
    padding: 0;
    justify-content: center;
    border-radius: 50%;
  }
  .hm-whatsapp-fab span {
    display: none;
  }
  .hm-whatsapp-fab i {
    font-size: 26px;
  }
}

/* 2. 「ご利用頂けるサービス」カードを確実に横幅いっぱいの1行にし、
      文字が折り返さないようにする */
.top .w-100.text-center.only-pc,
.top .container-fluid.p-0.only-sp {
  display: flex !important;
  flex-direction: column !important;
}
.top .w-100.text-center.only-pc a,
.top .logo-all a {
  width: 100%;
  flex-wrap: nowrap;
}
.top .w-100.text-center.only-pc a span,
.top .logo-all a span {
  white-space: nowrap;
}
/* ===== 「クルマを探す」移動先での見た目・開閉動作の再現 =====
   .sidebar の外に移動すると、元の .sidebar .title / .sidebar .sub-menu の
   CSSが効かなくなり見た目と開閉動作の両方が壊れるため、
   移動時にJS側で付与する専用クラスに対して同じ見た目・開閉制御を再定義する。 */
.hm-search-title {
  cursor: pointer;
  display: block;
  font-size: 22px;
  color: #000;
  position: relative;
  padding: 14px 40px 9px 10px;
  background: url('/harimau/oc-content/themes/cary/img/footer-bg.png') repeat;
  font-weight: bold;
  margin-bottom: 20px;
}
.hm-search-title i {
  position: absolute;
  top: 15px;
  right: 12px;
}
.hm-search-form.hm-search-form {
  display: none;
  position: static;
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.hm-search-form.hm-search-form.hm-open {
  display: block;
}