/*
 Theme Name:  EntertainmentNow Child (Elementor)
 Theme URI:   https://entertainmentnow.net.in/
 Description: A lightweight child theme for Hello Elementor tailored for EntertainmentNow.net.in (news + reviews + biographies). Clean typography, fast, SEO-friendly.
 Author:      Nora D'Souza & ChatGPT
 Template:    hello-elementor
 Version:     1.0.0
 License:     GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: entertainmentnow-child
*/

/* Global variables */
:root{
  --brand-primary:#111827;   /* Slate-900 */
  --brand-accent:#EF4444;    /* Red-500 */
  --brand-muted:#6B7280;     /* Gray-500 */
  --brand-bg:#ffffff;
  --container:1180px;
  --radius:14px;
}

/* Base */
html{scroll-behavior:smooth}
body{
  color:var(--brand-primary);
  background:var(--brand-bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Top bar */
.site-topbar{
  background:#0f172a;
  color:#fff;
  font-size:14px;
  padding:8px 0;
}
.site-topbar .wrap{max-width:var(--container);margin:0 auto;display:flex;gap:16px;justify-content:space-between;align-items:center;padding:0 16px}
.site-topbar a{color:#fff;text-decoration:none;opacity:.9}
.site-topbar a:hover{opacity:1}

/* Header */
.site-header{
  background:#ffffff;
  border-bottom:1px solid #e5e7eb;
}
.site-header .wrap{max-width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 16px}
.site-branding a{font-weight:800;font-size:24px;text-decoration:none;color:var(--brand-primary)}
.site-branding small{display:block;font-size:12px;color:var(--brand-muted)}
.primary-nav a{color:var(--brand-primary);text-decoration:none;padding:10px 12px;border-radius:10px}
.primary-nav a:hover{background:#f3f4f6}

/* Featured ticker */
.ticker{background:#111827;color:#fff}
.ticker .wrap{max-width:var(--container);margin:0 auto;display:flex;gap:16px;align-items:center;padding:8px 16px}
.ticker .label{font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.ticker .items{display:flex;gap:18px;overflow:auto;white-space:nowrap}

/* Layout */
.container{max-width:var(--container);margin:0 auto;padding:24px 16px}
.grid{display:grid;gap:24px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}

/* Cards */
.card{border:1px solid #e5e7eb;border-radius:var(--radius);overflow:hidden;background:#fff;transition:transform .2s ease, box-shadow .2s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.card img{width:100%;height:200px;object-fit:cover}
.card .pad{padding:14px}
.card h3{margin:0 0 6px 0;font-size:18px}
.card p{margin:0;color:var(--brand-muted);font-size:14px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid #e5e7eb;text-decoration:none;color:#111827;background:#fff}
.btn.primary{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}
.btn:hover{opacity:.95}

/* Footer */
.site-footer{border-top:1px solid #e5e7eb;background:#fff}
.site-footer .wrap{max-width:var(--container);margin:0 auto;padding:24px 16px;color:var(--brand-muted);font-size:14px}

/* Utility */
.hide{display:none}
@media(max-width:1024px){
  .grid-3{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .grid-3,.grid-2{grid-template-columns:1fr}
  .site-header .wrap{flex-wrap:wrap}
}