/* =====================================================================
   Newspaperex Aguda — Colour palette
   Replaces newsup / newspaperex's teal (#008080) skin.
   Design tokens live in :root and are reused by style.css.
   ===================================================================== */

:root {
	/* Brand */
	--ag-brand:        #e63946; /* primary editorial red */
	--ag-brand-700:    #c1121f; /* deeper red (hover) */
	--ag-brand-900:    #7a0a13; /* darkest red */
	--ag-brand-soft:   #fdecec; /* tinted background */

	/* Cool secondary accent */
	--ag-accent:       #1d7dd6;
	--ag-accent-700:   #155fa6;

	/* Neutrals */
	--ag-ink:          #15151f; /* nav + footer dark */
	--ag-ink-2:        #20202e;
	--ag-text:         #1f2430; /* body text */
	--ag-heading:      #14141d; /* headings */
	--ag-muted:        #6b7280; /* meta / secondary text */
	--ag-line:         #ececf1; /* hairline borders */
	--ag-paper:        #eef0f5; /* page background */
	--ag-surface:      #ffffff; /* cards / panels */
	--ag-surface-2:    #f6f7fb; /* subtle alt surface */

	/* Category accents */
	--ag-cat-1: #e63946;
	--ag-cat-2: #f59f00;
	--ag-cat-3: #7048e8;
	--ag-cat-4: #2f9e44;

	/* Effects */
	--ag-radius:    14px;
	--ag-radius-sm: 9px;
	--ag-radius-pill: 999px;
	--ag-shadow:    0 10px 30px -12px rgba(20, 20, 30, .25);
	--ag-shadow-sm: 0 4px 14px -6px rgba(20, 20, 30, .22);
	--ag-shadow-lg: 0 22px 48px -18px rgba(20, 20, 30, .38);
	--ag-ease:      cubic-bezier(.2, .7, .2, 1);
}

