/* ==========================================================================
   PNNN Site Chrome — Header + Menu chinh + Footer (toan site)
   Tong tram, hien dai; accent hong #c73568. Nap o moi trang front-end.
   ========================================================================== */

body {
	--pnnn-pink:      #d72b6b;
	--pnnn-pink-2:    #c51f5d;
	--pnnn-ink:       #151515;
	--pnnn-muted:     #666;
	--pnnn-line:      #f3d7e2;
	--pnnn-soft:      #fff7fa;
	--pnnn-soft-2:    #fff1f6;
	/* Footer hong ruou sang - sang hon, van sang trong */
	--pnnn-foot-bg:   #7a2148;
	--pnnn-foot-bg-2: #641a3a;
	--pnnn-foot-line: rgba(255, 255, 255, .12);
	--pnnn-foot-txt:  #fff8fb;
	--pnnn-foot-head: #ffffff;
}

/* ==========================================================================
   1) HEADER — sang, sach (nen trang, accent hong tiet che)
   ========================================================================== */
body #header-wrapper,
body header#header,
body .header,
body .logo-banner,
body .wrapper-logo-banner,
body .info-head {
	background: #fff !important;
}
body #header-wrapper { border-bottom: 1px solid var(--pnnn-line); }
/* Bo mang hong dac quanh logo (theme: .logo-wrapper background:#F05B89) */
body .logo-wrapper { background: #fff; padding: 12px 0; }

/* Thanh hong tren cung — full-width voi box-shadow trick tu style.css */
body .social {
	background: #8a3f4f;
	color: #8a3f4f;
	float: left;
	width: 100%;
	height: 28px;
	line-height: 28px;
	text-align: right;
}
body .info-head { padding: 0; }
body .icon_font {
	background: rgba(255,255,255,.92) !important;
	border: none;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin-top: 2px;
	transition: background .15s ease;
}
body .icon_font i { color: #d72b6b !important; }
body .icon_font:hover { background: rgba(255,255,255,1) !important; }
body .icon_font:hover i { color: #c51f5d !important; }
body .logo { padding: 6px 0 10px; }

/* ==========================================================================
   2) MENU CHINH — thanh trang manh, active/hover hong, dong bo footer
   ========================================================================== */
body .wrapper-main-menu {
	background: #fff;
	border-top: 1px solid var(--pnnn-line);
	border-bottom: 1px solid var(--pnnn-line);
	/* clip-path: inset(0 -100vmax) cua theme cu cat mat dropdown — xoa no */
	clip-path: none;
	overflow: visible;
	/* box-shadow 100vmax currentColor tao vung den 100vmax xung quanh vi color:#151515 */
	box-shadow: none;
}
body .main-menu ul { background: transparent; }
body .main-menu > ul > li > a {
	position: relative;
	color: var(--pnnn-ink);
	line-height: 46px;
	font-size: 15px;
	font-weight: 700;
}
body .main-menu > ul > li.current-menu-item,
body .main-menu > ul > li.current-menu-parent,
body .main-menu > ul > li.current-menu-ancestor,
body .main-menu > ul > li:hover { background: transparent; }
body .main-menu > ul > li.current-menu-item > a,
body .main-menu > ul > li.current-menu-parent > a,
body .main-menu > ul > li.current-menu-ancestor > a,
body .main-menu > ul > li:hover > a { color: var(--pnnn-pink); }
/* Underline nhan duoi muc active/hover */
body .main-menu > ul > li.current-menu-item > a::after,
body .main-menu > ul > li.current-menu-parent > a::after,
body .main-menu > ul > li:hover > a::after {
	content: "";
	position: absolute;
	left: 20px; right: 20px; bottom: 8px;
	height: 2px;
	border-radius: 2px;
	background: var(--pnnn-pink);
}
/* Submenu cap 1 */
body .main-menu ul li .sub-menu {
	background: #fff;
	border: 1px solid var(--pnnn-line);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
}
body .main-menu ul li .sub-menu li:hover { background: var(--pnnn-soft-2); }
body .main-menu ul li .sub-menu li:hover a { color: var(--pnnn-pink); }
body .main-menu ul li.menu-item-has-children:hover:after { border-top-color: var(--pnnn-pink); }

/* Submenu cap 2: flyout sang phai, override left:210px margin-top:-37px cua theme */
body .main-menu ul li .sub-menu li { position: relative; }
body .main-menu ul li .sub-menu li .sub-menu {
	top: 0;
	left: 100%;
	margin-top: 0;
	transform-origin: top left;
	box-shadow: 4px 10px 28px rgba(0, 0, 0, .10);
}
body .main-menu ul li .sub-menu li:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: scale(1, 1);
}
/* Nav mobile / off-canvas cua theme co nen hong #D63567 — bo di o desktop cho dong bo */
body .main-navigation,
body #site-navigation,
body #off-canvas { background: transparent !important; }

/* ==========================================================================
   3) FOOTER — hong ruou sang trong, nu tinh
   ========================================================================== */
body #footer-wrapper { float: left; width: 100%; background: transparent; }

.pnnn-site-footer {
	width: 100%;
	background:
		linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0) 42%),
		linear-gradient(135deg, #7a2148 0%, #6d1d40 55%, #581832 100%);
	color: #fff8fb;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.6;
}
.pnnn-site-footer, .pnnn-site-footer * { box-sizing: border-box; }

.pnnn-site-footer__inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 52px 24px 46px;
}
.pnnn-site-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.1fr);
	gap: 52px;
	align-items: start;
}

