/*
Theme Name: MusicAI VN
Theme URI: https://musicai.vn
Author: MusicAI Team
Author URI: https://musicai.vn
Description: Theme tối giản, sạch và sang cho musicai.vn. Tối ưu cho Gutenberg và các shortcode của plugin Music AI VN.
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: musicai-vn
Tags: custom-logo, custom-menu, featured-images, block-styles, wide-blocks
*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');

:root{
  --bg: #fbfbfc;
  --surface: #ffffff;
  --text: #0f172a; /* slate-900 */
  --muted: #475569; /* slate-600 */
  --border: rgba(15, 23, 42, .10);
  --shadow: 0 12px 40px rgba(2, 6, 23, .08);
  --shadow-sm: 0 10px 24px rgba(2, 6, 23, .06);
  --radius: 16px;
  --radius-sm: 12px;
  --container: 1160px;
  --accent: #16a34a; /* green-600 */
  --accent-2: #0ea5e9; /* sky-500 */
  --focus: rgba(14,165,233,.35);
  --font-sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Dark landing (home) */
  --d-bg: #07120e;
  --d-surface: rgba(10, 26, 18, .74);
  --d-surface-2: rgba(10, 26, 18, .52);
  --d-text: rgba(236, 253, 245, .92);
  --d-muted: rgba(236, 253, 245, .72);
  --d-border: rgba(16, 185, 129, .16);
  --d-accent: #22c55e;
  --d-accent-2: #34d399;
  --d-glow: 0 0 0 1px rgba(34,197,94,.12), 0 24px 70px rgba(16,185,129,.12);
}

