/* TTW NEWS – FINAL ADDITIONAL CSS (bundled) */
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@400;600;800&family=Hind:wght@400;600;700&family=Noto+Serif+Devanagari:wght@400;700&display=swap');

:root{ --ttw-red:#d32f2f; --ttw-amber:#ffcc00; --ttw-blue:#0d47a1; --ttw-ink:#222; --ttw-muted:#6b7280; --ttw-soft:#f6f7fb; --ttw-card:#ffffff; --ttw-border:#eeeeee; --ttw-radius:14px; }
body{ color:var(--ttw-ink); font-family:"Mukta","Hind","Noto Serif Devanagari",system-ui,-apple-system,Segoe UI,Roboto,"Noto Sans",sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.ttw-serif{font-family:"Noto Serif Devanagari","Mukta","Hind",serif;} a{color:inherit;text-decoration:none} a:hover{color:var(--ttw-blue)}

.header-main,.site-header,.top-header,.header-wrapper{ background:#fff !important; padding:10px 0 !important; border-bottom:1px solid #ddd !important; }
.site-title a{ color:#222 !important; font-size:32px !important; font-weight:700 !important; text-transform:capitalize; letter-spacing:.2px; }
.site-description{ color:#777 !important; font-size:14px !important; font-style:italic; }
.main-navigation a,.navbar .menu>li>a,.main-header-menu>li>a{ padding:8px 12px; border-radius:999px; font-weight:600; white-space:nowrap; }
.main-navigation a:hover,.navbar .menu>li>a:hover,.main-header-menu>li>a:hover{ background:var(--ttw-blue); color:#fff !important; }

.ttw-topbar{ background:var(--ttw-red); color:#fff; padding:8px 0; }
.ttw-topbar .ttw-logo{ font-weight:800; letter-spacing:.3px; }
.ttw-topbar .ttw-logo span{ background:#fff; color:var(--ttw-red); padding:2px 8px; border-radius:8px; margin-left:6px; }
.ttw-badge-live{ background:#fff; color:var(--ttw-red); padding:2px 8px; border-radius:6px; font-weight:800; font-size:.8rem; }

.ttw-ticker{ background:var(--ttw-soft); border-top:1px solid var(--ttw-border); border-bottom:1px solid var(--ttw-border); padding:10px 0; }
.ttw-ticker .ttw-tag{ background:var(--ttw-amber); color:#000; font-weight:800; padding:4px 10px; border-radius:999px; margin-right:10px; font-size:.85rem; }

.ttw-card,.wp-block-group.ttw-card,.widget .ttw-card{ background:var(--ttw-card); border:1px solid var(--ttw-border); border-radius:var(--ttw-radius); overflow:hidden; }
.ttw-card .ttw-pad{ padding:12px 14px }
.ttw-cat,.badge.ttw-cat{ background:var(--ttw-amber); color:#000; padding:2px 8px; border-radius:8px; font-weight:800; font-size:.75rem; }

.ttw-list{ display:grid; gap:14px; }
.ttw-item{ display:grid; grid-template-columns:120px 1fr; gap:12px; background:#fff; border:1px solid var(--ttw-border); border-radius:var(--ttw-radius); }
.ttw-item img{ width:100%; height:auto; display:block }
.ttw-item .title{ font-weight:800; line-height:1.25 }
.ttw-item .title:hover{ color:var(--ttw-red) }
@media (max-width:480px){ .ttw-item{ grid-template-columns:1fr } }

.widget.ttw-widget,.ttw-widget{ background:#fff; border:1px solid var(--ttw-border); border-radius:var(--ttw-radius); overflow:hidden; }
.ttw-widget h3,.ttw-widget h4{ margin:0; padding:12px 14px; background:var(--ttw-soft); border-bottom:1px solid var(--ttw-border); font-weight:800; }
.ttw-widget .ttw-body{ padding:12px 14px }
.ttw-newsletter input[type="email"]{ width:100%; padding:10px; border:1px solid #ddd; border-radius:10px; }
.ttw-newsletter button{ margin-top:10px; width:100%; padding:10px 14px; border:0; border-radius:10px; background:var(--ttw-red); color:#fff; font-weight:800; }

body.home .wp-block-query .wp-block-post-template>li{ list-style:none; }
body.home .wp-block-post-featured-image img{ border-radius:14px 14px 0 0; }
body.home .wp-block-query .wp-block-group{ border-color:var(--ttw-border); }
body.home .wp-block-post-title a:hover{ color:var(--ttw-red) }

.elementor-widget-image-box .elementor-image-box-img img{ border-radius:14px 14px 0 0; }
.elementor-widget-image-box .elementor-image-box-title{ font-weight:800; }

.site-footer, .footer-main, footer[role="contentinfo"]{ background:#0b0e14; color:#e5e7eb; }
.site-footer a{ color:#e5e7eb } .site-footer a:hover{ color:#fff }

.round-ttw{ border-radius:var(--ttw-radius) } .border-ttw{ border:1px solid var(--ttw-border) } .muted{ color:var(--ttw-muted) } .p-ttw{ padding:14px }
@media (max-width:768px){ .main-navigation a,.navbar .menu>li>a,.main-header-menu>li>a{ padding:8px 10px } }