/*
Theme Name: E2BET Child
Theme URI: https://e2bet.press/
Description: A Flatsome child theme reconstructed from the 5 March 2025 Wayback snapshot.
Author: E2BET
Template: flatsome
Version: 1.2.0
Text Domain: e2bet-child
*/

/* ==================================================
   VARIABLES
================================================== */
:root {
  --e2bet-primary: #28b259;
  --e2bet-secondary: #fa9a0a;
  --e2bet-black: #0a0a0a;
  --e2bet-text: #ffffff;
  --e2bet-muted: #c9c9c9;
  --e2bet-border: #28b259;
  --e2bet-container: 1200px;
}

/* ==================================================
   GLOBAL
================================================== */
body.e2bet-reconstructed,
.e2bet-reconstructed #main { background: var(--e2bet-black); color: var(--e2bet-text); }
.e2bet-reconstructed a { color: var(--e2bet-primary); }
.e2bet-reconstructed a:hover { color: #48d27a; }
.e2bet-reconstructed .section { padding-top: 30px; padding-bottom: 30px; }

/* ==================================================
   TYPOGRAPHY
================================================== */
.e2bet-reconstructed h1, .e2bet-reconstructed h2, .e2bet-reconstructed h3, .e2bet-reconstructed h4 { color: var(--e2bet-text); }
.e2bet-reconstructed .section-title-main { color: var(--e2bet-primary); }

/* ==================================================
   HEADER
================================================== */
.header-main,
.header-bg-color {
  background: #0a0a0a;
}

.header-main {
  height: 72px;
  min-height: 72px;
}

.header-main .header-inner {
  max-width: 1200px;
  justify-content: center;
}

.header-main .header-nav-main {
  justify-content: center;
  gap: 4px;
}

.header-main .nav > li {
  margin: 0;
}

.header-main .nav > li > a {
  color: #cfcfcf;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.10;
  padding: 4px 12px;
}

.header-main .nav > li > a:hover {
  color: #fff;
}

.header-main .nav-pills > li.active > a,
.header-main .nav-pills > li.current-menu-item > a {
  background: #28b259;
  border-radius: 999px;
  color: #fff;
}

/* Hai nút header: cùng chiều ngang */
#masthead .header-button-1 a.button,
#masthead .header-button-2 a.button {
  align-items: center !important;
  border-radius: 999px !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .22) !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  height: 20px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 100px !important;
  padding: 0 5px !important;
  text-transform: uppercase !important;
  width: 100px !important;
}

/* Đăng ký: xanh lá */
#masthead .header-button-1 a.button,
#masthead .header-button-1 a.button.success {
  background: #35bf68 !important;
  background-image: none !important;
  border: 2px solid #26a857 !important;
  color: #080808 !important;
}

/* Đăng nhập: cam */
#masthead .header-button-2 a.button,
#masthead .header-button-2 a.button.alert {
  background: #ffa111 !important;
  background-image: none !important;
  border: 2px solid #e68a00 !important;
  color: #080808 !important;
}

/* Bắt buộc màu chữ đen cả trong span của Flatsome */
#masthead .header-button-1 a.button span,
#masthead .header-button-2 a.button span {
  color: #080808 !important;
}

/* Đường phân cách */
#masthead .header-divider {
  background: #242424 !important;
  display: block !important;
  flex: 0 0 2px !important;
  height: 30px !important;
  margin: 0 8px !important;
  padding: 0 !important;
  width: 2px !important;
}

/* ==================================================
   NAVIGATION
================================================== */
.nav-pills > li.active > a { background: transparent; }

/* ==================================================
   HOMEPAGE
================================================== */
.e2bet-reconstructed.home .entry-content > .section:first-child { padding-top: 30px; }
.e2bet-gallery { border: 3px solid var(--e2bet-border); padding: 5px; }
.e2bet-gallery .col { padding: 4px; }
.e2bet-gallery img { display: block; width: 100%; }

/* ==================================================
   CONTENT
================================================== */
.e2bet-reconstructed .entry-content { color: var(--e2bet-text); }
.e2bet-reconstructed .entry-content .section-content { max-width: var(--e2bet-container); }
.e2bet-notice { border-left: 3px solid var(--e2bet-primary); color: var(--e2bet-muted); padding-left: 16px; }

/* ==================================================
   BLOG
================================================== */
.e2bet-reconstructed .post-item .box-text { background: #151515; }

/* ==================================================
   CATEGORY
================================================== */
.e2bet-reconstructed .page-title { background: #111; }

/* ==================================================
   SIDEBAR
================================================== */
.e2bet-reconstructed .widget { color: var(--e2bet-text); }

/* ==================================================
   FOOTER
================================================== */
.footer-wrapper, .absolute-footer { background: #000; color: var(--e2bet-text); }
.footer-wrapper { border-top: 2px solid var(--e2bet-border); }
.footer-wrapper .ux-menu-link__text { color: var(--e2bet-primary); font-weight: 700; }
.footer-wrapper .ux-menu-link__icon { color: #f1f1f1; }

/* ==================================================
   BUTTONS
================================================== */
.button.success { background: var(--e2bet-primary); border-color: var(--e2bet-primary); color: #000; }
.button.alert { background: var(--e2bet-secondary); border-color: var(--e2bet-secondary); color: #000; }

/* ==================================================
   RESPONSIVE
================================================== */
@media (max-width: 849px) {
  .header-main { min-height: 70px; }
  #logo img { max-height: 70px; }
}

/* ==================================================
   MOBILE
================================================== */
@media (max-width: 549px) {
  .e2bet-reconstructed .section { padding-top: 20px; padding-bottom: 20px; }
  .e2bet-gallery { margin-left: 0; margin-right: 0; }
}