/* ==========================================================================
   thoitiet365 — bổ sung nhỏ cho bản Laravel (nạp sau mua.css)
   ========================================================================== */
.tw-header__logo img { height: 40px; width: auto; }
.tw-footer__logo img { height: 46px; width: auto; }
@media (max-width: 575px) { .tw-header__logo img { height: 32px; } }

/* Ảnh có chú thích chuyển từ shortcode [caption] */
.wp-caption { margin: 1.2rem auto; max-width: 100%; text-align: center; }
.wp-caption img { max-width: 100%; height: auto; border-radius: 14px; }
.wp-caption-text { font-size: .9rem; color: var(--m4-muted, #8c7262); margin-top: .4rem; }
.entry-content img { max-width: 100%; height: auto; }

/* Form liên hệ */
.tt-form { display: grid; gap: 14px; margin-top: 1.2rem; }
.tt-form .row2 { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; }
@media (max-width: 640px) { .tt-form .row2 { grid-template-columns: 1fr; } }
.tt-form label { display: block; font-weight: 600; margin-bottom: 4px; color: var(--m4-ink-2, #5a4031); }
.tt-form input, .tt-form textarea {
	width: 100%; border: 1px solid var(--m4-line, #f0dfcf); border-radius: 12px; padding: 10px 14px;
	background: #fff; font: inherit; color: inherit;
}
.tt-form input:focus, .tt-form textarea:focus { outline: 2px solid var(--m4-500, #f97316); outline-offset: 1px; }
.tt-form button { justify-self: start; border: 0; border-radius: 999px; padding: 11px 26px; font-weight: 700; color: #fff; background: var(--m4-600, #ea580c); cursor: pointer; }
.tt-form button:hover { background: var(--m4-700, #c2410c); }
.tt-alert { border-radius: 14px; padding: 12px 16px; margin: 1rem 0; }
.tt-alert--ok { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
.tt-alert--err { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.tt-hp { position: absolute !important; left: -9999px !important; }

/* Phân trang tin tức */
.pagenavi { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 1.5rem; }
.pagenavi a, .pagenavi span { min-width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; border-radius: 12px; border: 1px solid var(--m4-line, #f0dfcf); background: #fff; color: var(--m4-ink, #2b1a10); font-weight: 600; }
.pagenavi .current { background: var(--m4-600, #ea580c); border-color: var(--m4-600, #ea580c); color: #fff; }
.pagenavi .disabled { opacity: .45; }
.news-empty { padding: 2rem; text-align: center; color: var(--m4-muted, #8c7262); }

/* ==========================================================================
   BẢNG MÀU SÁNG — tone cam kết hợp màu sáng (kem, vàng, đào, xanh trời nhạt),
   không dùng nền nâu đen / đen.
   ========================================================================== */
:root {
	--m4-ink: #4a2d1a;
	--m4-ink-2: #7a5038;
	--m4-muted: #a07e68;
	--m4-bg: #fffaf3;
	--m4-shadow: 0 1px 2px rgba(234, 88, 12, 0.06), 0 14px 32px -20px rgba(234, 88, 12, 0.35);
	--m4-shadow-lg: 0 26px 60px -30px rgba(234, 88, 12, 0.45);
}
body { background: var(--m4-bg); color: var(--m4-ink); }

/* Dải đầu trang: cam tươi → hổ phách → vàng nắng */
.m4-hero { --h1: #ea580c; --h2: #f97316; --h3: #fde68a; }
.m4-hero--hourly { --h1: #ea580c; --h2: #fb923c; --h3: #fde047; }
.m4-hero--3d { --h1: #f97316; --h2: #fb923c; --h3: #fecdd3; }
.m4-hero--5d { --h1: #ea580c; --h2: #f59e0b; --h3: #fef08a; }
.m4-hero--7d { --h1: #f97316; --h2: #fb923c; --h3: #d9f99d; }
.m4-hero--10d { --h1: #ea580c; --h2: #fb923c; --h3: #fed7aa; }
.m4-hero--15d { --h1: #f97316; --h2: #f59e0b; --h3: #fde68a; }
.m4-hero--20d { --h1: #ea580c; --h2: #fb923c; --h3: #bae6fd; }
.m4-hero--30d { --h1: #f97316; --h2: #fbbf24; --h3: #fef3c7; }
.m4-hero, .m4-hh { text-shadow: 0 1px 2px rgba(194, 65, 12, 0.35); }
.m4-hh {
	background:
		radial-gradient(90% 120% at 100% 0%, #fde68a 0, transparent 50%),
		radial-gradient(60% 90% at 0% 100%, rgba(251, 191, 36, 0.45) 0, transparent 60%),
		linear-gradient(120deg, #ea580c, #f97316 55%, #fbbf24);
}
.tw-pagehead { --g1: #ea580c; --g2: #f97316; --g3: #fbbf24; text-shadow: 0 1px 2px rgba(194, 65, 12, 0.35); }
.m4-ticket, .m4-feature { text-shadow: none; }

/* Buổi đêm: tím than → oải hương nhạt */
.m4-part--night { --pb: linear-gradient(180deg, #e0e7ff, #c7d2fe); color: #3730a3; }
.m4-part--night .tw-pop { color: #4338ca; }

/* Chân trang sáng */
.tw-footer { background: linear-gradient(180deg, #fff1e0, #ffe4c7); color: var(--m4-ink-2); }
.tw-footer__wave { color: #fff1e0; }
.tw-footer h6 { color: #c2410c; }
.tw-footer a, .tw-footer p { color: var(--m4-ink-2); }
.tw-footer a:hover { color: #ea580c; }
.tw-footer__bottom { color: var(--m4-muted); border-top-color: rgba(234, 88, 12, 0.18) !important; }

/* Các khối trước đây nền tối => chuyển sang tông sáng/vừa */
.tw-quad__item--night { background: linear-gradient(160deg, #818cf8, #c4b5fd) !important; }
.tw-timeline__head { background: linear-gradient(90deg, #f97316, #fbbf24) !important; }
.tw-hl--wet { background: linear-gradient(150deg, #60a5fa, #38bdf8) !important; }
.tw-trend { background: radial-gradient(circle at 90% 0%, rgba(254, 240, 138, 0.55), transparent 40%), linear-gradient(160deg, #ea580c, #f97316 60%, #fbbf24) !important; }
.tw-frame.is-today { background: linear-gradient(160deg, #f97316, #fdba74) !important; }
.tw-phase__dot { background: linear-gradient(135deg, #a5b4fc, #6366f1) !important; }
.tw-gcard--cta { background: radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.3), transparent 45%), linear-gradient(135deg, #f97316, #fb923c 60%, #fcd34d) !important; }
.tw-sunhero__item--len { background: linear-gradient(150deg, #f97316, #60a5fa) !important; }
.tw-moon__disc { background: #c7d2fe !important; }
.tw-nighthero { background: radial-gradient(ellipse at 20% 0%, #c7d2fe, #818cf8 55%, #6366f1) !important; }
.tw-nightbars { background: linear-gradient(180deg, #a5b4fc, #818cf8) !important; }
.tw-meteor-next { background: linear-gradient(135deg, #818cf8, #a78bfa) !important; }
.tw-nighthero__moon span, .tw-nighthero__score > span, .tw-nighthero__score > b small,
.tw-nighthero__score dt, .tw-meteor-next > div > span, .tw-nightbars__v { color: #eef2ff !important; }
.tw-nighthero__score > div, .tw-nighthero__score dl > div { background: rgba(255, 255, 255, 0.18) !important; }

/* ---------- Nút lên đầu trang ---------- */
.tt-top {
	position: fixed; right: 18px; bottom: 18px; z-index: 999;
	width: 48px; height: 48px; border: 0; border-radius: 50%; cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	color: #fff; background: linear-gradient(135deg, #fb923c, #ea580c);
	box-shadow: 0 8px 20px -6px rgba(234, 88, 12, .55);
	opacity: 0; visibility: hidden; transform: translateY(12px);
	transition: opacity .25s ease, transform .25s ease, visibility .25s, box-shadow .2s;
}
.tt-top.is-on { opacity: 1; visibility: visible; transform: none; }
.tt-top:hover { box-shadow: 0 12px 26px -6px rgba(234, 88, 12, .7); transform: translateY(-2px); }
.tt-top:focus-visible { outline: 3px solid #fde68a; outline-offset: 3px; }
@media (max-width: 575px) { .tt-top { right: 12px; bottom: 12px; width: 44px; height: 44px; } }
@media (prefers-reduced-motion: reduce) { .tt-top { transition: opacity .01s, visibility .01s; } }
@media print { .tt-top { display: none !important; } }

/* ---------- Breadcrumb trang tĩnh / tin tức: dải cam sáng, chữ rõ ---------- */
.breadcrumb-custom.tw-crumbs {
	background: linear-gradient(90deg, #fff1e3 0%, #ffe7cf 55%, #fff4d6 100%);
	border-top: 1px solid #fed7aa;
	border-bottom: 1px solid #fed7aa;
	padding: 14px 0;
	font-size: .95rem;
	color: #7c2d12;
}
.breadcrumb-custom.tw-crumbs .rank-math-breadcrumb { padding: 0; }
.breadcrumb-custom.tw-crumbs .rank-math-breadcrumb p { color: #7c2d12; font-weight: 600; align-items: center; }
.breadcrumb-custom.tw-crumbs a {
	color: #ea580c; font-weight: 700; text-decoration: none;
	border-bottom: 2px solid transparent; transition: color .15s, border-color .15s;
}
.breadcrumb-custom.tw-crumbs a:hover { color: #c2410c; border-bottom-color: #fdba74; }
.breadcrumb-custom.tw-crumbs .separator { color: #f59e0b; margin: 0 8px; font-weight: 700; }
.breadcrumb-custom.tw-crumbs .last { color: #7c2d12; }