/*
Theme Name: Flatsome Child
Theme URI: http://flatsome.uxthemes.com
Template: flatsome
Author: UX-Themes
Author URI: https://uxthemes.com
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.18.7.1757320367
Updated: 2025-09-08 08:32:47

*/

.topbar-countdown {
        background: #FFE0DE;
        color: #333;
        text-align: center;
        padding: 6px 0;
        font-weight: bold;
        font-size: 14px;
    }
    .topbar-countdown .promo-text {
        margin-right: 8px;
    }
    .topbar-countdown .ux-timer {
            font-size: 13px !important;
            line-height: 1.2 !important;
            display: inline-flex !important;
            gap: 6px !important;
        }
        .topbar-countdown .ux-timer span {
            font-size: 12px !important;
            padding: 2px 6px !important;
            min-width: 28px !important;
            background: #fff !important;
            color: #333 !important;
            border-radius: 4px !important;
        }
        .topbar-countdown .ux-timer strong {
            font-size: 10px !important;
            font-weight: 500 !important;
            display: block !important;
        }
    .topbar-countdown .promo-link:hover {
        text-decoration: underline;
    }

/* Khung breadcrumb ngay dưới header */
.breadcrumb-bar {
  background: #fff;
  padding: 8px 15px;
  border-bottom: none;
  margin: 0;
  line-height: 1.6;
  font-size: 14px;
}

/* Dòng trail bên trong */
.breadcrumb-bar .breadcrumb-trail {
  color: #333;
  display: block;
  white-space: normal;          /* cho phép xuống dòng khi dài */
  word-break: break-word;
}

/* Link */
.breadcrumb-bar a {
  text-decoration: none;
}
.breadcrumb-bar a:hover {
  text-decoration: underline;
}

/* Khoảng cách trước/sau dấu phân cách (Yoast in ra ký tự) */
.breadcrumb-bar .breadcrumb-trail {
  /* thêm khoảng bằng CSS để đẹp hơn */
}
.breadcrumb-bar .breadcrumb-trail > * {
  margin-right: 0;              /* reset */
}
.breadcrumb-bar .breadcrumb-trail a + *::before,
.breadcrumb-bar .breadcrumb-trail span + *::before {
  /* fallback nếu cần thêm phân cách bằng CSS (không bắt buộc) */
}

/* Item cuối (trang hiện tại) */
.breadcrumb-bar .breadcrumb_last,
.breadcrumb-bar [aria-current="page"] {
  color: #333;
  font-weight: normal;
}