/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* Đè thuộc tính font-display cho Themify */
@font-face {
  font-family: 'themify';
  font-display: swap;
}

/* Đè thuộc tính font-display cho FontAwesome 6 */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-display: swap;
}

/* Đè thuộc tính font-display cho Ionicons */
@font-face {
  font-family: 'Ionicons';
  font-display: swap;
}
.brxe-breadcrumbs
{
	    gap: 5px;
}
.brxe-post-navigation{
	flex-wrap: nowrap;
}
p{
	margin-bottom: 10px;
}
h4,h5{
	margin-bottom: 15px;
}
.footer a:hover
{
	color: var(--amc-teal-brand) !important;
}
/*table thead tr{
	background: var(--amc-slate-heading);
	color: var(--white);
	padding: 5px;
}
table thead tr p{
	padding: 5px;
}
*/
table  tr p{
	margin-bottom: 0;
}
table thead td ,
table thead th ,
table:not(:has(thead)) tr:first-child td,
table:not(:has(thead)) tr:first-child th{ 
    background-color: var(--amc-slate-heading); /* Đổi sang màu xanh y tế/ngọc bích dịu mắt */
    color: var(--white);
    font-weight: 600;
    padding: 8px 16px;
    text-align: left;
}

/* Style cho các ô nội dung td */
table td { 
    padding: 14px 16px; 
    text-align: left;
    color: #444;
    border-bottom: 1px solid #f1f5f7; /* Viền mờ nhẹ nhàng, không bị đen thô */
    vertical-align: top; /* Căn chữ thẳng hàng từ phía trên khi xuống dòng */
    background-color: #ffffff;
}

/* Dòng cuối cùng không cần viền dưới để tránh đè bo góc */
table tr:last-child td {
    border-bottom: none;
}

/* Tạo hiệu ứng dòng xen kẽ (Zebra striping) cho dễ đọc */
table tr:nth-child(even) td {
    background-color: #f9fbfb; 
}

/* Hiệu ứng hover nhẹ khi di chuột vào dòng */
table tr:hover td {
    background-color: #f1f7f7;
    transition: background-color 0.2s ease;
}
.amc-content h2,.amc-content h3{
	margin-bottom: 10px;
}
blockquote
{
    background: #fff8e8;
    border-left: 4px solid var(--amc-gold-primary-accent);
    padding: 10px 14px;
    margin: 14px 0;
    font-size: 14px;
    font-family: "Roboto";
}
h2.wp-block-heading
{
        border-bottom: 2px solid var(--amc-gold-primary-accent);
        margin-bottom: 12px;
}
.wp-block-button
{
        border: 1px solid var(--amc-gold-primary-accent);
    border-radius: 6px;
        background-color: var(--amc-gold-primary-accent);
        color: var(--white);
    font-size: 14px;
    font-weight: 600;
    padding-top: 4px;
    padding-right: 14px;
    padding-bottom: 4px;
    padding-left: 14px;
    width: auto !important; margin-bottom: 15px !important;
}
.wp-block-button:hover
{
    background-color: var(--amc-gold-dark);
}
.wp-block-button a{background: none;     color: #fff !important; }
/*iframe{
    width: 100%;
    height: 450px !important;
    position: relative !important;
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before
{
    padding-top: 0 !important;
}*/

a.brxe-button[aria-current="page"] {
  background-color: var(--amc-gold-dark) !important;
      color: var(--white) !important;
}
a[aria-current="page"] {
      color: var(--amc-link-hover) !important;
}
.entry-content iframe, .brxe-post-content iframe { display:block; margin:0 auto; }
a:focus, .bricks-button:focus {
  outline: 2px solid var(--amc-link-hover);
  outline-offset: 2px;
}
@media (max-width: 1024px) 
{
    :where(.brxe-nav-menu) .bricks-nav-menu>li.menu-item-has-children:hover:before
    {
        display: none !important;
    }
}

@media (max-width: 768px) {
.amc-qr
{
    display: none;
}
p,.decorated-link {
    overflow-wrap: anywhere;
}
table {
    width: 100% !important;
  display: block !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
  -webkit-overflow-scrolling: touch !important;
          height: auto !important;
}
/*iframe{
    width: 100%;
    height: 350px !important;
}*/
}