/*
Theme Name: Reviecom Theme
Author: Vikesh Kumar
Description: Custom WordPress Theme
Version: 1.0
*/

body{margin:0;}
*{box-sizing:border-box;}

/* ============ HEADER + NAVIGATION MENU ============ */
.rev-header{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:16px 30px;
background:#fff;
box-shadow:0 2px 10px rgba(0,0,0,0.05);
flex-wrap:wrap;
position:relative;
font-family:'Poppins',sans-serif;
}

.rev-header .logo{
font-size:22px;
font-weight:700;
color:#0a58ca;
margin-bottom:10px;
}

.rev-nav{
display:flex;
align-items:center;
}

.primary-menu{
display:block;
}

.nav-menu{
list-style:none;
display:flex;
gap:28px;
margin:0;
padding:0;
}

.nav-menu li{
position:relative;
}

.nav-menu li a{
text-decoration:none;
color:#222;
font-weight:600;
font-size:15px;
transition:.3s;
}

.nav-menu li a:hover{
color:#0a58ca;
}

/* Dropdown support if sub-menus are added in wp-admin */
.nav-menu .sub-menu{
list-style:none;
position:absolute;
top:100%;
left:0;
background:#fff;
min-width:200px;
box-shadow:0 8px 20px rgba(0,0,0,0.1);
border-radius:8px;
padding:10px;
display:none;
z-index:999;
}

.nav-menu li:hover > .sub-menu{
display:block;
}

.nav-menu .sub-menu li a{
display:block;
padding:8px 10px;
}

.menu-toggle{
display:none;
background:none;
border:none;
font-size:26px;
cursor:pointer;
color:#0a58ca;
}

@media(max-width:768px){
.menu-toggle{display:block;}

.primary-menu{
display:none;
width:100%;
}

.primary-menu.open{
display:block;
}

.nav-menu{
flex-direction:column;
gap:0;
width:100%;
background:#fff;
margin-top:15px;
}

.nav-menu li{
border-top:1px solid #eee;
}

.nav-menu li a{
display:block;
padding:14px 5px;
}

.nav-menu .sub-menu{
position:static;
box-shadow:none;
display:block;
padding-left:15px;
}
}

.rev-footer{background:linear-gradient(135deg,#0b2345,#123b73);padding:60px 20px 30px;color:#fff}
.rev-wrap{max-width:1200px;margin:auto}
.legal-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:35px;transition:.35s;backdrop-filter:blur(8px)}
.legal-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(0,0,0,.35);border-color:#f4c542}
.legal-card h2{margin:0 0 20px;color:#f4c542;font-size:30px}
.legal-card p{line-height:1.8;color:#eef3ff;font-size:15px}
.copyright{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);font-size:14px;color:#dbe7ff}
