/*
Theme Name: ForexRDP Modern
Theme URI: https://forexrdp.com
Author: Atiqul Islam
Author URI: https://www.atikasia.com
Description: Lightweight modern custom theme for Forex RDP, WooCommerce ready, landing page style.
Version: 1.2
Text Domain: forexrdp
*/

body {
  font-family:"Poppins", "Segoe UI", Arial, sans-serif;
  margin:0;
  padding:0;
  color:#333;
  line-height:1.6;
}

a {
  color:#1abc9c;
  text-decoration:none;
  transition:0.3s;
}

a:hover { color:#16a085; }

/* Header */
.site-header {
  background:#fff;
  padding:40px 30px;
  border-bottom:1px solid #eee;
  position:sticky;
  top:0;
  z-index:999;
}

.header-container {
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

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

/* Main Menu */
.main-nav { flex:1; display:flex; justify-content:center; }
.main-nav ul { display:flex; gap:35px; list-style:none; margin:0; padding:0; }
.main-nav ul li a {
  font-weight:600;
  font-size:17px;
  letter-spacing:0.5px;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 0;
  transition:all 0.25s ease-in-out;
}
.main-nav ul li a:hover { color:#1abc9c; transform:translateY(-2px); }

/* WooCommerce Cart */
.header-cart { display:flex; align-items:center; }
.cart-link { font-size:18px; color:#333; display:flex; align-items:center; }
.cart-link i { margin-right:5px; }
.cart-count { background:#1abc9c; color:#fff; font-size:12px; padding:2px 6px; border-radius:50%; margin-left:5px; }

/* Main Content */
.main-content { max-width:1200px; margin:0 auto; padding:60px 20px; }

/* Hero Section */
.hero {
  width:100vw;
  margin-left:calc(-50vw + 50%);
  padding:150px 20px 100px;
  background:#f1f9f9;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.hero h1 { font-size:48px; font-weight:700; color:#1abc9c; margin-bottom:20px; line-height:1.2; }
.hero p { font-size:20px; max-width:700px; margin-bottom:40px; color:#333; }
.hero a.cta-btn { font-size:18px; padding:18px 45px; border-radius:6px; font-weight:600; background:#1abc9c; color:#fff; text-decoration:none; transition:0.3s; }
.hero a.cta-btn:hover { background:#16a085; transform:translateY(-3px); }

/* Features Section */
.features { display:flex; flex-wrap:wrap; gap:30px; justify-content:center; margin:60px 0; }
.feature-box { flex:1 1 250px; max-width:300px; background:#fff; padding:20px; border-radius:8px; box-shadow:0 4px 10px rgba(0,0,0,0.05); text-align:center; }
.feature-box h3 { margin-bottom:10px; color:#1abc9c; }
.feature-box p { font-size:16px; }

/* Pricing Section */
.pricing { display:flex; flex-wrap:wrap; gap:30px; justify-content:center; margin:60px 0; }
.price-box { flex:1 1 250px; max-width:300px; background:#f1f1f1; padding:25px; border-radius:8px; text-align:center; border:2px solid transparent; transition:0.3s; }
.price-box:hover { border-color:#1abc9c; }
.price-box h3 { margin-bottom:15px; }
.price-box p.price { font-weight:700; font-size:20px; margin:15px 0; }
.price-box a.button { background:#1abc9c; color:#fff; padding:12px 25px; border-radius:5px; text-decoration:none; }
.price-box a.button:hover { background:#16a085; }

/* Footer */
footer { background:#1abc9c; color:#fff; text-align:center; padding:50px 20px; font-size:14px; }
footer a { color:#fff; text-decoration:underline; }
footer a:hover { color:#eee; }

/* Responsive */
@media(max-width:1024px){
  .header-container { flex-wrap:wrap; justify-content:center; gap:15px; }
  .main-nav ul { flex-wrap:wrap; gap:20px; justify-content:center; }
  .header-cart { margin-top:10px; }
}
@media(max-width:768px){
  .main-nav ul { flex-direction:column; gap:12px; align-items:center; }
  .features, .pricing { flex-direction:column; }
}