/* ==========================================================================
   AHA DA NANG — DESIGN SYSTEM (v133)
   Một ngôn ngữ thiết kế cho toàn web, lấy từ trang /rentals:
   khung tối (header, footer, hero) + giấy sáng cho nội dung đọc, màu nhấn hồng #FF385C.
   File này nạp SAU main.css và không áp dụng cho trang bản đồ /rentals (có CSS riêng).
   ========================================================================== */

:root {
	--ahd-primary: #ff385c;
	--ahd-primary-hover: #e11d48;
	--ahd-primary-text: #e11d48;          /* chữ hồng trên nền trắng (đủ tương phản) */
	--ahd-primary-soft: #fff1f3;
	--ahd-primary-glow: rgba(255, 56, 92, 0.35);
	--ahd-dark: #121418;
	--ahd-dark-2: #1a1d24;
	--ahd-dark-border: rgba(255, 255, 255, 0.12);
	--ahd-on-dark: #f3f4f6;
	--ahd-on-dark-muted: #9ca3af;
	--ahd-paper: #f6f7f9;
	--ahd-card: #ffffff;
	--ahd-border: #e5e7eb;
	--ahd-ink: #111827;
	--ahd-ink-2: #374151;
	--ahd-muted: #6b7280;
	--ahd-money: #059669;                  /* chỉ dùng cho giá tiền / thành công */
	--ahd-radius: 12px;
	--ahd-radius-lg: 16px;
	--ahd-shadow: 0 6px 24px rgba(17, 24, 39, 0.08);
	--ahd-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Helvetica, Arial, sans-serif;

	/* Đổi bộ màu cũ (xanh ngọc) của main.css sang hồng để mọi chỗ dùng biến tự đồng bộ */
	--affidy-color-brand: #e11d48;
	--affidy-color-brand-bright: #ff385c;
	--affidy-color-brand-soft: #fff1f3;
	--affidy-color-ink: #111827;
	--affidy-color-muted: #6b7280;
	--affidy-color-bg-alt: #f6f7f9;
	--affidy-radius: 12px;
	--affidy-radius-lg: 16px;
	--affidy-gradient-brand: linear-gradient(135deg, #ff385c 0%, #e11d48 100%);
	--affidy-gradient-cta: linear-gradient(135deg, #ff385c 0%, #e11d48 100%);
	--affidy-gradient-text: linear-gradient(120deg, #ff385c 0%, #fb7185 100%);
	--affidy-shadow-glow-brand: 0 10px 28px rgba(255, 56, 92, 0.28);
	--affidy-shadow-soft: 0 4px 20px rgba(17, 24, 39, 0.08);
}

/* ---------- 1. Chữ ---------- */
body:not(.page-template-template-rental-map) {
	font-family: var(--ahd-font);
	color: var(--ahd-ink-2);
	background: var(--ahd-paper);
	-webkit-font-smoothing: antialiased;
}
body:not(.page-template-template-rental-map) h1,
body:not(.page-template-template-rental-map) .entry-title,
body:not(.page-template-template-rental-map) .page-title {
	font-weight: 800;
	letter-spacing: -0.02em;
	font-size: clamp(1.75rem, 1.2rem + 2vw, 2.25rem);
	line-height: 1.15;
}
body:not(.page-template-template-rental-map) h2 {
	font-weight: 700;
	letter-spacing: -0.01em;
	font-size: clamp(1.25rem, 1.05rem + 1vw, 1.5rem);
	line-height: 1.3;
}
body:not(.page-template-template-rental-map) h3 { font-weight: 700; }
body:not(.page-template-template-rental-map) .entry-content p,
body:not(.page-template-template-rental-map) .entry-content li {
	font-size: 17px;
	line-height: 1.65;
}
body:not(.page-template-template-rental-map) .entry-content a:not([class]),
body:not(.page-template-template-rental-map) .inside-article a:not([class]) {
	color: var(--ahd-primary-text);
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}
body:not(.page-template-template-rental-map) .entry-content a:not([class]):hover { color: var(--ahd-primary-hover); }

/* ---------- 2. Header tối cho mọi trang (giống trang chủ & /rentals) ---------- */
body:not(.page-template-template-rental-map) .site-header,
body:not(.page-template-template-rental-map) .main-navigation,
body:not(.page-template-template-rental-map) .main-navigation ul,
body:not(.page-template-template-rental-map) .main-navigation .main-nav ul ul {
	background: var(--ahd-dark) !important;
}
body:not(.page-template-template-rental-map) .site-header { border-bottom: 1px solid var(--ahd-dark-border); }
body:not(.page-template-template-rental-map) .main-title,
body:not(.page-template-template-rental-map) .main-title a {
	color: #ffffff !important;
	font-weight: 800 !important;
	letter-spacing: -0.01em;
}
body:not(.page-template-template-rental-map) .main-navigation a,
body:not(.page-template-template-rental-map) .menu-toggle,
body:not(.page-template-template-rental-map) .mobile-bar-items a {
	color: var(--ahd-on-dark) !important;
	font-weight: 600;
}
body:not(.page-template-template-rental-map) .main-navigation a:hover,
body:not(.page-template-template-rental-map) .main-navigation a:focus,
body:not(.page-template-template-rental-map) .main-navigation .current-menu-item > a,
body:not(.page-template-template-rental-map) .main-navigation .current_page_item > a,
body:not(.page-template-template-rental-map) .main-navigation .current_page_ancestor > a {
	color: var(--ahd-primary) !important;
}
body:not(.page-template-template-rental-map) .menu-toggle { background: transparent !important; }

/* Điện thoại: header 1 hàng (logo + Get the App + ☰), bỏ hàng "☰ Menu" thứ hai */
@media (max-width: 768px) {
	body:not(.page-template-template-rental-map) .inside-header { flex-wrap: wrap; }
	body:not(.page-template-template-rental-map).has-inline-mobile-toggle #site-navigation.sub-menu-right:not(.toggled),
	body:not(.page-template-template-rental-map) .has-inline-mobile-toggle #site-navigation:not(.toggled) {
		flex: 0 0 0px !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
	}
	body:not(.page-template-template-rental-map) #site-navigation .inside-navigation > .menu-toggle { display: none !important; }
	body:not(.page-template-template-rental-map) #site-navigation.toggled { flex-basis: 100% !important; height: auto !important; }
	body:not(.page-template-template-rental-map) .mobile-menu-control-wrapper { margin-left: 0 !important; }
	body:not(.page-template-template-rental-map) .main-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex-shrink: 1; }
	body:not(.page-template-template-rental-map) .main-navigation ul,
	body:not(.page-template-template-rental-map) .main-navigation li,
	body:not(.page-template-template-rental-map) .main-navigation a { text-align: center !important; }
}

/* ---------- 3. Footer ---------- */
.affidy-site-footer { background: var(--ahd-dark) !important; color: var(--ahd-on-dark-muted); }
.affidy-site-footer::before { background: linear-gradient(90deg, var(--ahd-primary), #fb7185) !important; }
.affidy-footer-col a:hover,
.affidy-footer-col a:focus,
.affidy-footer-legal-nav a:hover,
.affidy-footer-legal-nav a:focus { color: var(--ahd-primary) !important; }

/* ---------- 4. Nút ---------- */
body:not(.page-template-template-rental-map) .wp-block-button__link,
body:not(.page-template-template-rental-map) button.button,
body:not(.page-template-template-rental-map) a.button,
body:not(.page-template-template-rental-map) input[type="submit"],
.affidy-home-hero-cta,
.affidy-tool-btn-primary {
	background: var(--ahd-primary) !important;
	background-image: none !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: var(--ahd-radius) !important;
	font-weight: 700 !important;
	box-shadow: 0 6px 18px var(--ahd-primary-glow) !important;
	transition: background-color .15s ease, transform .15s ease !important;
}
body:not(.page-template-template-rental-map) .wp-block-button__link:hover,
body:not(.page-template-template-rental-map) a.button:hover,
body:not(.page-template-template-rental-map) input[type="submit"]:hover,
.affidy-home-hero-cta:hover,
.affidy-tool-btn-primary:hover {
	background: var(--ahd-primary-hover) !important;
	transform: translateY(-1px);
}
.btn-mcb-whatsapp { border-color: var(--ahd-ink) !important; color: var(--ahd-ink) !important; border-radius: var(--ahd-radius) !important; }

/* ---------- 5. Thẻ (card) ---------- */
.affidy-tool-card,
.affidy-deal-card,
.neighborhood-card,
.banking-card,
.affidy-blog-card,
.affidy-home-solved-card,
.affidy-home-browse-card {
	border-radius: var(--ahd-radius-lg) !important;
	border: 1px solid var(--ahd-border) !important;
	box-shadow: var(--ahd-shadow) !important;
}

/* ---------- 6. Hero / dải tiêu đề tối (giống khung /rentals) ---------- */
.affidy-tools-hero,
.affidy-tools-cta-box {
	background: radial-gradient(120% 140% at 85% 0%, rgba(255, 56, 92, 0.22) 0%, rgba(255, 56, 92, 0) 55%), linear-gradient(160deg, var(--ahd-dark-2) 0%, var(--ahd-dark) 100%) !important;
	color: #ffffff !important;
}
.affidy-bc-current { color: #fda4af !important; }
.affidy-tools-badge { background: rgba(255, 56, 92, 0.16) !important; border-color: rgba(255, 56, 92, 0.45) !important; color: #ffe4e6 !important; }
.affidy-tools-cta-badge { color: #fda4af !important; }
.affidy-tool-card-body h2 a:hover { color: var(--ahd-primary-text) !important; }

/* Trang mặc định (Calculator, Checklist, Contact, Verified, bài blog): tiêu đề nằm trên dải tối */
body.page:not(.page-template-template-rental-map):not(.page-template-template-tools):not(.page-template-template-currency-converter):not(.page-template-template-blog):not(.page-template-template-deals) .inside-article > .entry-header,
body.single-post .inside-article > .entry-header,
.affidy-verified-business .entry-header {
	background: radial-gradient(120% 160% at 90% 0%, rgba(255, 56, 92, 0.22) 0%, rgba(255, 56, 92, 0) 55%), linear-gradient(160deg, var(--ahd-dark-2) 0%, var(--ahd-dark) 100%);
	color: var(--ahd-on-dark);
	border-radius: var(--ahd-radius-lg);
	padding: 28px 28px 24px;
	margin-bottom: 1.6em;
}
body.page:not(.page-template-template-rental-map) .inside-article > .entry-header .entry-title,
body.single-post .inside-article > .entry-header .entry-title,
.affidy-verified-business .entry-header .entry-title,
.affidy-verified-business .entry-header p,
.affidy-verified-business .entry-header span { color: #ffffff; margin-top: 0; }
.affidy-verified-business .entry-header .affidy-verified-subtitle { color: var(--ahd-on-dark-muted) !important; }
body.single-post .inside-article > .entry-header .entry-meta,
body.single-post .inside-article > .entry-header .entry-meta a { color: var(--ahd-on-dark-muted) !important; }
@media (max-width: 768px) {
	body.page:not(.page-template-template-rental-map) .inside-article > .entry-header,
	body.single-post .inside-article > .entry-header { padding: 22px 18px 18px; }
}
body:not(.page-template-template-rental-map).separate-containers .inside-article {
	border-radius: var(--ahd-radius-lg);
	border: 1px solid var(--ahd-border);
}

/* ---------- 7. Blog ---------- */
.single-post .entry-content h2 { color: var(--ahd-ink) !important; }
.single-post .entry-content .aha-key-takeaways {
	background: var(--ahd-primary-soft) !important;
	border: 1px solid #fecdd3 !important;
	border-left: 5px solid var(--ahd-primary) !important;
	border-radius: var(--ahd-radius) !important;
}
.single-post .entry-content .aha-key-takeaways p,
.single-post .entry-content .aha-key-takeaways li { color: var(--ahd-ink) !important; }
.single-post .entry-content thead th { background: var(--ahd-dark) !important; color: #ffffff !important; border-color: var(--ahd-dark) !important; }
.affidy-archive-hero-scrim,
.affidy-home-hero-scrim {
	background: linear-gradient(190deg, rgba(18, 20, 24, 0.35) 0%, rgba(18, 20, 24, 0.35) 45%, rgba(18, 20, 24, 0.85) 100%) !important;
}

/* ---------- 8. Trang chủ: biểu tượng & nhấn theo màu hồng ---------- */
body.home .affidy-home-browse-card h3 { color: #ffffff !important; }
body.home .affidy-home-browse-icon,
body.home .affidy-home-solved-icon,
.affidy-home-solved-card .affidy-home-solved-icon,
.affidy-home-browse-card .affidy-home-browse-icon {
	background: linear-gradient(135deg, #ff385c 0%, #fb7185 100%) !important;
}
body.home .main-navigation a:hover,
body.home .main-navigation a:focus { color: var(--ahd-primary) !important; }
.affidy-home-why-scrim {
	background: linear-gradient(160deg, rgba(18, 20, 24, 0.92) 0%, rgba(26, 29, 36, 0.86) 55%, rgba(18, 20, 24, 0.92) 100%) !important;
}

/* ---------- 9. Deals ---------- */
.affidy-deal-media { background-color: var(--ahd-dark) !important; } /* giữ ảnh nền của từng deal */
.affidy-deal-badge { background: var(--ahd-primary) !important; color: #ffffff !important; }
.affidy-deal-price { color: var(--ahd-money) !important; }

/* ---------- 10. Công cụ: máy tính chi phí, checklist ---------- */
.affidy-calculator input[type="radio"],
.affidy-checklist input[type="checkbox"],
.entry-content input[type="checkbox"],
.entry-content input[type="radio"] { accent-color: var(--ahd-primary); }
.affidy-calculator-total { color: var(--ahd-primary-text) !important; font-weight: 800 !important; }
.affidy-calculator select,
.entry-content select {
	border-radius: var(--ahd-radius);
	border: 1px solid var(--ahd-border);
	padding: 8px 12px;
}
.affidy-checklist-progress-bar,
.affidy-checklist-progress span,
.affidy-checklist progress::-webkit-progress-value { background: var(--ahd-primary) !important; }
.affidy-checklist progress { accent-color: var(--ahd-primary); }

/* ---------- 11. Trang đổi tiền: tiêu đề trung tính, nhấn hồng, xanh lá chỉ cho số tiền ---------- */
body.page-template-template-currency-converter .seo-section h2,
body.page-template-template-currency-converter h2 { color: var(--ahd-ink) !important; }
.ai-overview-box,
.calc-side-tip-card,
.master-conversion-banner,
.real-data-citation { border-left-color: var(--ahd-primary) !important; }
.real-data-citation a,
.btn-text-link:hover { color: var(--ahd-primary-text) !important; }
.tip-num,
.rate-benchmark-bar .bm-dot { background: var(--ahd-primary) !important; }
.mcb-tag { color: var(--ahd-primary-text) !important; }
.benchmarks-table .col-usd,
.log-count-badge { color: var(--ahd-money) !important; }
.curr-note-input:focus,
.curr-quick-note-input:focus,
.curr-select-input:focus,
.currency-input-wrapper input:focus { border-color: var(--ahd-primary) !important; }

/* ---------- 12. Nút "Get the App" (mọi trang) ---------- */
.aha-get-app-btn { background: var(--ahd-primary-hover) !important; background-image: none !important; } /* #e11d48: chữ trắng đủ tương phản */

/* ---------- 13. Nút Deals: xanh lá (theo yêu cầu) ---------- */
.affidy-deal-cta {
	background: #10b981 !important;
	background-image: none !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: var(--ahd-radius) !important;
	font-weight: 700 !important;
	box-shadow: 0 6px 18px rgba(16, 185, 129, 0.3) !important;
}
.affidy-deal-cta:hover,
.affidy-deal-cta:focus { background: #059669 !important; color: #ffffff !important; }

/* ---------- 14. Footer điện thoại: EXPLORE và COMPANY nằm cạnh nhau ---------- */
@media (max-width: 768px) {
	.affidy-footer-columns {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		column-gap: 1.25rem !important;
		row-gap: 1.5rem !important;
	}
	.affidy-footer-col-brand { grid-column: 1 / -1 !important; }
}

/* ---------- 15. Ảnh trong bài blog ---------- */
.single-post .entry-content .aha-blog-figure { margin: 1.4em 0 1.6em; }
.single-post .entry-content .aha-blog-figure img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: var(--ahd-radius-lg);
}

/* ---------- 16. Trang đổi tiền: mọi nút trong trang màu xanh lá (theo yêu cầu) ---------- */
body.page-template-template-currency-converter .entry-content button:not(.copy):not([class*="swap"]):not([class*="toggle"]),
.btn-bankrate-green, .btn-bridge-map, .btn-guide-inline, .btn-mcb-primary, .btn-nb-link, .btn-quick-save-full,
.btn-primary-install, .btn-pwa-modal-ok, .btn-secondary-bookmark {
	background: #15803d !important; /* trước #16a34a: chữ trắng chỉ đạt 3,3:1 */
	background-image: none !important;
	color: #ffffff !important;
	border-color: #15803d !important;
	border-radius: var(--ahd-radius) !important;
	box-shadow: 0 6px 18px rgba(22, 163, 74, 0.28) !important;
}
.btn-bankrate-green:hover, .btn-bridge-map:hover, .btn-guide-inline:hover, .btn-mcb-primary:hover, .btn-nb-link:hover, .btn-quick-save-full:hover,
.btn-primary-install:hover, .btn-pwa-modal-ok:hover, .btn-secondary-bookmark:hover { background: #166534 !important; border-color: #166534 !important; }
.btn-mcb-whatsapp { border-color: #16a34a !important; color: #15803d !important; }
body.page-template-template-currency-converter .real-data-citation,
body.page-template-template-currency-converter .master-conversion-banner,
body.page-template-template-currency-converter .calc-side-tip-card,
body.page-template-template-currency-converter .ai-overview-box { border-left-color: #16a34a !important; }
body.page-template-template-currency-converter .tip-num,
body.page-template-template-currency-converter .rate-benchmark-bar .bm-dot { background: #16a34a !important; }

/* ---------- 17. Trang chủ: 2 thẻ "Free Tools" / "Deals" nền xanh lá ---------- */
.affidy-home-entry-card {
	background: linear-gradient(145deg, #059669 0%, #047857 100%) !important;
	border-color: #047857 !important;
	color: #ffffff !important;
}
body.home .affidy-home-entry-card h3,
body.home .affidy-home-entry-card p,
.affidy-home-entry-card h3,
.affidy-home-entry-card p { color: #ffffff !important; opacity: 1; }
body.home .affidy-home-entries h2,
.affidy-home-entries h2 { color: var(--ahd-ink) !important; }
.affidy-home-entry-card:hover,
.affidy-home-entry-card:focus-visible { background: linear-gradient(145deg, #047857 0%, #065f46 100%) !important; }

/* ---------- 18. Trang đổi tiền: khung cài app 1 hàng gọn ---------- */
.retention-app-card.aha-app-compact {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 8px 12px !important;
	margin: 8px 0 12px !important;
	border-radius: var(--ahd-radius) !important;
}
.aha-app-compact .aha-app-compact-icon { font-size: 18px; line-height: 1; flex: 0 0 auto; }
.aha-app-compact .aha-app-compact-text { margin: 0 !important; flex: 1 1 auto; min-width: 0; font-size: 12.5px; line-height: 1.4; color: var(--ahd-ink-2); }
.aha-app-compact .btn-primary-install {
	flex: 0 0 auto !important;
	width: auto !important;
	padding: 7px 14px !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	min-height: 0 !important;
	white-space: nowrap;
	box-shadow: none !important;
}

/* ---------- 19. Bình luận bài blog (đăng nhập Google) ---------- */
.aha-cmt { margin-top: 2.5em; padding-top: 1.5em; border-top: 1px solid var(--ahd-border); }
.aha-cmt h2 { margin: 0 0 0.8em; }
.aha-cmt-list { list-style: none; margin: 0 0 1.5em; padding: 0; display: grid; gap: 14px; }
.aha-cmt-item { display: flex; gap: 12px; align-items: flex-start; }
.aha-cmt-avatar { width: 40px; height: 40px; border-radius: 50%; flex: 0 0 40px; object-fit: cover; }
.aha-cmt-initial { display: inline-flex; align-items: center; justify-content: center; background: var(--ahd-dark); color: #fff; font-weight: 700; }
.aha-cmt-body { flex: 1 1 auto; min-width: 0; background: var(--ahd-paper); border: 1px solid var(--ahd-border); border-radius: var(--ahd-radius); padding: 10px 14px; }
.aha-cmt-meta { margin: 0 0 4px !important; font-size: 14px !important; color: var(--ahd-muted); }
.aha-cmt-meta strong { color: var(--ahd-ink); margin-right: 6px; }
.aha-cmt-text p { margin: 0 0 6px !important; font-size: 16px !important; line-height: 1.55 !important; word-wrap: break-word; }
.aha-cmt-empty, .aha-cmt-hint { color: var(--ahd-muted); font-size: 15px !important; }
.aha-cmt-compose { background: var(--ahd-paper); border: 1px solid var(--ahd-border); border-radius: var(--ahd-radius-lg); padding: 16px; }
.aha-cmt-signin { min-height: 44px; }
.aha-cmt-form { display: grid; gap: 10px; }
.aha-cmt-form[hidden], .aha-cmt-signin[hidden] { display: none !important; }
.aha-cmt-as { margin: 0 !important; font-weight: 600; color: var(--ahd-ink); font-size: 15px !important; }
.aha-cmt-form textarea { width: 100%; border: 1px solid var(--ahd-border); border-radius: var(--ahd-radius); padding: 10px 12px; font: inherit; font-size: 16px; resize: vertical; background: #fff; color: var(--ahd-ink); }
.aha-cmt-form textarea:focus { outline: 2px solid var(--ahd-primary); outline-offset: 1px; }
.aha-cmt-submit { justify-self: start; background: var(--ahd-primary) !important; color: #fff !important; border: 0 !important; border-radius: var(--ahd-radius) !important; padding: 10px 18px !important; font-weight: 700 !important; cursor: pointer; }
.aha-cmt-submit:disabled { opacity: 0.6; cursor: wait; }
.aha-cmt-status { margin: 0 !important; font-size: 14px !important; color: var(--ahd-ink-2); }
.aha-cmt-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

/* ---------- 20. Tương phản chữ (PageSpeed / người đọc) ---------- */
body.home .affidy-home-browse > h2 { color: var(--ahd-ink) !important; }
body.home .affidy-home-browse > .affidy-home-section-subtext { color: #4b5563 !important; }
body.home .affidy-home-hero-media picture { display: contents; }

/* ---------- 21. Tương phản chữ (PageSpeed / người đọc) — đợt 2 ---------- */
.affidy-deal-badge { background: #e11d48 !important; color: #ffffff !important; }
.affidy-deal-price, .affidy-deal-price * { color: #047857 !important; }
.affidy-blog-card-readmore { color: #be123c !important; }
body.page-template-template-currency-converter .real-data-citation a,
body.page-template-template-currency-converter .mcb-tag { color: #be123c !important; }
body.page-template-template-currency-converter #log-count-badge,
body.page-template-template-currency-converter td.col-usd strong { color: #047857 !important; }
body.page-template-template-currency-converter .formula-examples small { color: #64748b !important; }
#btn-set-default-pair { min-height: 24px; padding: 4px 8px; }