/* ===== Xito Lịch — cách ly khỏi theme (Flatsome) =====
   Reset trong scope plugin; nạp TRƯỚC CSS component (dependency) để component thắng ở tầng sau. */

/* --- Vùng app (header + giờ kinh): reset nhẹ --- */
.xito-app, .xito-app * { box-sizing: border-box; }
.xito-app a { color: inherit; text-decoration: none; }
.xito-app img { max-width: 100%; height: auto; }
.xito-app figure { margin: 0; }
.xito-app button, .xito-app input, .xito-app select, .xito-app textarea {
  font: inherit; color: inherit; letter-spacing: normal; text-transform: none;
  margin: 0; min-height: 0; height: auto; width: auto; box-shadow: none;
  -webkit-appearance: none; appearance: none;
}
.xito-app h1, .xito-app h2, .xito-app h3, .xito-app h4, .xito-app h5, .xito-app h6 {
  font-family: inherit; color: inherit; text-transform: none; letter-spacing: normal;
  text-shadow: none; margin: 0;
}

/* --- Vùng lịch (#xito-calendar-app-wrapper): reset đầy đủ --- */
.xito-calendar-namespace, .xito-calendar-namespace * { box-sizing: border-box; }
.xito-calendar-namespace a { color: inherit; text-decoration: none; }
.xito-calendar-namespace img { max-width: 100%; height: auto; display: block; }
.xito-calendar-namespace p { margin: 0 0 .5em; }
.xito-calendar-namespace h1, .xito-calendar-namespace h2, .xito-calendar-namespace h3,
.xito-calendar-namespace h4, .xito-calendar-namespace h5, .xito-calendar-namespace h6 {
  font-family: inherit; color: inherit; text-transform: none; letter-spacing: normal;
  text-shadow: none; margin: 0 0 .3em; line-height: 1.3; font-weight: 700;
}
.xito-calendar-namespace ul, .xito-calendar-namespace ol {
  list-style: none; margin: 0; padding: 0;
}
.xito-calendar-namespace li { margin: 0; }
.xito-calendar-namespace button, .xito-calendar-namespace input,
.xito-calendar-namespace select, .xito-calendar-namespace textarea {
  font: inherit; color: inherit; letter-spacing: normal; text-transform: none;
  margin: 0; min-height: 0; height: auto; width: auto; box-shadow: none;
  -webkit-appearance: none; appearance: none;
}
.xito-calendar-namespace blockquote { margin: 0; padding: 0; border: 0; font: inherit; color: inherit; }
.xito-calendar-namespace .xito-document-page ul, .xito-calendar-namespace .xito-document-page ol {
  list-style: inherit; padding-left: 1.4em;
}
.xito-calendar-namespace .xito-document-page li { margin: .3em 0; }

/* --- Widget sidebar: reset nhẹ --- */
.xito-widget, .xito-widget * { box-sizing: border-box; }
.xito-widget a { color: inherit; text-decoration: none; }
.xito-widget img { max-width: 100%; height: auto; }
.xito-widget button { font: inherit; letter-spacing: normal; text-transform: none; -webkit-appearance: none; appearance: none; }
.xito-widget h1, .xito-widget h2, .xito-widget h3, .xito-widget h4 { font-family: inherit; text-transform: none; letter-spacing: normal; margin: 0; }

/* --- Cân đối: bề rộng theo theme, container không tràn --- */
.xito-app, .xito-calendar-namespace { max-width: 100%; }
.xito-app .xito-header-inner { max-width: none; }
.xito-main-layout { gap: clamp(14px, 1.6vw, 22px); }
.xito-calendar-namespace .xito-panel__cols { gap: clamp(10px, 1.2vw, 14px); }
@media (max-width: 767px) {
  .xito-calendar-namespace .xito-panel__cols { grid-template-columns: 1fr; }
}