/*
 Theme Name:   Caspiar Child
 Theme URI:    http://themeforest.net/user/VictorThemes
 Description:  Caspiar Child Theme
 Author:       VictorThemes
 Author URI:   http://themeforest.net/user/VictorThemes/portfolio
 Template:     caspiar
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, post-formats, theme-options, translation-ready
 Text Domain:  caspiar-child
*/

/* Write Custom CSS */
.top-bar-custom {
  width: 100%;
  background: white;
  padding: 5px 0;
}

.top-bar-custom .container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.top-bar-custom .top-btn + .top-btn {
  margin-left: 12px;
}

.top-btn {
  font-size: 14px;
  padding: 5px 12px;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}

.top-hotline {
  background-color: red;
  border-color: red;
}

.top-register,
.top-login {
  background-color: #444;
  border-color: #444;
  color: #fff;
}

.top-register:hover,
.top-login:hover {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}



.header-btn {
  margin-left: 10px;
  padding: 6px 14px;
  font-size: 14px;
}

/* nền đen + chữ trắng cho toàn bộ footer */
.cspir-footer {
  background-color: #1f3c49;
  color: #fff;
  padding: 20px 0;
  font-size: 14px;
  line-height: 1.6;
}


/* Ép chính xác 20% / 80% nếu muốn */
@media (min-width: 768px) {
  .cspir-footer .footer-logo {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .cspir-footer .footer-menu {
    flex: 0 0 80%;
    max-width: 80%;
  }
}

/* Logo */
.cspir-footer .footer-logo img {
  max-width: 80%;
  height: auto;
}

/* Tiêu đề cột */
.cspir-footer .title_footer {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}

/* Danh sách */
.cspir-footer .hot_line {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cspir-footer .hot_line li {
  margin-bottom: 8px;
  color: #fff;
}
.cspir-footer .hot_line li a {
  color: #fff;
  text-decoration: none;
}
.cspir-footer .hot_line li a:hover {
  text-decoration: underline;
}

/* Các mục class email (nếu vẫn dùng) */
.cspir-footer .email {
  margin: 0;
  color: #fff;
}

/* Copyright */
.cspir-footer .copyright {
  color: #ccc;
  font-size: 13px;
  margin-top: 10px;
}
.cspir-copyright {
	display:none!important;
}

@media (max-width: 767px) {
  /* Đảm bảo .footer-logo chiếm 100% độ rộng cột khi stack */
  .cspir-footer .footer-logo {
    flex: 0 0 100%;
    max-width: 80%;
    text-align: center;
  }
  /* Giảm kích thước ảnh logo còn 60% và căn giữa */
  .cspir-footer .footer-logo img {
    max-width: 50%;
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0 auto;
  }
  /* Nếu bạn muốn toàn footer chuyển thành dạng hàng chứ không phải flex-row */
  .cspir-footer .row {
    flex-direction: column;
  }
}