/* ==================== Top Bar ==================== */
.mg-headwidget .mg-head-detail { background: var(--ag-ink); }
.mg-head-detail .info-left li span.time { background: var(--ag-brand); color: #fff; }
.mg-head-detail .info-left li,
.mg-headwidget .mg-head-detail .info-left li a,
.mg-headwidget .mg-head-detail li a i,
.mg-headwidget .mg-head-detail .info-right li a { color: rgba(255,255,255,.86); }
.mg-headwidget .mg-head-detail .info-right li a:hover,
.mg-headwidget .mg-head-detail .info-right li a:focus { color: var(--ag-brand); }
.mg-headwidget .mg-head-detail li a i { color: rgba(255,255,255,.86); }
.mg-headwidget .mg-head-detail .info-right li a i { color: rgba(255,255,255,.86); }
span.time { background: var(--ag-brand); }

/* ==================== Header titles ==================== */
.site-title a, .site-description { color: #fff; }
.site-title a:hover, .site-title a:focus { color: var(--ag-brand); }
.mg-headwidget.light .site-title a,
.mg-headwidget.light .site-description { color: var(--ag-heading); }

/* ==================== Navbar ==================== */
.mg-headwidget .navbar-wp { background: var(--ag-ink); }
.mg-headwidget .navbar-header .navbar-brand { color: var(--ag-heading); }
.mg-headwidget .navbar-wp .navbar-nav > li > a { color: rgba(255,255,255,.9); }
.mg-headwidget .navbar-wp .navbar-nav > li > a:hover { color: #fff; }
.mg-headwidget .navbar-wp .navbar-nav > li > a:focus,
.mg-headwidget .navbar-wp .navbar-nav > .active > a,
.mg-headwidget .navbar-wp .navbar-nav > .active > a:hover,
.mg-headwidget .navbar-wp li > a.bg-light:hover,
.mg-headwidget .navbar-wp .navbar-nav > .active > a:focus {
	color: #fff;
	background: var(--ag-brand) !important;
}
.mg-headwidget .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }

/* navbar dropdowns */
.navbar-wp .dropdown-menu { background: var(--ag-ink-2); }
.navbar-wp .dropdown-menu > li > a { background: var(--ag-ink-2); color: rgba(255,255,255,.9); }
.navbar-wp .dropdown-menu > .active > a,
.navbar-wp .dropdown-menu > .active > a:hover,
.navbar-wp .dropdown-menu > .active > a:focus { background: var(--ag-brand); color: #fff; }
.navbar-wp .dropdown-menu > li > a:hover,
.navbar-wp .dropdown-menu > li > a:focus { background: var(--ag-brand); }
.navbar-wp .navbar-nav > .disabled > a,
.navbar-wp .navbar-nav > .disabled > a:hover,
.navbar-wp .navbar-nav > .disabled > a:focus { color: rgba(255,255,255,.4); }

/* search + buttons in header */
.navbar-wp .dropdown-menu.searchinner .btn:focus,
.navbar-wp .dropdown-menu.searchinner .btn:hover { background: var(--ag-brand-700); border-color: var(--ag-brand-700); color: #fff; }
.mg-search-box .btn, .mg-posts-sec-inner .btn { background: var(--ag-brand); border-color: var(--ag-brand); color: #fff; }
.mg-search-box a { color: rgba(255,255,255,.9); }
.mg-search-box a:hover, .mg-search-box a:focus { color: #fff; }
.mobilehomebtn { background: var(--ag-brand); color: #fff; }
.mobilehomebtn:hover { color: #fff; }
.btn:hover, .btn:focus, .btn.focus { color: #fff; }
.navbar-default .navbar-toggle,
.navbar-wp .navbar-nav > li > a.dropdown-form-toggle { color: #fff; }
.navbar-wp .navbar-toggle:hover, .navbar-wp .navbar-toggle:focus { background: rgba(0,0,0,0); color: #fff; }

/* ==================== Body & global ==================== */
.wrapper { background: var(--ag-paper); }
body { color: var(--ag-text); }
.mg-heading h3, .mg-heading h3 a { color: var(--ag-heading); }
a { color: var(--ag-brand-700); }
a:hover, a:focus { color: var(--ag-brand-900); }
blockquote { background: var(--ag-surface-2); border-color: var(--ag-brand); }
blockquote::before { color: var(--ag-brand); }

input:not([type]), input[type="email"], input[type="number"], input[type="password"],
input[type="tel"], input[type="url"], input[type="text"], textarea { color: var(--ag-text); border-color: var(--ag-line); }
.form-control:hover, textarea:hover, textarea:focus,
input[type="email"]:hover, input[type="text"]:hover, input[type="url"]:hover,
input[type="email"]:focus, input[type="text"]:focus, input[type="url"]:focus { border-color: var(--ag-brand); }
input[type="submit"], input[type="reset"], button { background: var(--ag-brand); border-color: var(--ag-brand); color: #fff; }
input[type="submit"]:hover, input[type="reset"]:hover, button:hover,
input[type="submit"]:focus, input[type="reset"]:focus, button:focus { background: var(--ag-brand-700); border-color: var(--ag-brand-700); color: #fff; }
.grey-bg { background: var(--ag-surface-2); }

/* ==================== Section titles ==================== */
.mg-sec-title { border-color: var(--ag-brand); }
.mg-sec-title h4 { background-color: var(--ag-brand); color: #fff; }
.mg-sec-title h4::before { border-left-color: var(--ag-brand); border-color: transparent transparent transparent var(--ag-brand); }
.mg-viewmr-btn { color: var(--ag-brand-700); }

/* ==================== Category chips ==================== */
a.newsup-categories.category-color-1 { background: var(--ag-cat-1); }
a.newsup-categories.category-color-2 { background: var(--ag-cat-2); }
a.newsup-categories.category-color-3 { background: var(--ag-cat-3); }
a.newsup-categories.category-color-4 { background: var(--ag-cat-4); }
.mg-blog-category a { color: #fff; background: var(--ag-brand); }
.mg-blog-category a:hover { color: #fff; }

/* ==================== Posts / cards ==================== */
.mg-blog-post .bottom h4, .mg-blog-post .bottom h4 a,
.mg-blog-inner h4, .mg-blog-inner h4 a { color: #fff; }
.mg-blog-post .bottom h4:hover, .mg-blog-post .bottom h4 a:hover,
.mg-blog-inner h4 a:hover { color: #fff; }
.mg-blog-inner .mg-blog-date, .mg-blog-inner .mg-blog-meta i, .mg-blog-inner .mg-blog-meta a { color: rgba(255,255,255,.92); }
.mg-blog-post-box h4.title, .mg-blog-post-box h4.title a { color: var(--ag-heading); }
.mg-blog-post-box h4.title:hover, .mg-blog-post-box h4.title a:hover { color: var(--ag-brand-700); }
.mg-blog-post-box .mg-header h1 a { color: var(--ag-heading); }
.title_small_post h5 a { color: var(--ag-heading); }
.title_small_post h5 a:hover { color: var(--ag-brand-700); }
.mg-posts-sec .small-post-content h5 a:hover { color: var(--ag-brand-700); }
.small-list-post h5.title, .small-list-post h5.title a { color: var(--ag-heading); }
.mg-posts-sec-inner .small-list-post li,
.mg-posts-sec-post,
.mg-featured-slider { background: var(--ag-surface); }
.mg-post-box .title a:hover { color: var(--ag-brand); }

/* meta */
.mg-blog-meta { color: var(--ag-muted); }
.mg-blog-meta a { color: var(--ag-text); }
.mg-blog-meta a:hover { color: var(--ag-brand-700); }
.mg-blog-meta i { color: var(--ag-muted); }
.mg-blog-date { color: var(--ag-text); }
.mg-blog-post.lg .mg-blog-meta i,
.mg-blog-post.lg .mg-blog-meta a,
.mg-blog-post.lg .mg-blog-meta span { color: rgba(255,255,255,.92); }
.mg-blog-post.lg .mg-blog-meta a:hover { color: #fff; }

/* tabs (recent / popular / trending) */
.top-right-area .nav-tabs > li > a { border-color: var(--ag-line); color: var(--ag-heading); background: var(--ag-surface); }
.top-right-area .nav-tabs .nav-link.active,
.top-right-area .nav-tabs .nav-link.active:hover,
.top-right-area .nav-tabs .nav-link.active:focus {
	color: var(--ag-brand-700);
	background-color: var(--ag-surface);
	border-color: var(--ag-line);
	border-bottom-color: var(--ag-brand);
}

/* latest-news / trending */
.mg-latest-news .bn_title { background-color: var(--ag-brand); }
.mg-latest-news .bn_title span { border-color: transparent transparent transparent var(--ag-brand); }
.mg-latest-news .mg-latest-news-slider a { color: var(--ag-text); }
.mg-latest-news .mg-latest-news-slider a::before,
.mg-latest-news .mg-latest-news-slider a span { color: var(--ag-brand); }
.trending-area .title { background: var(--ag-surface); }
.trending-area .title h4::before { background: var(--ag-brand); }

/* ==================== Headings ==================== */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: var(--ag-heading); }

/* ==================== Buttons ==================== */
.btn-theme, .more_btn, .more-link { background: var(--ag-brand); color: #fff; border-color: var(--ag-brand); }
.btn-theme:hover, .btn-theme:focus,
.more_btn:hover, .more_btn:focus,
.more-link:hover, .more-link:focus { color: #fff; background: var(--ag-brand-700); border-color: var(--ag-brand-700); opacity: 1; }
.post-form { color: #fff; background: var(--ag-brand); }

/* ==================== Pagination ==================== */
.navigation.pagination .nav-links .page-numbers,
.navigation.pagination .nav-links a { background: var(--ag-surface); color: var(--ag-muted); }
.navigation.pagination .nav-links .page-numbers:hover,
.navigation.pagination .nav-links .page-numbers:focus,
.navigation.pagination .nav-links .page-numbers.current,
.pagination > .active > a, .pagination > .active > span {
	border-color: var(--ag-brand);
	background: var(--ag-brand);
	color: #fff;
}

/* ==================== Sidebar ==================== */
.mg-sidebar .mg-widget { background: var(--ag-surface); border-color: var(--ag-line); }
.mg-wid-title { border-color: var(--ag-brand); }
.mg-sidebar .mg-widget h6 { background: var(--ag-brand); color: #fff; }
.mg-sidebar .mg-widget h6::before { border-color: transparent transparent transparent var(--ag-brand); }
.mg-sidebar .mg-widget ul li { border-color: var(--ag-line); }
.mg-sidebar .mg-widget ul li a { color: var(--ag-text); }
.mg-sidebar .mg-widget ul li a:hover, .mg-sidebar .mg-widget ul li a:focus { color: var(--ag-brand-700); }
.mg-sidebar .mg-widget .mg-blog-post h3 a { color: var(--ag-heading); }
.mg-sidebar .mg-widget .mg-blog-post h3 a:hover { color: var(--ag-brand-700); }
.mg-sidebar .mg-widget.widget_search .btn { color: #fff; background: var(--ag-brand); }
.mg-sidebar .mg-widget.widget_search .btn:hover { background: var(--ag-brand-700); }
.mg-sidebar .mg-widget .mg-widget-tags a,
.mg-sidebar .mg-widget .tagcloud a,
.wp-block-tag-cloud a,
.mg-widget .wp-block-tag-cloud a { background: var(--ag-brand-soft); color: var(--ag-brand-700); border-color: var(--ag-brand-soft); }
.mg-sidebar .mg-widget .mg-widget-tags a:hover,
.mg-sidebar .mg-widget .tagcloud a:hover,
.wp-block-tag-cloud a:hover,
.mg-widget .wp-block-tag-cloud a:hover { color: #fff; background: var(--ag-brand); border-color: var(--ag-brand); }
.wp-block-search .wp-block-search__label,
.mg-widget .wp-block-group h2 { background: var(--ag-brand); color: #fff; border-color: var(--ag-brand); }
.wp-block-search .wp-block-search__button { background-color: var(--ag-brand); border-color: var(--ag-brand); color: #fff; }

/* ==================== Comments / author ==================== */
.comments-area .comment-meta .comment-author img { border-color: var(--ag-brand); }
.comment-body .reply a { color: #fff; background: var(--ag-brand); }
.comment-body .reply a:hover, .comment-body .reply a:focus { color: #fff; background: var(--ag-brand-900); }
.mg-info-author-block { background: var(--ag-surface); border-color: var(--ag-line); color: var(--ag-text); }
.mg-info-author-block a { color: var(--ag-heading); }
.mg-info-author-block a:hover { color: var(--ag-brand-700); }
.mg-comments .mg-reply:hover, .mg-comments .mg-reply:focus { color: #fff; background: var(--ag-brand); border-color: var(--ag-brand); }

/* ==================== Footer ==================== */
footer .overlay { background: var(--ag-ink); }
footer .mg-widget h6 { background: var(--ag-brand); color: #fff; }
footer .mg-widget h6::before { border-color: transparent transparent transparent var(--ag-brand); }
footer .mg-widget h6::after { background-color: var(--ag-brand); }
footer .mg-footer-top-area h6 { color: #fff; }
footer .mg-widget ul li { color: rgba(255,255,255,.86); border-color: rgba(255,255,255,.08); }
footer .mg-widget ul li a, footer .mg-widget p { color: rgba(255,255,255,.86); }
footer .mg-widget ul li a:hover, footer .mg-widget ul li a:focus { color: var(--ag-brand); }
footer .mg-footer-copyright { background: #0e0e16; }
footer .mg-footer-copyright p, footer .mg-footer-copyright a { color: rgba(255,255,255,.6); }
footer .mg-footer-copyright a:hover, footer .mg-footer-copyright a:focus { color: #fff; }
footer .mg-widget .mg-widget-tags a, footer .mg-widget .tagcloud a { background: rgba(255,255,255,.08); color: #fff; border-color: transparent; }
footer .mg-widget .mg-widget-tags a:hover, footer .mg-widget .tagcloud a:hover { color: #fff; background: var(--ag-brand); border-color: var(--ag-brand); }

/* scroll-to-top */
.ta_upscr { background: var(--ag-brand); border-color: var(--ag-brand); color: #fff !important; }
.ta_upscr:hover, .ta_upscr:focus { color: #fff; background: var(--ag-brand-700); }

/* ==================== Forms ==================== */
.form-control { border-color: var(--ag-line); }
.form-control:focus { border-color: var(--ag-brand); }
.form-group label::after { background-color: var(--ag-brand); }

/* ==================== WooCommerce (key accents) ==================== */
.woocommerce span.onsale, .woocommerce .products span.onsale,
.woocommerce #respond input#submit, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce .cart .button, .woocommerce .cart input.button,
.woocommerce a.button, .woocommerce button.button,
.woocommerce-page .products a.button,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background: var(--ag-brand); }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover { background: var(--ag-brand-700); }
.woocommerce-page .products .star-rating,
.woocommerce-page .star-rating span,
.woocommerce-page .stars span a { color: var(--ag-cat-2); }
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit]:focus { background-color: var(--ag-brand); color: #fff; }
div.wpforms-container-full .wpforms-form button[type=submit]:hover { background-color: var(--ag-brand-700); }

/* social brand colours (kept — these are real brand colours) */
.facebook { background: #1877f2; color: #fff; }
.x-twitter { background: #14141f; color: #fff; }
.twitter   { background: #1da1f2; color: #fff; }
.linkedin  { background: #0a66c2; color: #fff; }
.instagram { color: #fff; background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%),linear-gradient(135deg,#234bd7 12%,#c33cbe 58%); }
.youtube   { background: #ff0000; color: #fff; }
.pinterest { background: #bd081c; color: #fff; }
.telegram  { background: #28a8e9; color: #fff; }