/*
 Theme Name:   TrueReviews Child
 Theme URI:    https://truereviews.in/
 Description:  Child theme for TrueReviews (dynamic news/reviews site)
 Author:       Rohit Kumar
 Author URI:   https://truereviews.in/
 Template:     twentytwentyfour
 Version:      1.0.0
 Text Domain:  truereviews-child
*/

/* ---------- Base Layout ---------- */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* ---------- Hero Section ---------- */
.hero {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
}
.hero-left { 
  flex: 2; 
}
.hero-right { 
  flex: 1; 
  display: grid; 
  gap: 20px; 
}

/* ---------- Grid Layout ---------- */
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* ---------- Cards ---------- */
.card {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  padding: 15px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card:hover { 
  transform: translateY(-4px); 
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* ---------- Headings ---------- */
h2 {
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #222;
}

/* ---------- Lists ---------- */
ul { 
  list-style: none; 
  padding: 0; 
  margin: 0;
}
ul li { 
  margin-bottom: 12px; 
  font-size: 1rem;
}
ul li a {
  color: #0073aa;
  text-decoration: none;
}
ul li a:hover {
  text-decoration: underline;
}