/*
Theme Name: PayperEarn Theme
Theme URI: https://payperearn.com
Author: PayperEarn
Version: 1.0
Description: PayperEarn full theme v1.0 - Mixed layout (light homepage, dark dashboard), Elementor compatible.
Text Domain: payperearn-theme
*/
:root{
  --pp-primary: #3B82F6;
  --pp-dark: #0f1724;
  --pp-accent: #ffffff;
  --pp-bg: #F9FAFB;
  --pp-font: 'Poppins', sans-serif;
}
body{font-family:var(--pp-font);background:var(--pp-bg);color:var(--pp-dark);margin:0;padding:0}
a{color:var(--pp-primary);text-decoration:none}
.header{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;background:#fff;border-bottom:1px solid #eee;position:relative;z-index:50}
.site-logo{height:44px}
.hero-full{background:linear-gradient(180deg, rgba(59,130,246,0.06), rgba(59,130,246,0.03));padding:72px 6vw;display:flex;align-items:center;justify-content:center}
.hero-inner{max-width:1200px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}
.hero-copy{max-width:640px}
.h1{font-size:36px;margin:0 0 12px 0}
.p{font-size:18px;margin:0 0 20px 0}
.cta-group{display:flex;gap:12px}
.btn-primary{background:var(--pp-primary);color:#fff;padding:12px 20px;border-radius:8px;border:none;cursor:pointer}
.btn-outline{background:transparent;border:2px solid var(--pp-primary);color:var(--pp-primary);padding:10px 18px;border-radius:8px}
.pricing-grid{display:flex;gap:18px;padding:48px 6vw}
.pricing-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.04);flex:1}
.main-content{padding:40px 6vw}
.footer{padding:32px 6vw;background:#111827;color:#fff}

/* Dashboard dark styles */
.dashboard-wrap{background:#0b1220;color:#fff;min-height:70vh;padding:40px 6vw}
.dashboard-card{background:#0f1724;padding:20px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.4)}

/* Responsive */
@media(max-width:900px){
  .hero-inner{flex-direction:column;text-align:center}
  .pricing-grid{flex-direction:column}
}

/* === Header Styling === */
.site-header {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--secondary-color, #111827);
}

.site-header .logo img {
  max-height: 60px;
  width: auto;
}