/*
Theme Name: Astra AI Child
Theme URI: https://example.com/
Description: Child theme for Astra customized for AI & Money niche
Author: Your Name
Template: astra
Version: 1.0.0
*/

/* ====== الألوان الأساسية ====== */
:root {
  --primary-color: #0d47a1; /* أزرق غامق */
  --secondary-color: #f4c542; /* ذهبي/أصفر فاتح */
  --accent-color: #2ecc71; /* أخضر أرباح */
}

/* خلفية الموقع */
body {
  background: #ffffff;
  color: #222;
  font-family: Arial, sans-serif;
}

/* الروابط */
a { color: var(--primary-color); }
a:hover { color: var(--secondary-color); }

/* الأزرار */
button, .button, .wp-block-button__link {
  background: var(--accent-color);
  color: #fff !important;
  border: none;
  border-radius: 4px;
  padding: 10px 20px;
}
button:hover, .button:hover, .wp-block-button__link:hover {
  background: var(--primary-color);
}

/* العناوين */
h1, h2, h3, h4, h5, h6 { color: var(--primary-color); }

/* الرأس والفوتر */
.site-header { border-bottom: 3px solid var(--secondary-color); }
.site-footer { background: var(--primary-color); color: #fff; }

/* ===== Hero Section ===== */
.hero-section {
  background: linear-gradient(135deg, #1E2A78, #FF6F00);
  color:#fff;
  padding:80px 10%;
}
.hero-container { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; max-width:1400px; margin:0 auto; }
.hero-text { flex:1 1 50%; max-width:600px; }
.hero-text h1 { font-size:3em; margin-bottom:20px; }
.hero-text p { font-size:1.2em; margin-bottom:30px; }
.btn-cta { background: #FFB74D; color:#000; padding:15px 35px; border-radius:8px; text-decoration:none; font-weight:700; transition:0.3s; }
.btn-cta:hover { background:#FF6F00; color:#fff; }
.hero-image { flex:1 1 50%; max-width:600px; position:relative; height:0; padding-bottom:60%; }
.hero-image img { position:absolute; width:100%; height:100%; object-fit:cover; border-radius:12px; }

/* ===== Cards Sections ===== */
.cards-section { padding:60px 10%; background:#f9f9f9; }
.cards-section h2 { text-align:center; color:#1E2A78; margin-bottom:40px; font-size:2.5em; }
.cards-container { display:flex; flex-wrap:wrap; justify-content:center; gap:30px; }
.card { background:#fff; padding:20px; border-radius:12px; flex:1 1 300px; max-width:32%; box-shadow:0 10px 25px rgba(0,0,0,0.05); transition:0.3s; }
.card:hover { transform:translateY(-8px) scale(1.03); box-shadow:0 15px 30px rgba(0,0,0,0.2); }
.card img { width:100%; height:200px; object-fit:cover; border-radius:8px; margin-bottom:15px; }
.card h3 { color:#FF6F00; margin-bottom:15px; }
.card p { color:#333; margin-bottom:15px; }
.btn-card { background:#1E2A78; color:#fff; padding:10px 25px; border-radius:6px; text-decoration:none; transition:0.3s; }
.btn-card:hover { background:#FF6F00; color:#000; }

/* ===== Subscribe Section ===== */
.subscribe-section {
  background: linear-gradient(135deg, #FF6F00, #FFB74D);
  padding:60px 10%;
  text-align:center;
  border-radius:12px;
  color:#fff;
}
.subscribe-section h2 { font-size:2.5em; margin-bottom:20px; }
.subscribe-section p { font-size:1.2em; margin-bottom:30px; }
.subscribe-section input[type=email] { padding:15px; width:300px; border-radius:8px; border:none; margin-right:10px; font-size:1em; }
.subscribe-section input[type=submit] { padding:15px 30px; border-radius:8px; border:none; background:#1E2A78; color:#fff; font-weight:bold; cursor:pointer; transition:0.3s; }
.subscribe-section input[type=submit]:hover { background:#0d1a4c; }

/* ===== Responsive ===== */
@media(max-width:992px){
  .hero-container { flex-direction:column; text-align:center; padding:50px 5%; }
  .hero-image { padding-bottom:50%; height:auto; }
  .hero-image img { position:relative; width:100%; height:auto; }
  .cards-container { flex-direction:column; align-items:center; }
  .card { max-width:90%; margin-bottom:20px; }
}