/*
 Theme Name:  MECAMEDIA Child (Newsup)
 Theme URI:   https://mecamediaafrica.com
 Description: Child theme for MECAMEDIA built on Newsup. Adds brand colors, simple grid homepage, and header logo support.
 Author:      MECAMEDIA
 Version:     1.0.0
 Template:    newsup
 Text Domain: mecamedia-child
*/

/* Brand variables */
:root{
  --meca-primary:#ff8c00;   /* orange */
  --meca-dark:#0a0a0a;
  --meca-light:#ffffff;
  --meca-accent:#0099ff;
}

/* General tweaks */
a{ text-decoration:none; }
a:hover{ opacity:.9; }

/* Hide category badges if desired (toggle comment) */
/*
.post-categories, .cat-links, .ts-post-cat { display:none !important; }
*/

/* Header bar styling */
.site-header, .navbar, .main-header{
  background: var(--meca-dark) !important;
}
.site-title a, .site-description{
  color: var(--meca-light) !important;
}

/* Primary button */
.button, .btn, button, input[type=submit]{
  background: var(--meca-primary);
  border: none;
  color: var(--meca-dark);
  font-weight:700;
}

/* Simple responsive grid for front-page.php */
.meca-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 992px){
  .meca-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px){
  .meca-grid{ grid-template-columns: 1fr; }
}
.meca-card{
  position:relative;
  background:#fff;
  border:1px solid #eee;
  border-radius:8px;
  overflow:hidden;
}
.meca-card img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
}
.meca-card .meca-card-body{
  padding:12px 14px;
}
.meca-card h2.entry-title{
  font-size:1.05rem;
  line-height:1.35;
  margin:0 0 6px;
}
.meca-card .entry-meta{
  font-size:.8rem;
  color:#777;
}
.meca-card .read-more{
  display:inline-block;
  margin-top:8px;
  font-weight:700;
  color: var(--meca-primary);
}

/* Top language selector placeholder (if using widget id) */
#google_translate_element{
  position: fixed;
  top:8px; right:12px; z-index:9999;
  background: rgba(0,0,0,.6);
  padding:6px 8px; border-radius:4px;
}/* code zako za mwanzo hapa juu ... */

... CSS zingine zilizokuwepo ...

/* ==== MECAMEDIA SECTION TITLES ==== */
.meca-section-title {
  font-weight: 800;
  font-size: 22px;
  margin: 6px 0 14px;
  position: relative;
  padding-left: 14px;
  text-transform: uppercase;
  color: var(--meca-dark, #111);
}
.meca-section-title::before {
  content:"";
  width:6px;
  height:20px;
  background: var(--meca-primary, #ff8c00);
  position:absolute;
  left:0;
  top:4px;
  border-radius:3px;
}

/* ==== MECAMEDIA CARDS (homepage grid posts) ==== */
.meca-card {
  border:1px solid #eee;
  border-radius:6px;
  overflow:hidden;
  margin-bottom:18px;
  background:#fff;
  transition: all .3s ease;
}
.meca-card:hover {
  transform:translateY(-4px);
  box-shadow:0 4px 12px rgba(0,0,0,0.08);
}
.meca-card img {
  width:100%;
  height:auto;
  display:block;
}
.meca-card-body {
  padding:12px;
}
.meca-card-body h2.entry-title {
  font-size:16px;
  line-height:1.4em;
  margin:0 0 8px;
}
.meca-card-body h2.entry-title a {
  text-decoration:none;
  color:#111;
}
.meca-card-body h2.entry-title a:hover {
  color:var(--meca-primary, #ff8c00);
}
.entry-meta {
  font-size:12px;
  color:#666;
  margin-bottom:6px;
}... 
// code zako za juu zitaendelea

// Ongeza language selector juu ya kila post (single)
add_filter('the_content', function($content){
  if (is_single()) {
    $switcher = '<div class="meca-lang-switch" style="margin:0 0 14px 0;">'
              . do_shortcode('[gtranslate]') .
              '</div>';
    return $switcher . $content;
  }
  return $content;
});