/*
Theme Name: JNews Child
Template: jnews
Version: 1.0
*/

@import url("../jnews/style.css");
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&family=Noto+Sans:wght@400;500;600;700&display=swap');

/* ================================================
   CSS VARIABLES
   ================================================ */
:root {
    --g-blue:    #0B3D91;
    --g-blue-d:  #072d6e;
    --g-blue-xl: #e8f0fd;
    --g-gold:    #f9a825;
    --g-red:     #c62828;
    --g-green:   #2e7d32;
    --g-orange:  #e65100;
    --g-border:  #d0d7e3;
    --g-text:    #1a1a2e;
    --g-muted:   #4a5568;
    --g-bg:      #f4f6f9;
    --g-shadow:  0 1px 4px rgba(11,61,145,.12);
    --g-radius:  3px;
    --g-font:    'Noto Sans Devanagari', 'Hind', 'Noto Sans', Verdana, Arial, sans-serif;
}

/* ================================================
   GLOBAL FONT — body aur sabhi elements
   ================================================ */
body {
    font-family: var(--g-font) !important;
    background: var(--g-bg) !important;
}

/* ================================================
   HEADER — desktop top bar
   ================================================ */
.jeg_header .jeg_midbar,
.jeg_header .jeg_topbar,
.jeg_header .jeg_bottombar {
    background: var(--g-blue) !important;
}

.jeg_header .jeg_midbar {
    border-bottom: 3px solid var(--g-gold) !important;
}

/* Desktop nav links */
.jeg_navbar_wrapper .jeg_menu > li > a,
.jeg_midbar .jeg_menu > li > a {
    font-family: var(--g-font) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
}

.jeg_navbar_wrapper .jeg_menu > li > a:hover,
.jeg_midbar .jeg_menu > li > a:hover {
    color: var(--g-gold) !important;
    background: rgba(0,0,0,.12) !important;
}

/* Dropdown submenu */
.jeg_menu .sub-menu {
    background: var(--g-blue-d) !important;
    border-top: 2px solid var(--g-gold) !important;
}

.jeg_menu .sub-menu li a {
    color: #fff !important;
    font-family: var(--g-font) !important;
    font-size: 13px !important;
}

.jeg_menu .sub-menu li a:hover {
    color: var(--g-gold) !important;
    background: rgba(255,255,255,.08) !important;
}

/* Search & icons in header */
.jeg_search_toggle,
.jeg_mobile_toggle {
    color: #fff !important;
}

/* ================================================
   MOBILE HEADER
   ================================================ */
.jeg_mobile_bottombar.jeg_mobile_midbar,
.jeg_navbar_mobile .jeg_mobile_midbar {
    background: var(--g-blue) !important;
    border-bottom: 3px solid var(--g-gold) !important;
}

/* ================================================
   POST TITLE
   ================================================ */
.entry-header h1.jeg_post_title {
    font-family: var(--g-font) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: var(--g-blue) !important;
    border-left: 5px solid var(--g-blue) !important;
    padding-left: 14px !important;
    margin-bottom: 8px !important;
}

/* Post subtitle */
.entry-header h2.jeg_post_subtitle {
    font-family: var(--g-font) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--g-muted) !important;
    line-height: 1.6 !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
    margin-bottom: 12px !important;
}

/* ================================================
   POST META BAR
   ================================================ */
.jeg_meta_container {
    background: var(--g-blue-xl) !important;
    border-radius: var(--g-radius) !important;
    padding: 7px 14px !important;
    margin-bottom: 14px !important;
}

.jeg_post_meta,
.jeg_post_meta_2 {
    font-family: var(--g-font) !important;
    font-size: 12px !important;
    color: var(--g-muted) !important;
}

.jeg_post_meta a,
.jeg_post_meta_2 a {
    color: var(--g-blue) !important;
    font-weight: 600 !important;
}

/* ================================================
   CONTENT AREA WRAPPER
   ================================================ */
.jeg_inner_content .entry-content .content-inner {
    background: #fff !important;
    border: 1px solid var(--g-border) !important;
    border-top: 3px solid var(--g-blue) !important;
    border-radius: var(--g-radius) !important;
    box-shadow: var(--g-shadow) !important;
    padding: 20px !important;
}

/* ================================================
   PARAGRAPHS
   ================================================ */
.jeg_inner_content .entry-content .content-inner p,
.jeg_inner_content .entry-content p {
    font-family: var(--g-font) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: var(--g-text) !important;
    margin-bottom: 14px !important;
}

/* Intro text box */
.jeg_inner_content .entry-content .intro-text p {
    font-family: var(--g-font) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--g-muted) !important;
    border-left: 4px solid var(--g-gold) !important;
    padding-left: 12px !important;
    margin-bottom: 18px !important;
}

/* ================================================
   LINKS inside content
   ================================================ */
.jeg_inner_content .entry-content a {
    color: var(--g-blue) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}
.jeg_inner_content .entry-content a:hover {
    color: var(--g-blue-d) !important;
    text-decoration: underline !important;
}

/* ================================================
   HEADINGS inside content
   ================================================ */
