/* train-ticket.css */
/* Giới hạn chiều rộng của train-ticket, căn giữa */
.train-ticket-wrapper {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; /* khoảng đệm 2 bên */
  box-sizing: border-box;
}

/*css nút chia sẻ*/
/* Style chung cho share-button và wishlist-button */
.train-ticket-wrapper .share-button,
.train-ticket-wrapper .wishlist-button {
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
  position: relative;
  cursor: pointer;
}

/* Ẩn menu mặc định */
.train-ticket-wrapper .share-button .share-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 6px 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  display: flex;
  gap: 8px;
  white-space: nowrap;
  z-index: 20;
}

/* Khi hover vào vòng tròn chia sẻ thì hiện menu */
.train-ticket-wrapper .share-button:hover .share-menu {
  display: flex;
}

/* Đảm bảo wishlist không bị lệch */
.train-ticket-wrapper .wishlist-button {
  /* chỉ style vòng tròn, không có dropdown */
}

/* Đặt màu cam cho tất cả icon trong khối rating-location */
.train-ticket-wrapper .rating-location-wrapper .location-info i {
  color: #f58220;
  margin-right: 5px; /* nếu muốn cách đều text */
}

.train-var-row1 {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 20px !important;
}
.train-var-row1 > div:nth-child(2) {
    flex: 1 !important;
    text-align: center !important;
}

.train-filter-form-container {
    margin-bottom: 0px !important;
}

.train-var-book-btn,
.train-var-book-btn:link,
.train-var-book-btn:visited,
.train-var-book-btn:hover,
.train-var-book-btn:active {
  color: #fff !important;
}

/*CSS THANH TÌM KIẾM VÉ TÀU HỎA*/
/* ===== Train Quick Filter ===== */
.train-filter-form-container{
  background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin-bottom:40px
}
.train-filter-row{
  display:grid;gap:10px;align-items:flex-end;
  grid-template-columns:repeat(5,1fr) auto
}
@media(max-width:991px){.train-filter-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:575px){.train-filter-row{grid-template-columns:1fr}}
.train-filter-field label{font-weight:700;margin-bottom:5px;display:block}
.train-filter-select,.train-filter-input{
  width:100%;padding:6px 8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box
}
.train-filter-input:disabled{background:#f0f0f0;color:#999;cursor:not-allowed}

/* Nút Search */
.train-filter-button{
  display:flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;
  padding:8px 26px !important;font-size:15px !important;font-weight:700 !important;
  color:#fff !important;background:#f58220 !important;border:none !important;border-radius:4px !important;
  cursor:pointer !important;transition:background .25s,box-shadow .25s !important
}
.train-filter-button i{color:#fff !important}
.train-filter-button:hover,.train-filter-button:focus{
  background:#da6400 !important;box-shadow:0 0 0 3px rgba(245,130,32,.25) !important;outline:none !important
}
.train-filter-button:disabled{background:#ccc !important;color:#666 !important;cursor:not-allowed !important}
.train-filter-button:disabled i{color:#666 !important}