/* ==========================================================
   HomestayWeb Modern Theme (overlay)
   modern_hsw.png の見本デザインに寄せるための上書き用CSS
   style.css の後に読み込む前提。既存クラスは変更せず、
   base_home.html / mod_config.pl に追加済みの
   hsw-modern-* / hsw-hero-* クラスを対象にスタイルを当てる。
========================================================== */

:root{
  --hsw-primary: #6C5CE7;
  --hsw-primary-dark: #5847d1;
  --hsw-brand: #5282e8;
  --hsw-accent-pink: #F48FB1;
  --hsw-accent-green: #2ECC71;
  --hsw-bg: #F7F6FC;
  --hsw-card-bg: #FFFFFF;
  --hsw-text: #333333;
  --hsw-radius-lg: 20px;
  --hsw-radius-md: 14px;
  --hsw-radius-sm: 10px;
  --hsw-shadow: 0 8px 24px rgba(60, 50, 110, 0.08);
  --hsw-shadow-hover: 0 14px 32px rgba(60, 50, 110, 0.14);
}

body{
  background: var(--hsw-bg);
}

/* ---------------- Header ---------------- */

.hsw-modern-header{
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  padding: 20px 0;
}

.hsw-modern-header .nav-link{
  font-weight: 600;
}

.hsw-modern-cta{
  border-radius: 50px !important;
  padding: 8px 20px !important;
  font-weight: 700;
  background: var(--hsw-brand);
  border-color: var(--hsw-brand);
  color: #fff !important;
}

.hsw-modern-cta:hover{
  filter: brightness(0.9);
  color: #fff !important;
}

/* ---------------- Hero ---------------- */
/* hsw-hero-flex / hsw-hero-textcol / hsw-hero-imgcol は
   base_home.html に追加済みだが、当面は旧レイアウト（1カラム・大きいイラスト）を維持するため
   意図的にflex化のスタイルは当てていない。 */

.hsw-hero-textcol h2{
  font-size: 2.3rem;
  font-weight: 800;
  color: var(--hsw-text);
  line-height: 1.25;
}

.hsw-hero-badge{
  display: inline-block;
  background: #FDECEF;
  border-radius: 50px;
  padding: 6px 16px !important;
  margin-top: 8px;
}

/* ---------------- List cards (Host families / Guest's requests / Homestay Agencies) ---------------- */

.hsw-modern-list{
  border-radius: var(--hsw-radius-md);
  overflow: hidden;
  box-shadow: var(--hsw-shadow);
  border: none;
  transition: box-shadow .2s ease;
}

.hsw-modern-list:hover{
  box-shadow: var(--hsw-shadow-hover);
}

.hsw-modern-list .list-group-item{
  border-color: #EEEEF5;
}

.hsw-modern-card-header{
  font-weight: 700;
  margin-bottom: 0;
}

/* ---------------- Sidebar: Become a Host family ---------------- */

.hsw-modern-highlight{
  border-radius: var(--hsw-radius-lg) !important;
  border: 1px solid #E3DEFB !important;
  background: #FFFFFF;
  box-shadow: var(--hsw-shadow);
}

.hsw-modern-highlight h4{
  color: var(--hsw-primary);
  font-weight: 800;
}

/* ---------------- Sidebar: Country Home Page list ---------------- */

.hsw-modern-country-list{
  border-radius: var(--hsw-radius-md);
  overflow: hidden;
  box-shadow: var(--hsw-shadow);
  border: none;
}

.hsw-modern-country-list .list-group-item-action:hover{
  background: #F5F3FF;
}