.jeg_inner_content .entry-content h1,
.jeg_inner_content .entry-content h2,
.jeg_inner_content .entry-content h3,
.jeg_inner_content .entry-content h4,
.jeg_inner_content .entry-content h5,
.jeg_inner_content .entry-content h6 {
    font-family: var(--g-font) !important;
    font-weight: 700 !important;
    color: var(--g-blue) !important;
    margin: 22px 0 10px !important;
    line-height: 1.35 !important;
}

.jeg_inner_content .entry-content h2,
.jeg_inner_content .entry-content .wp-block-heading:is(h2) {
    font-size: 18px !important;
    background: var(--g-blue-xl) !important;
    border-left: 5px solid var(--g-blue) !important;
    padding: 9px 14px !important;
    border-radius: 0 var(--g-radius) var(--g-radius) 0 !important;
}

.jeg_inner_content .entry-content h3,
.jeg_inner_content .entry-content .wp-block-heading:is(h3) {
    font-size: 16px !important;
    border-left: 4px solid var(--g-gold) !important;
    padding-left: 10px !important;
    background: none !important;
}

.jeg_inner_content .entry-content h4 {
    font-size: 15px !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

/* ================================================
   TABLE — Gutenberg wp-block-table
   ================================================ */
.jeg_inner_content .entry-content figure.wp-block-table {
    margin: 16px 0 !important;
    overflow-x: auto !important;
    display: block !important;
    width: 100% !important;
}

.jeg_inner_content .entry-content figure.wp-block-table table,
.jeg_inner_content .entry-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: var(--g-font) !important;
    font-size: 13px !important;
    background: #fff !important;
    border: 1px solid var(--g-border) !important;
    box-shadow: var(--g-shadow) !important;
    margin: 0 !important;
}

/* Table header row */
.jeg_inner_content .entry-content figure.wp-block-table table thead tr,
.jeg_inner_content .entry-content table thead tr {
    background: var(--g-blue) !important;
}

.jeg_inner_content .entry-content figure.wp-block-table table thead th,
.jeg_inner_content .entry-content table thead th {
    padding: 10px 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff !important;
    border: none !important;
    font-family: var(--g-font) !important;
    text-align: left !important;
    letter-spacing: .3px !important;
}

/* Table body */
.jeg_inner_content .entry-content figure.wp-block-table table tbody tr,
.jeg_inner_content .entry-content table tbody tr {
    border-bottom: 1px solid #eef1f7 !important;
    transition: background .15s !important;
}

.jeg_inner_content .entry-content figure.wp-block-table table tbody tr:last-child,
.jeg_inner_content .entry-content table tbody tr:last-child {
    border-bottom: none !important;
}

.jeg_inner_content .entry-content figure.wp-block-table table tbody tr:nth-child(even),
.jeg_inner_content .entry-content table tbody tr:nth-child(even) {
    background: #f8faff !important;
}

.jeg_inner_content .entry-content figure.wp-block-table table tbody tr:hover,
.jeg_inner_content .entry-content table tbody tr:hover {
    background: var(--g-blue-xl) !important;
}

.jeg_inner_content .entry-content figure.wp-block-table table tbody td,
.jeg_inner_content .entry-content table tbody td {
    padding: 9px 14px !important;
    font-size: 13px !important;
    color: var(--g-text) !important;
    border: none !important;
    font-family: var(--g-font) !important;
    vertical-align: middle !important;
}

/* ================================================
   LISTS
   ================================================ */
.jeg_inner_content .entry-content ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 10px 0 16px !important;
}

.jeg_inner_content .entry-content ul li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 7px 10px !important;
    border-bottom: 1px solid #eef1f7 !important;
    font-size: 13px !important;
    font-family: var(--g-font) !important;
    color: var(--g-text) !important;
    line-height: 1.55 !important;
}

.jeg_inner_content .entry-content ul li:last-child {
    border-bottom: none !important;
}

.jeg_inner_content .entry-content ul li::before {
    content: '\25B6' !important;
    color: var(--g-blue) !important;
    font-size: 9px !important;
    margin-top: 4px !important;
    flex-shrink: 0 !important;
}

.jeg_inner_content .entry-content ul li:hover {
    background: var(--g-blue-xl) !important;
}

.jeg_inner_content .entry-content ol {
    padding-left: 22px !important;
    margin: 10px 0 16px !important;
}

.jeg_inner_content .entry-content ol li {
    padding: 5px 0 !important;
    font-size: 13px !important;
    font-family: var(--g-font) !important;
    color: var(--g-text) !important;
}

/* ================================================
   BLOCKQUOTE
   ================================================ */
.jeg_inner_content .entry-content blockquote {
    border-left: 4px solid var(--g-gold) !important;
    background: #fffde7 !important;
    padding: 12px 16px !important;
    margin: 16px 0 !important;
    font-style: italic !important;
    color: var(--g-muted) !important;
    font-family: var(--g-font) !important;
    border-radius: 0 var(--g-radius) var(--g-radius) 0 !important;
}

.jeg_inner_content .entry-content blockquote p {
    font-size: 14px !important;
    margin: 0 !important;
}

