/*
Theme Name: Sinatra Child
Template: sinatra
Version: 1.0.0
Author: Xị Zital
*/

/* === RESET CƠ BẢN === */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #001a00 !important; /* Nền xanh đậm */
  color: #E5E7EB !important; /* Màu chữ sáng */
  font-family: 'Be Vietnam Pro', sans-serif;
}
@keyframes moveGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

body::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background: linear-gradient(270deg, rgba(0, 51, 0, 0.3), rgba(239, 68, 68, 0.3), rgba(0, 51, 0, 0.3));
    background-size: 400% 400%;
    animation: moveGradient 20s ease infinite;
    filter: blur(80px);
    pointer-events: none;
}

/* Xử lý hiển thị khi có thanh admin */
body.admin-bar {
  margin-top: 32px !important;
}

/* === XÓA KHOẢNG TRẮNG MẶC ĐỊNH CỦA THEME GỐC === */
.site,
.site-content,
main.site-content,
.entry-content,
.wp-block-group.alignfull,
.content-area,
.widget-area,
.page-header,
footer,
header,
#page,
#content,
#primary,
.wp-block-post-content {
  background-color: transparent !important;
  color: inherit;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Fix phần tử custom nếu có */
#youtube-research-tool-wrapper {
  margin-top: 0 !important;
  padding-top: 1rem !important; /* Giữ nhẹ khoảng cách nếu cần */
}

#youtube-research-tool-wrapper > div {
  padding-top: 1rem !important;
}

/* === SUBMENU DROPDOWN MENU FIX === */

/* Đảm bảo menu cha có vị trí tương đối */
.menu-item-has-children {
  position: relative;
}

/* Submenu ẩn mặc định */
.menu-item-has-children > .sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 0.5rem;
  display: none;
  min-width: 200px;
  background-color: #1F2937; /* Màu nền submenu */
  border: 1px solid #374151;
  border-radius: 0.375rem;
  z-index: 50;
}

/* Hiển thị submenu khi hover */
.menu-item-has-children:hover > .sub-menu {
  display: block;
}

/* Style cho item bên trong submenu */
.sub-menu li a {
  display: block;
  padding: 10px 16px;
  color: #E5E7EB;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

/* Hiệu ứng hover */
.sub-menu li a:hover {
  background-color: #374151;
}
/* ========== Dropdown Menu Fix ========== */
.menu-item-has-children {
  position: relative;
}

.menu-item-has-children > .sub-menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transform: translateY(5px);
  min-width: 200px;
  background-color: #1F2937;
  border: 1px solid #374151;
  border-radius: 0.375rem;
  z-index: 100;
}

.menu-item-has-children:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.sub-menu li a {
  display: block;
  padding: 10px 16px;
  color: #E5E7EB;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.sub-menu li a:hover {
  background-color: #374151;
}
body::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background: linear-gradient(135deg, rgba(0, 128, 0, 0.3), transparent 50%, rgba(255, 0, 0, 0.3));
    filter: blur(80px);
    pointer-events: none;
}