/* =================================================
   index.css — HOME ONLY (AUTHORITATIVE)
   Must load AFTER site.css + restaurant-card.css
   ================================================= */

/* =========================
   Section Head (Home only)
   ========================= */
.kr-section__head{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:12px;
}

.kr-section__title{
  margin:0;
  font-size:18px;
  letter-spacing:-.2px;
}

/* =========================
   COUNTRY FIRST — Horizontal Scroll
   ========================= */
.kr-country-row{
  display:flex;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:6px 4px 12px;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
}

.kr-country-row::-webkit-scrollbar{
  height:6px;
}
.kr-country-row::-webkit-scrollbar-thumb{
  background:rgba(0,0,0,.18);
  border-radius:999px;
}

.kr-country-card{
  flex:0 0 auto;
  min-width:160px;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  border-radius:16px;
  padding:12px;
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:inherit;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  scroll-snap-align:start;
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}

.kr-country-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,.12);
  border-color:#e86800;
}

.kr-country-flag{
  font-size:22px;
  line-height:1;
}

.kr-country-name{
  font-size:13px;
  font-weight:900;
  letter-spacing:-.2px;
}

/* =========================
   PROMOTION — Horizontal Cards
   ========================= */
.kr-cards--hscroll{
  display:flex !important;
  flex-wrap:nowrap;
  gap:16px;
  overflow-x:auto !important;
  overflow-y:hidden;
  padding-bottom:12px;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
}

/* scrollbar */
.kr-cards--hscroll::-webkit-scrollbar{
  height:6px;
}
.kr-cards--hscroll::-webkit-scrollbar-thumb{
  background:#e86800;
  border-radius:999px;
}

/* card sizing — HOME ONLY */
.kr-cards--hscroll .kr-card{
  flex:0 0 auto;
  width:280px;
  min-width:280px;
  scroll-snap-align:start;
}

/* =========================
   Mobile: Floating edge-to-edge
   ========================= */
@media (max-width: 768px){
  .kr-cards--hscroll{
    padding-left:12px;
    padding-right:12px;
    margin-left:-12px;
    margin-right:-12px;
  }

  .kr-country-row{
    padding-left:12px;
    padding-right:12px;
    margin-left:-12px;
    margin-right:-12px;
  }

  .kr-cards--hscroll .kr-card{
    width:260px;
    min-width:260px;
  }

  .kr-country-card{
    min-width:150px;
  }
}

/* =========================
   Desktop: Bigger cards
   ========================= */
@media (min-width: 900px){
  .kr-section__title{
    font-size:28px;
  }

  .kr-cards--hscroll .kr-card{
    width:320px;
    min-width:320px;
  }
}

/* =========================
   UX polish
   ========================= */
.kr-country-card,
.kr-cards--hscroll .kr-card{
  -webkit-tap-highlight-color:transparent;
}


@media (max-width: 767px){
  .kr-search__box input{
    font-size:16px !important;
  }
}

@media (max-width: 767px){
  .kr-search__box:focus-within{
    transform:none;
  }
}