/* ================================================
   BADGES (manual HTML classes in post)
   ================================================ */
.jeg_inner_content .entry-content .b-new,
.jeg_inner_content .entry-content .b-live {
    background: var(--g-red) !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    padding: 2px 6px !important;
    border-radius: 2px !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 4px !important;
    animation: gpulse 1.2s infinite !important;
}

.jeg_inner_content .entry-content .b-out {
    background: var(--g-green) !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    padding: 2px 6px !important;
    border-radius: 2px !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 4px !important;
}

.jeg_inner_content .entry-content .b-soon {
    background: var(--g-orange) !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    padding: 2px 6px !important;
    border-radius: 2px !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 4px !important;
}

@keyframes gpulse {
    0%, 100% { opacity: 1; }
    50%       { opacity: .3; }
}

/* ================================================
   NOTICE / ALERT BOXES
   ================================================ */
.jeg_inner_content .entry-content .g-notice {
    background: #fff8e1;
    border: 1px solid var(--g-gold);
    border-left: 4px solid var(--g-gold);
    border-radius: var(--g-radius);
    padding: 10px 14px;
    font-size: 13px;
    color: #5a4000;
    margin: 14px 0;
    line-height: 1.6;
    font-family: var(--g-font);
}

.jeg_inner_content .entry-content .g-important {
    background: #ffebee;
    border: 1px solid var(--g-red);
    border-left: 4px solid var(--g-red);
    border-radius: var(--g-radius);
    padding: 10px 14px;
    font-size: 13px;
    color: var(--g-red);
    margin: 14px 0;
    font-weight: 600;
    font-family: var(--g-font);
}

.jeg_inner_content .entry-content .g-success {
    background: #e8f5e9;
    border: 1px solid var(--g-green);
    border-left: 4px solid var(--g-green);
    border-radius: var(--g-radius);
    padding: 10px 14px;
    font-size: 13px;
    color: var(--g-green);
    margin: 14px 0;
    font-weight: 600;
    font-family: var(--g-font);
}

/* ================================================
   BUTTONS
   ================================================ */
.jeg_inner_content .entry-content .g-btn-apply {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: var(--g-gold);
    color: #1a1a2e !important;
    padding: 10px 22px;
    border-radius: var(--g-radius);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .2s;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    margin: 6px 4px;
    font-family: var(--g-font);
}
.jeg_inner_content .entry-content .g-btn-apply:hover {
    background: #ffc107;
    transform: translateY(-1px);
}

.jeg_inner_content .entry-content .g-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: transparent;
    color: var(--g-blue) !important;
    padding: 9px 18px;
    border-radius: var(--g-radius);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    border: 2px solid var(--g-blue);
    transition: all .2s;
    margin: 6px 4px;
    font-family: var(--g-font);
}
.jeg_inner_content .entry-content .g-btn-outline:hover {
    background: var(--g-blue);
    color: #fff !important;
}

/* ================================================
   SIDEBAR WIDGETS
   ================================================ */
.jeg_sidebar .widget,
.jeg_aside .widget {
    background: #fff !important;
    border: 1px solid var(--g-border) !important;
    border-top: 3px solid var(--g-blue) !important;
    border-radius: var(--g-radius) !important;
    margin-bottom: 16px !important;
    box-shadow: var(--g-shadow) !important;
    overflow: hidden !important;
}

/* Widget title — all JNews heading styles */
.jeg_sidebar .jeg_block_title,
.jeg_aside .jeg_block_title,
.jeg_sidebar .jeg_block_heading h3,
.jeg_aside .jeg_block_heading h3,
.jeg_sidebar .widget-title,
.jeg_aside .widget-title {
    background: var(--g-blue) !important;
    color: #fff !important;
    font-family: var(--g-font) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 9px 14px !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    border: none !important;
}

.jeg_sidebar .jeg_block_title span,
.jeg_aside .jeg_block_title span {
    background: none !important;
    color: #fff !important;
    font-family: var(--g-font) !important;
}

.jeg_sidebar .widget ul li,
.jeg_aside .widget ul li {
    font-family: var(--g-font) !important;
    font-size: 13px !important;
    padding: 7px 12px !important;
    border-bottom: 1px solid #eef1f7 !important;
    color: var(--g-text) !important;
}

.jeg_sidebar .widget ul li:last-child,
.jeg_aside .widget ul li:last-child {
    border-bottom: none !important;
}

.jeg_sidebar .widget ul li a,
.jeg_aside .widget ul li a {
    color: var(--g-blue) !important;
    font-weight: 500 !important;
    font-family: var(--g-font) !important;
}

/* ================================================
   MOBILE
   ================================================ */
@media (max-width: 768px) {
    .entry-header h1.jeg_post_title {
        font-size: 18px !important;
    }

    .jeg_inner_content .entry-content h2 {
        font-size: 16px !important;
    }

    .jeg_inner_content .entry-content figure.wp-block-table {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .jeg_inner_content .entry-content .g-btn-apply,
    .jeg_inner_content .entry-content .g-btn-outline {
        display: flex !important;
        width: 100% !important;
        justify-content: center !important;
        margin: 6px 0 !important;
    }
}