/* ==========================================================================
   theme.css - File cuoi trong thu tu enqueue.
   KHONG dung @import (SPEC muc 8). Dev enqueue tung file rieng bang
   wp_enqueue_style(), xem thu tu trong docs/DESIGN.md.
   File nay chi chua: tien ich dung chung, ghi de Flatsome, va in.
   ========================================================================== */

/* ---------- Tien ich dung chung ---------- */
.ec-text-center { text-align: center; }
.ec-text-left { text-align: left; }
.ec-text-right { text-align: right; }

.ec-uppercase {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.ec-font-ui { font-family: var(--ec-font-ui); }
.ec-font-body { font-family: var(--ec-font-body); }
.ec-font-logo { font-family: var(--ec-font-logo); }

.ec-meta {
  color: var(--ec-meta);
  font-family: var(--ec-font-ui);
  font-size: var(--ec-fs-sm);
}

/* Duong ke ngang dung lai token --ec-rule */
.ec-rule {
  height: 0;
  margin: var(--ec-space-6) 0;
  border: 0;
  border-top: var(--ec-rule-width) solid var(--ec-rule);
}

/* Cat chu sau N dong (dung cho tieu de card dai) */
.ec-clamp-2,
.ec-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ec-clamp-2 { -webkit-line-clamp: 2; line-clamp: 2; }
.ec-clamp-3 { -webkit-line-clamp: 3; line-clamp: 3; }

/* An tren mobile / chi hien tren mobile */
@media (max-width: 767px) {
  .ec-hide-mobile { display: none !important; }
}

@media (min-width: 768px) {
  .ec-only-mobile { display: none !important; }
}

/* ---------- Ghi de nhe cho theme cha Flatsome ----------
   Flatsome co header/footer rieng; theme con dung markup rieng nen chi can
   dam bao container cua Flatsome khong ghi de font/mau cua chung ta. */
.ec-site,
.ec-site p,
.ec-site li,
.ec-site td {
  font-family: var(--ec-font-body);
}

.ec-site h1,
.ec-site h2,
.ec-site h3,
.ec-site h4,
.ec-site h5,
.ec-site h6 {
  font-family: var(--ec-font-ui);
  color: var(--ec-text);
}

/* ---------- Ban in ---------- */
@media print {
  .ec-header,
  .ec-footer,
  .ec-backtotop,
  .ec-hero__nav,
  .ec-newsletter,
  .ec-search {
    display: none !important;
  }

  .ec-grid-3,
  .ec-grid-2 {
    display: block;
  }

  body {
    color: var(--ec-rule);
    background: var(--ec-white);
  }
}