/* Base */
html{ box-sizing:border-box; }
*,*:before,*:after{ box-sizing:inherit; }
body{
  margin:0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img{ max-width:100%; height:auto; }
a{ color: inherit; text-decoration: none; }
a:hover{ opacity:.92; }

.container{
  width: min(100% - 40px, var(--container));
  margin-inline: auto;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 650;
  letter-spacing: .1px;
  border: 1px solid var(--border);
  background: var(--surface);
  box-shadow: 0 8px 20px rgba(2,6,23,.06);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.btn:hover{ transform: translateY(-1px); box-shadow: var(--shadow-sm); }
.btn:focus{ outline: none; box-shadow: 0 0 0 4px var(--focus), var(--shadow-sm); }
.btn--primary{
  background: linear-gradient(135deg, var(--accent), #22c55e);
  color: #06110a;
  border-color: rgba(34,197,94,.35);
}
.btn--ghost{
  background: transparent;
  box-shadow: none;
}

.card{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}

/* Header */
.site-header{
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(10px);
  background: rgba(251, 251, 252, .75);
  border-bottom: 1px solid rgba(15,23,42,.06);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 0;
}
.brand{
  display:flex;
  align-items:center;
  gap: 12px;
  font-weight: 760;
  letter-spacing: .2px;
}
.brand img{ width: 34px; height: 34px; border-radius: 10px; }
.brand .brand-text{ display:flex; flex-direction:column; line-height:1.1; }
.brand .brand-text small{ color: var(--muted); font-weight: 560; }

.nav{
  display:flex;
  align-items:center;
  gap: 18px;
}
.nav ul {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav a{
  color: rgba(15,23,42,.82);
  font-weight: 600;
  padding: 10px 10px;
  border-radius: 999px;
  display: inline-block;
}
.nav a:hover{ background: rgba(15,23,42,.04); opacity:1; }

.header-actions{
  display:flex;
  align-items:center;
  gap: 10px;
}

.nav-toggle{
  display:none;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  padding: 10px 12px;
}

.mobile-nav {
  display: none;
}

@media (max-width: 920px){
  .nav{ display:none; }
  .nav-toggle{ display:inline-flex; }
  .header-actions .btn--ghost{ display:none; }
  .mobile-nav{
    display:none;
    padding: 0 0 14px 0;
  }
  .mobile-nav.is-open{ display:block; }
  .mobile-nav a{
    display:block;
    padding: 12px 10px;
    border-radius: 12px;
    border: 1px solid rgba(15,23,42,.06);
    background: rgba(255,255,255,.7);
    margin-top: 8px;
    font-weight: 650;
  }
}

/* Footer */
.site-footer{
  margin-top: 60px;
  padding: 44px 0;
  border-top: 1px solid rgba(15,23,42,.08);
  background: linear-gradient(180deg, rgba(251,251,252,0) 0%, rgba(255,255,255,.8) 100%);
}
.footer-grid{
  display:grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 24px;
}
.footer-title{ font-weight: 800; margin: 0 0 8px 0; }
.footer-muted{ color: var(--muted); margin: 0; }
.footer-links a{
  display:block;
  padding: 8px 0;
  color: rgba(15,23,42,.78);
}
.footer-bottom{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(15,23,42,.06);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 16px;
  color: rgba(15,23,42,.62);
  font-size: 13px;
}
@media (max-width: 920px){
  .footer-grid{ grid-template-columns: 1fr; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; }
}

/* Content */
.site-main{ padding: 34px 0 0; }

/* Fix: ép trang create-music không bị sidebar layout 3 cột từ builder cũ */
.mai-saas-container {
    width: 100% !important;
    max-width: 900px !important;
    box-sizing: border-box !important;
}
/* Ẩn cột sidebar rỗng nếu bị inject từ theme/builder */
.page-id-create-music .ast-content-layout-flag,
.page-id-create-music .ast-layout-contentwrap,
[class*="elementor-column"]:empty,
.sidebar:empty,
.widget-area:empty {
    display: none !important;
}
/* Đảm bảo entry-content không bị giới hạn bởi grid 3 cột */
.entry-content .mai-saas-container {
    margin-left: auto !important;
    margin-right: auto !important;
}
.page-hero{
  padding: 56px 0 24px;
}
.hero-grid{
  display:grid;
  grid-template-columns: 1.25fr .85fr;
  gap: 28px;
  align-items: center;
}
.hero-title{
  margin:0;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.05;
  letter-spacing: -0.8px;
}
.hero-sub{
  margin: 14px 0 0;
  color: rgba(15,23,42,.72);
  font-size: 16px;
  max-width: 60ch;
}
.hero-actions{ margin-top: 22px; display:flex; gap: 10px; flex-wrap: wrap; }
.hero-panel{
  padding: 18px;
  border-radius: var(--radius);
  border: 1px solid rgba(15,23,42,.10);
  background: radial-gradient(120% 120% at 0% 0%, rgba(34,197,94,.15) 0%, rgba(14,165,233,.10) 35%, rgba(255,255,255,.92) 70%);
  box-shadow: var(--shadow);
}
.hero-panel h3{ margin: 0 0 10px; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; color: rgba(15,23,42,.62); }
.hero-panel ul{ margin:0; padding-left: 18px; color: rgba(15,23,42,.76); }
.hero-panel li{ margin: 8px 0; }

@media (max-width: 920px){
  .hero-grid{ grid-template-columns: 1fr; }
}

.section{
  margin-top: 28px;
  padding: 26px 0;
}
.section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 18px;
  margin-bottom: 16px;
}
.section-title{
  margin:0;
  font-size: 20px;
  letter-spacing: -0.2px;
}
.section-desc{ margin:0; color: rgba(15,23,42,.68); max-width: 70ch; }

.feature-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.feature{
  padding: 18px;
  border-radius: var(--radius);
  background: var(--surface);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: var(--shadow-sm);
}
.feature h3{ margin: 0 0 8px; font-size: 16px; }
.feature p{ margin:0; color: rgba(15,23,42,.72); }
@media (max-width: 920px){
  .feature-grid{ grid-template-columns: 1fr; }
}

/* WordPress blocks */
.entry-content > *{ margin-bottom: 16px; }
.entry-content h1,.entry-content h2,.entry-content h3{ letter-spacing: -0.3px; }
.entry-content a{ color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.entry-content a:hover{ opacity: .9; }
.wp-block-image img{ border-radius: 14px; border: 1px solid rgba(15,23,42,.08); }
.wp-block-quote{
  margin: 18px 0;
  padding: 16px 16px 16px 18px;
  border-left: 3px solid rgba(34,197,94,.6);
  background: rgba(34,197,94,.06);
  border-radius: 12px;
}

/* Useful layouts for pages */
.content-wrap{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap: 22px;
  align-items:start;
}
.sidebar{
  position: sticky;
  top: 92px;
  padding: 16px;
}
@media (max-width: 980px){
  .content-wrap{ grid-template-columns: 1fr; }
  .sidebar{ position: static; }
}

/* ============================
   Premium dark landing (Home)
   ============================ */

.is-home-dark{
  background: radial-gradient(1200px 600px at 20% -10%, rgba(34,197,94,.20) 0%, rgba(7,18,14,0) 60%),
              radial-gradient(900px 520px at 80% 10%, rgba(52,211,153,.14) 0%, rgba(7,18,14,0) 60%),
              var(--d-bg);
  color: var(--d-text);
}

.is-home-dark .site-header{
  background: rgba(7, 18, 14, .55);
  border-bottom: 1px solid rgba(34,197,94,.10);
}
.is-home-dark .brand .brand-text small{ color: rgba(236,253,245,.62); }
.is-home-dark .nav a{ color: rgba(236,253,245,.78); }
.is-home-dark .nav a:hover{ background: rgba(34,197,94,.10); opacity:1; }
.is-home-dark .btn{
  border-color: rgba(34,197,94,.18);
  background: rgba(10,26,18,.55);
  color: rgba(236,253,245,.90);
  box-shadow: none;
}
.is-home-dark .btn:hover{ box-shadow: var(--d-glow); }
.is-home-dark .btn--primary{
  background: linear-gradient(135deg, rgba(34,197,94,.95), rgba(16,185,129,.95));
  color: #06110a;
  border-color: rgba(34,197,94,.30);
}
.is-home-dark .btn--ghost{
  background: transparent;
  border-color: rgba(236,253,245,.18);
}
.is-home-dark .nav-toggle{
  background: rgba(10,26,18,.55);
  color: rgba(236,253,245,.90);
  border-color: rgba(34,197,94,.18);
}
.is-home-dark .mobile-nav a{
  background: rgba(10,26,18,.65);
  border-color: rgba(34,197,94,.18);
  color: rgba(236,253,245,.88);
}

.home-hero{
  padding: 72px 0 26px;
  position: relative;
}
.home-hero:before{
  content:"";
  position:absolute;
  inset: -120px -60px auto -60px;
  height: 420px;
  background: radial-gradient(closest-side at 40% 50%, rgba(34,197,94,.22), rgba(7,18,14,0) 70%);
  pointer-events:none;
}
.home-hero:after{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  top: 168px;
  height: 120px;
  pointer-events:none;
  opacity: .9;
  background-repeat: repeat-x;
  background-position: 0% center;
  background-size: 1100px 120px;
  filter: drop-shadow(0 18px 45px rgba(16,185,129,.12));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1100' height='120' viewBox='0 0 1100 120'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23000000' stop-opacity='0'/%3E%3Cstop offset='0.12' stop-color='%2334d399' stop-opacity='0.18'/%3E%3Cstop offset='0.5' stop-color='%2322c55e' stop-opacity='0.35'/%3E%3Cstop offset='0.88' stop-color='%2334d399' stop-opacity='0.18'/%3E%3Cstop offset='1' stop-color='%23000000' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='blur'%3E%3CfeGaussianBlur stdDeviation='1.8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M0 70 C 90 64, 120 40, 170 54 C 220 68, 250 92, 310 78 C 370 64, 390 42, 450 52 C 510 62, 520 86, 580 76 C 640 66, 660 40, 720 54 C 780 68, 800 92, 860 78 C 920 64, 940 44, 1000 52 C 1060 60, 1080 74, 1100 68' fill='none' stroke='url(%23g)' stroke-width='2.2' filter='url(%23blur)'/%3E%3Cpath d='M0 74 C 90 68, 120 44, 170 58 C 220 72, 250 96, 310 82 C 370 68, 390 46, 450 56 C 510 66, 520 90, 580 80 C 640 70, 660 44, 720 58 C 780 72, 800 96, 860 82 C 920 68, 940 48, 1000 56 C 1060 64, 1080 78, 1100 72' fill='none' stroke='%2322c55e' stroke-opacity='0.10' stroke-width='8'/%3E%3C/svg%3E");
  will-change: background-position;
  animation: musicaiWaveMove 10s linear infinite;
}

@keyframes musicaiWaveMove{
  from { background-position: 0px center; }
  to { background-position: -1100px center; }
}

@media (prefers-reduced-motion: reduce){
  .home-hero:after{ animation: none; }
}
.home-hero .hero-inner{
  position: relative;
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 24px;
  align-items: start;
}
.hero-center{
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  padding: 6px 0 10px;
}
.home-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(34,197,94,.22);
  background: rgba(10,26,18,.55);
  color: rgba(236,253,245,.82);
  font-weight: 650;
}
.home-title{
  margin: 14px 0 0;
  font-size: clamp(36px, 4.2vw, 58px);
  line-height: 1.02;
  letter-spacing: -1.0px;
}
.home-title strong{
  font-weight: 900;
  background: linear-gradient(135deg, rgba(34,197,94,.95), rgba(52,211,153,.90));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
}
.home-sub{
  margin: 14px 0 0;
  color: rgba(236,253,245,.74);
  max-width: 62ch;
}
.hero-center .home-sub{ margin-left:auto; margin-right:auto; }

.prompt-wrap{
  margin-top: 18px;
  display:flex;
  justify-content:center;
}
.prompt-bar{
  width: min(720px, 100%);
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 999px;
  border: 0;
  outline: 0;
  background: rgba(10,26,18,.14);
  box-shadow: none;
  backdrop-filter: blur(8px);
}
.prompt-icon{
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(34,197,94,.14);
  border: 0;
  color: rgba(52,211,153,.95);
  flex: 0 0 auto;
}
.prompt-input{
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: rgba(236,253,245,.90);
  font-size: 14px;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.prompt-input:disabled{
  opacity: 1;
  -webkit-text-fill-color: rgba(236,253,245,.90);
}
.prompt-input::placeholder{ color: rgba(236,253,245,.55); }
.prompt-spark{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(236,253,245,.06);
  border: 0;
  color: rgba(236,253,245,.78);
  flex: 0 0 auto;
}

.hero-cta{ margin-top: 18px; display:flex; justify-content:center; }
.btn--hero{ padding: 12px 20px; }

.hero-badges{
  margin-top: 12px;
  display:flex;
  justify-content:center;
  gap: 14px;
  flex-wrap: wrap;
  color: rgba(236,253,245,.70);
  font-size: 13px;
}
.badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(34,197,94,.16);
  background: rgba(10,26,18,.35);
}
.dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(236,253,245,.25);
}
.dot-green{ background: rgba(34,197,94,.95); box-shadow: 0 0 0 3px rgba(34,197,94,.14); }
.home-actions{ margin-top: 18px; display:flex; gap: 10px; flex-wrap: wrap; }

.stat-row{
  margin-top: 16px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}
.stat{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(34,197,94,.16);
  background: rgba(10,26,18,.45);
  color: rgba(236,253,245,.82);
  font-size: 13px;
}
.stat strong{ color: rgba(236,253,245,.95); }

.glow-card{
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(34,197,94,.18);
  background: linear-gradient(180deg, rgba(10,26,18,.70) 0%, rgba(10,26,18,.50) 100%);
  box-shadow: var(--d-glow);
}
.glow-card h3{
  margin: 0 0 10px;
  font-size: 14px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(236,253,245,.66);
}
.checklist{ margin:0; padding-left: 18px; color: rgba(236,253,245,.78); }
.checklist li{ margin: 9px 0; }

.home-section{
  padding: 34px 0;
}
.home-section .section-title{
  color: rgba(236,253,245,.92);
  font-size: 22px;
}
.home-section .section-desc{ color: rgba(236,253,245,.68); }

.grid-2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.grid-3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.grid-4{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
@media (max-width: 920px){
  .home-hero .hero-inner{ grid-template-columns: 1fr; }
  .grid-2,.grid-3,.grid-4{ grid-template-columns: 1fr; }
}

.tile{
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(34,197,94,.18);
  background: rgba(10,26,18,.52);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
}
.tile h3{ margin: 0 0 8px; font-size: 16px; color: rgba(236,253,245,.92); }
.tile p{ margin:0; color: rgba(236,253,245,.70); }
.icon{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(34,197,94,.12);
  border: 1px solid rgba(34,197,94,.18);
  color: rgba(52,211,153,.95);
  margin-bottom: 10px;
  font-weight: 900;
}

.steps{ counter-reset: step; }
.step{
  position: relative;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(34,197,94,.18);
  background: rgba(10,26,18,.46);
}
.step:before{
  counter-increment: step;
  content: counter(step);
  position:absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(34,197,94,.14);
  border: 1px solid rgba(34,197,94,.18);
  color: rgba(236,253,245,.85);
  font-weight: 900;
}
.step h3{ margin: 0 0 8px; color: rgba(236,253,245,.92); }
.step p{ margin: 0; color: rgba(236,253,245,.70); }

.thumb{
  height: 140px;
  border-radius: 14px;
  border: 1px solid rgba(34,197,94,.16);
  background:
      radial-gradient(400px 180px at 20% 10%, rgba(34,197,94,.24), rgba(10,26,18,0) 60%),
      radial-gradient(400px 180px at 80% 40%, rgba(52,211,153,.18), rgba(10,26,18,0) 62%),
      rgba(10,26,18,.65);
  margin-bottom: 12px;
}
.meta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-top: 10px;
  color: rgba(236,253,245,.68);
  font-size: 13px;
}

.pricing{
  align-items: stretch;
}
.price-card{
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(34,197,94,.18);
  background: rgba(10,26,18,.52);
}
.price-card.featured{
  background: linear-gradient(180deg, rgba(34,197,94,.16) 0%, rgba(10,26,18,.55) 70%);
  box-shadow: var(--d-glow);
}
.price-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
}
.price-name{ margin:0; color: rgba(236,253,245,.92); font-weight: 900; letter-spacing: -.2px; }
.price-tag{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(34,197,94,.22);
  background: rgba(10,26,18,.60);
  color: rgba(236,253,245,.78);
}
.price{
  margin-top: 12px;
  font-size: 34px;
  font-weight: 950;
  letter-spacing: -0.8px;
  color: rgba(236,253,245,.95);
}
.price small{ font-size: 13px; font-weight: 650; color: rgba(236,253,245,.62); }
.price-list{ margin: 12px 0 0; padding-left: 18px; color: rgba(236,253,245,.74); }
.price-list li{ margin: 8px 0; }
.price-actions{ margin-top: 14px; display:flex; gap: 10px; flex-wrap: wrap; }

.final-cta{
  padding: 28px;
  border-radius: 22px;
  border: 1px solid rgba(34,197,94,.18);
  background: radial-gradient(900px 260px at 20% 20%, rgba(34,197,94,.20), rgba(10,26,18,.55) 70%);
  box-shadow: var(--d-glow);
}
.final-cta h2{ margin:0; color: rgba(236,253,245,.95); font-size: 26px; letter-spacing: -.4px; }
.final-cta p{ margin: 10px 0 0; color: rgba(236,253,245,.70); max-width: 70ch; }

.is-home-dark .site-footer{
  background: transparent;
  border-top: 1px solid rgba(34,197,94,.10);
}
.is-home-dark .footer-title{ color: rgba(236,253,245,.90); }
.is-home-dark .footer-muted{ color: rgba(236,253,245,.64); }
.is-home-dark .footer-links a{ color: rgba(236,253,245,.72); }
.is-home-dark .footer-bottom{ border-top: 1px solid rgba(34,197,94,.10); color: rgba(236,253,245,.58); }

/* ============================
   WooCommerce Checkout — ẩn tiêu đề & khoảng trống
   ============================ */
.woocommerce-checkout .entry-header,
.woocommerce-checkout h1.entry-title,
.woocommerce-checkout .page-title { display: none !important; }

.woocommerce-checkout .site-main { padding-top: 0 !important; }

/* ============================
   WooCommerce Thank You Page (Order Received)
   Ẩn phần tóm tắt để tập trung vào mã QR SePay
   ============================ */
.woocommerce-order .woocommerce-notice--success,
.woocommerce-order .woocommerce-thankyou-order-received,
.woocommerce-order .woocommerce-order-overview,
.woocommerce-order > h1:first-child,
.woocommerce-order > h2:first-child,
.woocommerce-order > h3:first-child,
.page-title.woocommerce-order-received-title {
    display: none !important;
}