/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Bật sticky sidebar khi cuộn lên top */
/* Chỉ bật sticky sidebar trên màn hình rộng (khi sidebar nằm cạnh content) */
@media (min-width: 861px) {
  /* Tạo biến mặc định: khoảng cách từ đỉnh trình duyệt đến nơi sidebar “dính” */
  :root { --gp-sticky-top: 80px; } /* chỉnh số này nếu header bạn cao/thấp hơn */

  /* GP thường dùng #right-sidebar / #left-sidebar cho cột sidebar */
  #right-sidebar,
  #left-sidebar {
    position: sticky;
    top: var(--gp-sticky-top);
    align-self: start; /* đảm bảo sticky hoạt động trong layout dạng flex/grid */
  }

  /* Phòng khi wrapper của sidebar vô tình cắt sticky */
  .sidebar,
  .widget-area {
    overflow: visible;
  }
}

/* Khi đang đăng nhập WP Admin có thanh admin bar 32px (hoặc 46px trên mobile) */
@media (min-width: 861px) {
  body.admin-bar #right-sidebar,
  body.admin-bar #left-sidebar {
    top: calc(var(--gp-sticky-top) + 32px);
  }
}
/* END Bật sticky sidebar khi cuộn lên top */


.breadcrumb-bar {
  background-color: #6bbdce;
  padding: 15px 20px;
}

.breadcrumb-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

.breadcrumb-left, .breadcrumb-left a {
  color: #333;
  font-size: 14px;
  word-break: break-word;
}

.breadcrumb-left strong {
  font-weight: 600;
  margin-right: 4px;
}


.breadcrumb-right .breadcrumb-back {
  background-color: #d9534f;
  color: #fff;
  padding: 8px 15px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  box-shadow: 0 2px 3px rgba(0,0,0,0.2);
  min-width: 71px;
}

.breadcrumb-right .breadcrumb-back:hover {
  background-color: #c9302c;
}


/* Khối footer chứa DMCA + copyright (căn TRÁI) */
.site-footer .inside-site-info {
    justify-content: left;
    padding: 10px 20px;
}
.copyright-bar,
.vnjp-footer {
    display: flex;
    justify-content: flex-start; /* căn TRÁI */
    align-items: center;         /* thẳng hàng dọc */
    gap: 12px;                   /* khoảng cách giữa icon và chữ */
    padding: 10px 0;
}

/* Icon DMCA */
.dmca-badge img {
    height: 32px;
    width: auto;
    display: block;
}

/* Chữ copyright */
.copyright-bar span,
.vnjp-footer span {
    font-size: 14px;
    color: #ffffff;
}