/* Brand column */
.pnnn-site-footer__brand a { display: inline-block; }
.pnnn-site-footer__brand img {
	max-width: 190px;
	height: auto;
	margin-bottom: 18px;
	display: block;
}
.pnnn-site-footer__brand p {
	max-width: 330px;
	color: #f7d6e4;
	font-size: 14px;
	line-height: 1.75;
	margin: 0 0 10px;
}

/* Social icons */
.pnnn-site-footer__social { display: flex; gap: 10px; margin-top: 16px; }
.pnnn-site-footer__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px; height: 36px;
	border-radius: 8px;
	background: rgba(255,255,255,.07);
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	transition: background .15s ease, transform .12s ease;
}
.pnnn-site-footer__social a:hover { background: #ff6fae; transform: translateY(-2px); }

/* Column titles — champagne left border + pink underline */
.pnnn-site-footer__title {
	position: relative;
	margin: 0 0 20px;
	padding-left: 14px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
	border-left: 4px solid #f4c95d;
	text-transform: none;
	letter-spacing: 0;
}
.pnnn-site-footer__title::after {
	content: "";
	display: block;
	width: 36px; height: 2px;
	margin-top: 9px;
	background: #ff6fae;
	border-radius: 999px;
}

/* Link lists */
.pnnn-site-footer__links { list-style: none; margin: 0; padding: 0; }
.pnnn-site-footer__links li { margin: 0 0 12px; padding: 0; }
.pnnn-site-footer__links li::before { display: none; }
.pnnn-site-footer__links a {
	color: #fff8fb;
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
	transition: color .2s ease;
}
.pnnn-site-footer__links a:hover { color: #ffd1e4; }

/* Footer bottom / copyright */
.pnnn-site-footer__bottom {
	background: #641a3a;
	border-top: 1px solid rgba(255,255,255,0.12);
	padding: 20px 24px;
	text-align: center;
	color: #f7d6e4;
	font-size: 13px;
	position: relative;
}
.pnnn-site-footer__bottom a,
.pnnn-site-footer__bottom strong { color: #ffffff; font-weight: 700; text-decoration: none; }
.pnnn-site-footer__bottom a:hover { color: #ffd1e4; }
.pnnn-site-footer__bottom .to_top {
	position: absolute;
	right: 20px; top: 50%;
	transform: translateY(-50%);
}
.pnnn-site-footer__bottom .to_top a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px; height: 34px;
	border-radius: 8px;
	background: rgba(255,255,255,.07);
	color: #fff;
	text-decoration: none;
}
.pnnn-site-footer__bottom .to_top a:hover { background: #ff6fae; }

/* Responsive */
@media (max-width: 992px) {
	.pnnn-site-footer__grid { grid-template-columns: 1fr 1fr; gap: 32px 40px; }
	.pnnn-site-footer__inner { padding: 44px 24px 38px; }
}
@media (max-width: 768px) {
	.pnnn-site-footer__grid { grid-template-columns: 1fr; gap: 32px; }
	.pnnn-site-footer__inner { padding: 40px 20px 34px; }
	.pnnn-site-footer__brand p { max-width: none; }
}
@media (max-width: 600px) {
	body .main-menu > ul > li > a { line-height: 42px; font-size: 14px; }
}

/* ==========================================================================
   DROPDOWN MOI — body .pnnn-main-menu
   Override transform-scale cu bang visibility + translateY/X.
   Specificity body .pnnn-main-menu ul li .sub-menu = (0,2,3) — bang old
   body .main-menu rules nhung dat SAU → thang cascade.
   ========================================================================== */

/* Top-level list: flex thay the text-align:center + inline-block */
body .pnnn-main-menu .pnnn-main-menu__list {
	display: flex;
	align-items: stretch;
	justify-content: center;
}
body .pnnn-main-menu .pnnn-main-menu__list > li {
	display: block;
	float: none;
}

/* Bo pixel-triangle tren TAT CA cap (thay the bang dropdown thuan CSS) */
body .pnnn-main-menu ul li.menu-item-has-children:hover::after {
	display: none;
}

/* Sub-menu cap 1 — reset transform-scale, dung opacity+visibility+translateY */
body .pnnn-main-menu ul li .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	padding: 0;
	background: #ffffff;
	border: 1px solid #f3d7e2;
	box-shadow: 0 12px 28px rgba(90, 23, 52, .14);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transform-origin: unset;
	transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
	z-index: 9999;
}
body .pnnn-main-menu ul li:hover > .sub-menu,
body .pnnn-main-menu ul li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Items ben trong sub-menu */
body .pnnn-main-menu ul li .sub-menu li {
	position: relative;
	display: block;
	width: 100%;
	background: transparent;
	transition: background .12s ease;
}
body .pnnn-main-menu ul li .sub-menu li a {
	display: block;
	padding: 11px 14px;
	color: #151515;
	font-size: 14px;
	line-height: 1.35;
	text-transform: none;
	white-space: nowrap;
	font-weight: 400;
}
body .pnnn-main-menu ul li .sub-menu li:hover {
	background: #fff1f6;
}
body .pnnn-main-menu ul li .sub-menu li:hover > a {
	color: #d72b6b;
}

/* Sub-menu cap 2 — flyout sang phai, translateX */
body .pnnn-main-menu ul li .sub-menu li .sub-menu {
	top: -1px;
	left: 100%;
	transform: translateX(8px);
}
body .pnnn-main-menu ul li .sub-menu li:hover > .sub-menu,
body .pnnn-main-menu ul li .sub-menu li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}