/*
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;

/* đổi nền từ xanh → trắng */
background-color: #ffffff !important;

color: #111111 !important;
font-family: 'Be Vietnam Pro', sans-serif;
}

@keyframes moveGradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

/* ===== GIỮ BLUR nhưng làm sáng ===== */

body::before {
content: "";
position: fixed;
top: 0; left: 0;
width: 100vw;
height: 100vh;
z-index: -1;

```
/* đổi gradient tối → sáng */
background: linear-gradient(
    270deg,
    rgba(255,255,255,0.7),
    rgba(255,200,200,0.4),
    rgba(255,255,255,0.7)
);

background-size: 400% 400%;
animation: moveGradient 20s ease infinite;

filter: blur(80px);
pointer-events: none;
```

}

/* admin bar */

body.admin-bar {
margin-top: 32px !important;
}

/* giữ nguyên layout sinatra */

.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;
}

/* ===== SUBMENU ===== */

.menu-item-has-children {
position: relative;
}

.menu-item-has-children > .sub-menu {
position: absolute;
left: 0;
top: 100%;
margin-top: 0.5rem;
display: none;
min-width: 200px;
background-color: #ffffff;
border: 1px solid #ddd;
border-radius: 6px;
z-index: 50;
}

.menu-item-has-children:hover > .sub-menu {
display: block;
}

.sub-menu li a {
display: block;
padding: 10px 16px;
color: #111;
text-decoration: none;
}

.sub-menu li a:hover {
background-color: #f3f3f3;
}