/*
Theme Name: Unigrow
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** BRAND TOKEN FOUNDATION — UNIGROW v2.0 ***************/

:root {
  /* === PRIMARY — Sky Blue === */
  --primary-50:  #F5FAFF;
  --primary-100: #EAF4FF;
  --primary-300: #9CC9FF;
  --primary-400: #56A8FF;
  --primary-500: #2F80ED;
  --primary-600: #1C5ED6;
  --primary-700: #1448A8;

  /* === ACCENT — Growth Yellow === */
  --yellow-200: #FFF4B0;
  --yellow-400: #FFE27A;
  --yellow-500: #FFC83D;
  --yellow-700: #A87A00;

  /* === TEXT === */
  --text-heading:    #0A2540;
  --text-body:       #1F2937;
  --text-muted:      #5B6B7C;
  --text-disabled:   #A0AEC0;
  --text-on-primary: #FFFFFF;
  --text-link:       #1C5ED6;

  /* === BACKGROUND === */
  --bg-base:     #F5FAFF;
  --bg-elevated: #FFFFFF;
  --bg-soft:     #EAF4FF;
  --bg-overlay:  rgba(10, 37, 64, 0.5);

  /* === BORDER === */
  --border-default: #DCEAF7;
  --border-strong:  #9CC9FF;
  --divider:        #EAF4FF;

  /* === SEMANTIC === */
  --success: #16A34A;
  --warning: #EA8A0C;
  --error:   #DC2626;
  --info:    #2F80ED;

  /* === GRADIENT === */
  --gradient-hero: linear-gradient(180deg, #DCEEFF 0%, #F7FBFF 100%);
  --gradient-soft: linear-gradient(180deg, #EAF4FF 0%, #FFFFFF 100%);
  --gradient-cta:  linear-gradient(135deg, #2F80ED 0%, #1C5ED6 100%);
  --glow-growth:   radial-gradient(circle, rgba(255,244,176,0.8) 0%, rgba(255,244,176,0) 70%);
  --glow-blue:     radial-gradient(circle, rgba(86,168,255,0.4)  0%, rgba(86,168,255,0)  70%);

  /* === SHADOW (blue-tinted, never pure black) === */
  --shadow-1: 0 1px 3px rgba(28,94,214,0.08), 0 1px 2px rgba(28,94,214,0.04);
  --shadow-2: 0 4px 12px rgba(28,94,214,0.10), 0 2px 4px rgba(28,94,214,0.06);
  --shadow-3: 0 12px 32px rgba(28,94,214,0.14), 0 4px 8px rgba(28,94,214,0.06);
  --shadow-4: 0 24px 64px rgba(28,94,214,0.18), 0 8px 16px rgba(28,94,214,0.08);
  --shadow-glow-yellow: 0 0 64px 16px rgba(255,200,61,0.35);
  --shadow-glow-blue:   0 0 48px 12px rgba(86,168,255,0.40);
  --shadow-input-focus: 0 0 0 3px rgba(47,128,237,0.20);

  /* === RADIUS === */
  --radius-none: 0;
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-xl:   32px;
  --radius-full: 9999px;

  /* === SPACING (8px grid) === */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-8:  48px;
  --space-10: 64px;
  --space-12: 96px;
  --space-16: 128px;

  /* === TYPOGRAPHY === */
  --font-heading: 'Mitr', 'Noto Sans Thai', system-ui, sans-serif;
  --font-body:    'Noto Sans Thai', 'Mitr', system-ui, sans-serif;
}

/* Override Flatsome base text color (#555 → brand token) */
body,
.body-font { color: var(--text-body); }

/* Thai headings: no word-break (Thai has no inter-word spaces) */
h1, h2, h3, h4, h5, h6 { word-break: keep-all; }

/************************************************************************/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* ===== SEO STRUCTURE FIXES (WEBSITE_AUDIT_FIX_PLAN.md) — KHONG dung stroke-* ===== */
/* A1: H1 trang chu (an, chi cho SEO/screen-reader) */
.seo-h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
/* A3: an link Login/tai khoan tren header */
li.nav-top-not-logged-in, a.nav-top-not-logged-in{display:none !important;}
/* A5: tinh chinh kho doc bai viet (chi trong single post, khong dung trang chu/landing) */
.single-post .entry-content{font-size:17px;line-height:1.85;}
.single-post .entry-content > p,
.single-post .entry-content > ul,
.single-post .entry-content > ol,
.single-post .entry-content > h2,
.single-post .entry-content > h3{max-width:760px;margin-left:auto;margin-right:auto;}
.single-post .entry-content h2{margin-top:1.6em;}
.single-post .entry-content h3{margin-top:1.2em;}
.single-post .entry-content img{border-radius:10px;}
/* A4: hop muc luc TOC */
.post-toc{max-width:760px;margin:24px auto;background:#f8fafc;border:1px solid #e3e8ef;border-radius:12px;padding:16px 20px;font-size:15px;}
.post-toc-title{font-weight:700;margin-bottom:8px;color:#0f172a;}
.post-toc ul{margin:0;padding:0;list-style:none;}
.post-toc li{margin:5px 0;line-height:1.5;}
.post-toc li.lvl-h3{padding-left:18px;font-size:14px;}
.post-toc a{color:#0b66c3;text-decoration:none;}
.post-toc a:hover{text-decoration:underline;}

/* ===== B2: Home knowledge hub ===== */
.home-knowledge-hub{max-width:1100px;margin:40px auto;padding:0 16px;text-align:center;}
.home-knowledge-hub h2{font-size:28px;margin-bottom:6px;}
.home-knowledge-hub .hub-sub{color:#64748b;margin-bottom:22px;}
.hub-cats{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:28px;}
.hub-cat{flex:1 1 220px;max-width:260px;background:#f0f7ff;border:1px solid #d6e6fb;border-radius:14px;padding:22px 16px;color:#0b66c3;font-weight:700;text-decoration:none;transition:.2s;}
.hub-cat:hover{background:#0b66c3;color:#fff;transform:translateY(-2px);}
.home-knowledge-hub h3{font-size:20px;margin:10px 0 12px;}
.hub-posts{list-style:none;padding:0;max-width:720px;margin:0 auto;text-align:left;}
.hub-posts li{padding:10px 0;border-bottom:1px solid #eef2f7;}
.hub-posts a{color:#1f2937;text-decoration:none;}
.hub-posts a:hover{color:#0b66c3;}

/* ===== B3: testimonial card (thay screenshot chat) ===== */
.tcard{padding:24px 22px;background:#fff;text-align:left;min-height:160px;display:flex;flex-direction:column;justify-content:center;}
.tcard-quote{font-size:16px;line-height:1.75;color:#1f2937;}
.tcard-who{margin-top:14px;font-weight:700;color:#0b66c3;font-size:14px;}

/* ===== 4.3b: References / sources block (E-E-A-T, knowledge posts) ===== */
.eeat-refs{border-top:2px solid #e3e8ef;margin:32px 0 0;padding-top:16px;font-size:14px;line-height:1.8;color:#475569;}
.eeat-refs-title{font-weight:700;color:#0b2a4a;margin-bottom:8px;font-size:16px;}
.eeat-refs-intro{margin:0 0 8px;color:#475569;}
.eeat-refs-list{margin:0 0 8px;padding-left:20px;}
.eeat-refs-list li{margin:4px 0;}
.eeat-refs-list a{color:#0b66c3;text-decoration:none;}
.eeat-refs-list a:hover{text-decoration:underline;}
.eeat-refs-note{margin:8px 0 0;font-size:13px;color:#94a3b8;}

/* ===== 2026-06-23: ẩn phần tử "Newsletter" (Flatsome) tiếng Anh — dọn header/footer site Thái ===== */
li.header-newsletter-item, .header-newsletter-item{display:none !important;}

/* ===== 2026-06-23: Phase 2 — redesign archive/category list (card căn trái) ===== */
.archive .article-inner, .blog .article-inner, .search .article-inner{
  background:#fff; border:1px solid #e6edf5; border-left:4px solid #0b66c3;
  border-radius:12px; padding:22px 26px; margin-bottom:22px;
  box-shadow:0 2px 10px rgba(11,42,74,.05);
  transition:box-shadow .2s ease, transform .2s ease;
}
.archive .article-inner:hover, .blog .article-inner:hover, .search .article-inner:hover{
  box-shadow:0 8px 22px rgba(11,42,74,.10); transform:translateY(-2px);
}
/* căn trái toàn bộ nội dung card */
.archive .entry-header-text.text-center, .blog .entry-header-text.text-center,
.archive .entry-summary .text-center, .blog .entry-summary .text-center{ text-align:left !important; }
/* nhãn category */
.archive .entry-category, .blog .entry-category{ margin:0 0 6px; }
.archive .entry-category a, .blog .entry-category a{ color:#0b66c3; font-weight:600; }
/* tiêu đề */
.archive .entry-title, .blog .entry-title{ font-size:21px; line-height:1.45; margin:0 0 6px; }
.archive .entry-title a, .blog .entry-title a{ color:#0b2a4a; }
.archive .entry-title a:hover, .blog .entry-title a:hover{ color:#0b66c3; }
/* ẩn divider căn giữa thừa */
.archive .entry-divider, .blog .entry-divider,
.archive .entry-header-text .is-divider, .blog .entry-header-text .is-divider{ display:none !important; }
/* meta */
.archive .entry-meta, .blog .entry-meta{ color:#7b8794; margin-bottom:10px; }
/* tóm tắt */
.archive .entry-summary p, .blog .entry-summary p{ color:#475569; line-height:1.75; margin:0 0 14px; }
/* nút đọc tiếp: brand pill đặc, căn trái */
.archive .entry-content .more-link.button, .blog .entry-content .more-link.button{
  background-color:#0b66c3 !important; color:#fff !important; border:none !important;
  border-radius:999px !important; padding:9px 24px !important; font-size:13px !important;
  box-shadow:none !important; margin:0 !important;
}
.archive .entry-content .more-link.button:hover, .blog .entry-content .more-link.button:hover{
  background-color:#094f99 !important;
}
/* footer "หมวดหมู่" gọn */
.archive footer.entry-meta, .blog footer.entry-meta{
  font-size:12px; margin-top:8px; border-top:1px solid #f0f3f7; padding-top:10px;
}
/* tiêu đề trang archive gọn lại */
.archive .page-title, .blog .page-title{ font-size:26px; }