/*
Theme Name: Haute Blowdry Child
Theme URI: https://hauteblowdry.com
Template: extendable
Author: hauteblowdry.com
Version: 1.2.0
Text Domain: hauteblowdry-child
Description: Child theme cua Extendable. Mau, chu va bo cuc khai o theme.json; file nay chi lo phan block theme.json khong voi toi duoc.
*/

/* Bien dung lai — lay tu theme.json de mot cho sua la doi het. */
:root{
	--hb-radius: 16px;
	--hb-radius-sm: 10px;
	--hb-shadow: 0 1px 2px rgba(42,32,36,.05), 0 12px 30px -18px rgba(42,32,36,.30);
	--hb-shadow-lift: 0 2px 6px rgba(42,32,36,.07), 0 22px 44px -22px rgba(42,32,36,.38);
}

/* =========================================================
   1 · Masthead — ten site kieu tap chi
   Theme cha gan class has-medium-font-size (20px) cho ten site.
   ========================================================= */
.wp-block-site-title,
.wp-block-site-title.has-medium-font-size,
.wp-block-site-title.has-large-font-size{
	font-family: var(--wp--preset--font-family--display);
	/* !important o day la BAT BUOC, khong phai lam bieng: WordPress core khai
	   cac lop .has-*-font-size kem !important, nen selector du cu the den may
	   cung khong thang duoc. Da do lai bang getComputedStyle de xac nhan. */
	font-size: clamp(2.1rem, 5vw, 3.25rem) !important;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .004em;
}
.wp-block-site-title a{
	color: var(--wp--preset--color--foreground);
	text-decoration: none;
}
.wp-block-site-title a:hover{ color: var(--wp--preset--color--primary); }

.wp-block-site-tagline{
	font-size: .7rem;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: var(--wp--preset--color--soft);
	margin-top: .55rem;
}

/* =========================================================
   2 · Dieu huong — chu nho, gian cach, gach chan khi rê chuot
   ========================================================= */
.wp-block-navigation .wp-block-navigation-item__content{
	font-size: .78rem;
	letter-spacing: .15em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--wp--preset--color--foreground);
	text-decoration: none;
	padding-block: .95rem;
	border-bottom: 2px solid transparent;
	transition: color .18s ease, border-color .18s ease;
}
.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .current-menu-item .wp-block-navigation-item__content{
	color: var(--wp--preset--color--secondary-dark);
	border-bottom-color: var(--wp--preset--color--secondary);
}
.wp-block-navigation .wp-block-navigation-item__content:focus-visible{
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 4px;
}

/* =========================================================
   3 · The bai viet — bo goc, do bong, nhac len khi rê chuot
   Ap cho moi vong lap truy van, khong phu thuoc mau trang chu.
   ========================================================= */
.wp-block-post-template.is-layout-grid > li,
.wp-block-post-template.is-layout-flex > li{
	background: var(--wp--preset--color--card);
	border-radius: var(--hb-radius);
	overflow: hidden;
	box-shadow: var(--hb-shadow);
	display: flex;
	flex-direction: column;
	transition: transform .2s ease, box-shadow .2s ease;
}
.wp-block-post-template.is-layout-grid > li:hover,
.wp-block-post-template.is-layout-flex > li:hover{
	transform: translateY(-3px);
	box-shadow: var(--hb-shadow-lift);
}
/* Anh dai dien tran vien tren cua the */
.wp-block-post-template > li > .wp-block-post-featured-image{
	margin: 0 0 .1rem;
	border-radius: 0;
}
.wp-block-post-template > li > .wp-block-post-featured-image img{
	border-radius: 0;
	width: 100%;
	height: auto;
	display: block;
}
/* Chua noi dung the thi thut vao */
.wp-block-post-template.is-layout-grid > li > *:not(.wp-block-post-featured-image),
.wp-block-post-template.is-layout-flex > li > *:not(.wp-block-post-featured-image){
	padding-inline: 1.2rem;
}
.wp-block-post-template.is-layout-grid > li > *:last-child,
.wp-block-post-template.is-layout-flex > li > *:last-child{
	padding-bottom: 1.25rem;
}

/* Anh dai dien ngoai the thi bo goc */
.wp-block-post-featured-image img{ border-radius: var(--hb-radius-sm); }

/* =========================================================
   4 · Nhan chuyen muc — dang vien thuoc
   ========================================================= */
.wp-block-post-terms a,
.wp-block-post-terms__separator + a{
	display: inline-block;
	font-size: .66rem;
	letter-spacing: .15em;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--wp--preset--color--secondary);
	background: var(--wp--preset--color--tertiary);
	padding: .32rem .7rem;
	border-radius: 999px;
	text-decoration: none;
	line-height: 1.5;
}
.wp-block-post-terms a:hover{
	background: var(--wp--preset--color--primary);
	color: #fff;
}
/* An dau phay ngan cach vi da co vien thuoc */
.wp-block-post-terms__separator{ display: none; }

/* =========================================================
   5 · Ngay dang va tac gia
   ========================================================= */
.wp-block-post-date,
.wp-block-post-author-name,
.wp-block-post-author{
	font-size: .76rem;
	color: var(--wp--preset--color--soft);
}
.wp-block-post-date a{ color: inherit; text-decoration: none; }

/* =========================================================
   6 · Tieu de bai trong danh sach
   ========================================================= */
.wp-block-post-title a{
	color: var(--wp--preset--color--foreground);
	text-decoration: none;
}
.wp-block-post-title a:hover{ color: var(--wp--preset--color--primary); }

/* =========================================================
   7 · Than bai — bang cuon rieng, trich dan, anh
   ========================================================= */
.entry-content table,
.wp-block-table table{ font-size: .95rem; }
.wp-block-table{ overflow-x: auto; }
.wp-block-table th{
	font-size: .68rem;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--wp--preset--color--soft);
	background: var(--wp--preset--color--tertiary);
	font-weight: 700;
}
.wp-block-table td, .wp-block-table th{ border-color: var(--wp--preset--color--line); }
.wp-block-table td:not(:first-child){ font-variant-numeric: tabular-nums; }

.wp-block-quote{
	border-left: 3px solid var(--wp--preset--color--primary);
	background: var(--wp--preset--color--tertiary);
	padding: 1rem 1.25rem;
	border-radius: 0 var(--hb-radius-sm) var(--hb-radius-sm) 0;
	font-style: normal;
}

.entry-content img{ border-radius: var(--hb-radius-sm); }

/* =========================================================
   8 · Chan trang
   ========================================================= */
.wp-block-site-title.hb-footer-brand{ font-size: 1.6rem; }

/* =========================================================
   9 · Truy cap — o focus nhin thay duoc, ton trong giam chuyen dong
   ========================================================= */
a:focus-visible, button:focus-visible, input:focus-visible{
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce){
	*, *::before, *::after{ transition: none !important; animation: none !important; }
}

/* =========================================================
   10 · Di dong — vung cham it nhat 24px
   ========================================================= */
@media (max-width: 600px){
	.wp-block-social-links .wp-social-link{ width: 32px; height: 32px; }
	.wp-block-post-terms a{ padding: .4rem .8rem; }
}