/*
Theme Name: Newspaperex Aguda
Theme URI: https://aguda4openu.co.il
Author: Aguda4OpenU
Author URI: https://aguda4openu.co.il
Description: A re-skinned magazine theme for aguda4openu.co.il. It keeps the exact structure of the Newspaperex theme (templates, hooks and markup) but replaces the entire visual layer with a modern, editorial design and proper Hebrew web-fonts. Built as a child theme of Newsup. RTL-ready.
Version: 1.0.0
Requires PHP: 7.4
Requires at least: 6.7
Tested up to: 6.8
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: newsup
Text Domain: newspaperex
Tags: news, magazine, blog, rtl-language-support, two-columns, three-columns, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, translation-ready

This theme is based on Newsup / Newspaperex by Themeansar, distributed under the GNU GPL v3.
The structure is inherited unchanged; only the styling layer is new.
*/

/* =====================================================================
   Newspaperex Aguda — Redesign layer
   Loads LAST (see functions.php) so these rules reliably take effect.
   Colour tokens (--ag-*) are defined in css/colors/default.css.
   ===================================================================== */

/* ---------- 1. Base & typography ---------- */
body {
	font-family: 'Assistant', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif;
	font-size: 16px;
	line-height: 1.75;
	color: var(--ag-text);
	background: var(--ag-paper);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
.site-title, .mg-sec-title h4, .mg-blog-post .title,
.mg-blog-post-box h4.title, .mg-blog-inner .title,
.mg-wid-title h6, footer .mg-widget h6 {
	font-family: 'Rubik', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif;
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.3;
	color: var(--ag-heading);
}

h1, .h1 { font-weight: 900; }

.mg-blog-meta, .mg-blog-date, .info-left, .info-right,
span.time, .newsup-categories, .mg-blog-category a,
.nav-tabs .nav-link, .navigation.pagination {
	font-family: 'Heebo', 'Assistant', sans-serif;
}

a { transition: color .2s var(--ag-ease); }

::selection { background: var(--ag-brand); color: #fff; }

/* keep images tidy everywhere */
img { max-width: 100%; height: auto; }

/* ---------- 2. Header: top bar ---------- */
.mg-headwidget .mg-head-detail {
	border: none;
	box-shadow: inset 0 -1px 0 rgba(255,255,255,.06);
}
.mg-head-detail .info-left,
.mg-head-detail .info-right { padding: 6px 0; }
.mg-head-detail .info-left li,
.mg-head-detail .info-right li { font-size: 13.5px; font-weight: 500; }
span.time {
	border-radius: var(--ag-radius-pill);
	padding: 2px 12px !important;
	line-height: 1.8 !important;
	font-weight: 600;
}
.mg-head-detail .mg-social.info-right li a span.icon-soci {
	transition: transform .2s var(--ag-ease), color .2s var(--ag-ease);
	display: inline-block;
}
.mg-head-detail .mg-social.info-right li a:hover span.icon-soci { transform: translateY(-2px); }

/* ---------- 3. Header: title / branding area ---------- */
.mg-nav-widget-area-back {
	background-size: cover;
	background-position: center;
}
/* graceful default when no header image is set */
.mg-nav-widget-area-back {
	background-color: var(--ag-ink);
	background-image:
		radial-gradient(1200px 400px at 80% -20%, rgba(230,57,70,.45), transparent 60%),
		radial-gradient(900px 380px at 10% 120%, rgba(29,125,214,.35), transparent 60%),
		linear-gradient(135deg, #15151f 0%, #23232f 60%, #15151f 100%);
}
.mg-nav-widget-area-back .overlay > .inner { background-color: transparent !important; }

.mg-nav-widget-area { padding: 34px 0; }
.site-branding-text .site-title {
	font-size: 44px;
	margin: 0 0 4px;
	line-height: 1.1;
}
.site-branding-text .site-title a { color: #fff; }
.site-branding-text .site-title a:hover { color: #fff; opacity: .9; }
.site-description {
	font-family: 'Assistant', sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: rgba(255,255,255,.78) !important;
	margin: 0;
}
.site-logo img { filter: drop-shadow(0 6px 18px rgba(0,0,0,.35)); }

/* ---------- 4. Navbar ---------- */
.mg-menu-full { box-shadow: var(--ag-shadow-sm); position: relative; z-index: 20; }
.mg-headwidget .navbar-wp {
	border: none;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.mg-headwidget .navbar-wp .navbar-nav > li > a {
	font-family: 'Assistant', sans-serif;
	font-weight: 600;
	font-size: 15.5px;
	padding: 16px 16px;
	position: relative;
	transition: color .2s var(--ag-ease), background-color .2s var(--ag-ease);
}
/* animated underline */
.mg-headwidget .navbar-wp .navbar-nav > li > a::after {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 16px; right: 16px;
	height: 2px;
	background: var(--ag-brand);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .25s var(--ag-ease);
	border-radius: 2px;
}
.mg-headwidget .navbar-wp .navbar-nav > li > a:hover::after { transform: scaleX(1); }
.mg-headwidget .navbar-wp .navbar-nav > .active > a { border-radius: 0; }
.navbar-wp .dropdown-menu {
	border: none;
	border-radius: var(--ag-radius-sm);
	overflow: hidden;
	box-shadow: var(--ag-shadow);
	padding: 6px;
	margin-top: 6px;
}
.navbar-wp .dropdown-menu > li > a { border-radius: 7px; padding: 9px 14px; transition: background-color .2s var(--ag-ease); }

/* header action buttons */
.btn-bell, .mobilehomebtn {
	border-radius: var(--ag-radius-pill);
	width: 40px; height: 40px;
	display: inline-flex; align-items: center; justify-content: center;
	line-height: 1;
	transition: transform .2s var(--ag-ease), background-color .2s var(--ag-ease);
}
.btn-bell:hover, .mobilehomebtn:hover { transform: translateY(-2px); }
.mg-search-box .dropdown-toggle.msearch {
	width: 40px; height: 40px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: var(--ag-radius-pill);
	transition: background-color .2s var(--ag-ease);
}
.mg-search-box .dropdown-toggle.msearch:hover { background: rgba(255,255,255,.12); }
.navbar-wp .dropdown-menu.searchinner {
	border-radius: var(--ag-radius-sm);
	box-shadow: var(--ag-shadow);
	border: none;
	padding: 10px;
}
.navbar-toggler { border: none; }

/* ---------- 5. Popular tags bar ---------- */
.mg-tpt-tag-area { background: var(--ag-surface); box-shadow: var(--ag-shadow-sm); border-radius: var(--ag-radius); margin: 18px auto; }
.mg-tpt-txnlst ul li a {
	border-radius: var(--ag-radius-pill);
	padding: 5px 14px;
	font-weight: 600;
	transition: all .2s var(--ag-ease);
}

/* ---------- 6. Section titles ---------- */
.mg-sec-title {
	border: none;
	position: relative;
	margin-bottom: 26px;
}
.mg-sec-title h4 {
	display: inline-block;
	background-color: transparent !important;
	color: var(--ag-heading) !important;
	font-size: 24px;
	font-weight: 800;
	padding: 0 0 12px 0;
	position: relative;
}
.mg-sec-title h4::before { display: none; }
.mg-sec-title::after {
	content: "";
	position: absolute;
	bottom: 0; right: 0; left: 0;
	height: 2px;
	background: var(--ag-line);
}
.mg-sec-title h4::after {
	content: "";
	position: absolute;
	bottom: 0; right: 0;
	width: 64px; height: 3px;
	background: var(--ag-brand);
	border-radius: 3px;
}
/* LTR fallback */
html[dir="ltr"] .mg-sec-title h4::after { right: auto; left: 0; }

/* ---------- 7. Category chips ---------- */
.mg-blog-category a, a.newsup-categories {
	display: inline-block;
	border-radius: var(--ag-radius-pill);
	padding: 3px 12px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	line-height: 1.7;
	box-shadow: 0 4px 12px -4px rgba(0,0,0,.4);
}

/* ---------- 8. Post cards ---------- */
.mg-blog-post, .mg-blog-post-3, .mg-blog-post-box {
	border-radius: var(--ag-radius);
	overflow: hidden;
	transition: transform .35s var(--ag-ease), box-shadow .35s var(--ag-ease);
}
.mg-blog-post-box { background: var(--ag-surface); box-shadow: var(--ag-shadow-sm); }
.mg-blog-post-box:hover { box-shadow: var(--ag-shadow); transform: translateY(-3px); }

/* image cards: legibility gradient + zoom on hover */
.mg-blog-post.back-img, .mg-blog-post-3.back-img,
.mg-blog-post.lg, .mg-blog-post.md {
	position: relative;
	background-size: cover;
	background-position: center;
}
.mg-blog-post.back-img::before, .mg-blog-post-3.back-img::before,
.mg-blog-post.lg::before, .mg-blog-post.md::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(10,10,18,.92) 0%, rgba(10,10,18,.55) 38%, rgba(10,10,18,.05) 72%, rgba(10,10,18,0) 100%);
	transition: opacity .35s var(--ag-ease);
	z-index: 1;
}
.mg-blog-post .bottom, .mg-blog-post-3 .mg-blog-inner { position: relative; z-index: 2; }
.mg-blog-post:hover, .mg-blog-post-3:hover { box-shadow: var(--ag-shadow-lg); }
.mg-blog-post:hover::before, .mg-blog-post-3:hover::before { opacity: .92; }

.mg-blog-post .title, .mg-blog-post-3 .title, .mg-blog-inner .title { font-weight: 800; }
.mg-blog-post .bottom h4, .mg-blog-post-3 .mg-blog-inner h4 { text-shadow: 0 2px 14px rgba(0,0,0,.5); }
.mg-blog-post .bottom { padding: 22px; }

/* standard (non-image) post box title */
.mg-blog-post-box h4.title { font-size: 22px; }
.mg-blog-post-box h4.title a { transition: color .2s var(--ag-ease); }

/* ---------- 9. Featured area + tabs + slider ---------- */
.mg-fea-area { padding: 26px 0; }
.top-right-area .nav-tabs {
	border: none;
	gap: 6px;
	background: var(--ag-surface);
	padding: 6px;
	border-radius: var(--ag-radius);
	box-shadow: var(--ag-shadow-sm);
}
.top-right-area .nav-tabs > li > a, .top-right-area .nav-tabs .nav-link {
	border: none !important;
	border-radius: var(--ag-radius-sm);
	font-weight: 700;
	font-size: 13.5px;
	padding: 9px 12px;
	transition: all .2s var(--ag-ease);
}
.top-right-area .nav-tabs .nav-link.active {
	background: var(--ag-brand-soft) !important;
	color: var(--ag-brand-700) !important;
	border-bottom: none !important;
}
.top-right-area .nav-tabs .nav-link i { margin-inline-end: 5px; }
.top-right-area .tab-content { background: var(--ag-surface); border-radius: var(--ag-radius); box-shadow: var(--ag-shadow-sm); padding: 14px; margin-top: 12px; }

/* small list posts inside tabs/sidebars */
.small-list-post li, .small-post {
	border-radius: var(--ag-radius-sm);
	transition: background-color .2s var(--ag-ease);
}
.small-list-post h5.title { font-size: 15px; line-height: 1.45; }

/* owl carousel dots/nav polish */
.owl-carousel .owl-dots .owl-dot span { transition: all .2s var(--ag-ease); }
.owl-carousel .owl-dots .owl-dot.active span { background: var(--ag-brand) !important; border-color: var(--ag-brand) !important; }

/* ---------- 10. Sidebar / widgets ---------- */
.mg-sidebar .mg-widget {
	border-radius: var(--ag-radius);
	box-shadow: var(--ag-shadow-sm);
	border: 1px solid var(--ag-line);
	overflow: hidden;
}
.mg-wid-title { border: none; }
.mg-sidebar .mg-widget h6, footer .mg-widget h6 {
	font-size: 17px;
	font-weight: 700;
	padding: 12px 18px;
	border-radius: var(--ag-radius-sm);
}
.mg-sidebar .mg-widget ul li { padding: 10px 0; transition: padding .2s var(--ag-ease); }
.mg-sidebar .mg-widget ul li:last-child { border-bottom: none; }

/* tag clouds */
.mg-widget-tags a, .tagcloud a, .wp-block-tag-cloud a {
	border-radius: var(--ag-radius-pill) !important;
	padding: 5px 14px !important;
	font-weight: 600;
	transition: all .2s var(--ag-ease) !important;
}

/* ---------- 11. Single post / content typography ---------- */
.mg-blog-post-box .mg-header h1, .single .mg-blog-post-box h1.title { font-size: 34px; line-height: 1.25; }
.mg-blog-post-box .mg-content p, .entry-content p, .mg-blog-post-box p {
	font-size: 17px;
	line-height: 1.85;
}
.entry-content img, .mg-blog-post-box .mg-content img,
.wp-block-image img { border-radius: var(--ag-radius); }
blockquote {
	border-radius: var(--ag-radius-sm);
	padding: 18px 22px;
	border-width: 0;
	border-inline-start: 4px solid var(--ag-brand);
	box-shadow: var(--ag-shadow-sm);
}
pre, code, .wp-block-code { border-radius: var(--ag-radius-sm); }

/* ---------- 12. Buttons ---------- */
.btn, .btn-theme, .more-link, .more_btn,
input[type="submit"], button {
	border-radius: var(--ag-radius-pill);
	font-family: 'Assistant', sans-serif;
	font-weight: 700;
	letter-spacing: .01em;
	transition: transform .2s var(--ag-ease), background-color .2s var(--ag-ease), box-shadow .2s var(--ag-ease);
}
.btn-theme:hover, .more-link:hover, .more_btn:hover,
input[type="submit"]:hover, button:hover { transform: translateY(-2px); box-shadow: var(--ag-shadow-sm); }
.more-link, .more_btn { display: inline-block; padding: 8px 22px; }

/* ---------- 13. Pagination ---------- */
.navigation.pagination .nav-links { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.navigation.pagination .nav-links .page-numbers {
	border-radius: var(--ag-radius-pill);
	min-width: 42px; height: 42px;
	display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid var(--ag-line);
	font-weight: 700;
	transition: all .2s var(--ag-ease);
}

/* ---------- 14. Breadcrumb ---------- */
.mg-breadcrumb-section .overlay { background: var(--ag-surface); }
.mg-page-breadcrumb > li a { color: var(--ag-muted); }
.mg-page-breadcrumb > li a:hover { color: var(--ag-brand-700); }

/* ---------- 15. Footer ---------- */
footer .overlay { padding-top: 8px; }
.mg-footer-widget-area { padding: 56px 0 24px; }
footer .mg-social { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
footer .mg-social li, .mg-social li {
	border-radius: var(--ag-radius-pill);
	width: 40px; height: 40px;
	display: inline-flex; align-items: center; justify-content: center;
	transition: transform .2s var(--ag-ease), box-shadow .2s var(--ag-ease);
}
footer .mg-social a:hover li, .mg-social a:hover li { transform: translateY(-3px); box-shadow: var(--ag-shadow-sm); }
.mg-footer-bottom-area { padding: 20px 0; }
.mg-footer-bottom-area .divide-line { border-top: 1px solid rgba(255,255,255,.08); margin-bottom: 22px; }
.mg-footer-bottom-area .site-title { font-size: 26px; }
.mg-footer-bottom-area .site-title a { color: #fff; }
.mg-footer-copyright { padding: 16px 0; }
.mg-footer-copyright .info-right li a { transition: color .2s var(--ag-ease); }

/* "You missed" cards already styled by .mg-blog-post-3 rules above */
.mg-posts-sec-inner .mg-sec-title h4 { color: var(--ag-heading) !important; }

/* ---------- 16. Scroll to top ---------- */
.ta_upscr {
	border-radius: var(--ag-radius-pill);
	width: 46px; height: 46px;
	display: flex; align-items: center; justify-content: center;
	box-shadow: var(--ag-shadow);
	border: none;
	transition: transform .2s var(--ag-ease), background-color .2s var(--ag-ease);
}
.ta_upscr:hover { transform: translateY(-3px); }

/* ---------- 17. Forms ---------- */
.form-control, input[type="text"], input[type="email"], input[type="url"],
input[type="search"], input[type="password"], textarea, select {
	border-radius: var(--ag-radius-sm);
	border: 1px solid var(--ag-line);
	padding: 10px 14px;
	transition: border-color .2s var(--ag-ease), box-shadow .2s var(--ag-ease);
}
.form-control:focus, input[type="text"]:focus, input[type="email"]:focus,
textarea:focus, select:focus {
	outline: none;
	box-shadow: 0 0 0 3px var(--ag-brand-soft);
}

/* ---------- 18. Cards / widgets on the front content column ---------- */
#content.home .mg-widget { margin-bottom: 26px; }

/* ---------- 19. RTL refinements ---------- */
body { direction: rtl; }
html[dir="rtl"] .navbar-nav { padding-right: 0; }
html[dir="rtl"] .mg-blog-meta i, html[dir="rtl"] .top-right-area .nav-tabs .nav-link i { margin-left: 5px; margin-right: 0; }
.mg-sec-title h4::after { right: 0; left: auto; }
html[dir="ltr"] .mg-sec-title::after { right: 0; left: 0; }

/* ---------- 20. Small motion + responsive niceties ---------- */
@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; animation: none !important; }
}

@media (max-width: 991px) {
	.site-branding-text .site-title { font-size: 34px; }
	.mg-nav-widget-area { padding: 26px 0; }
	.mg-headwidget .navbar-wp .navbar-nav > li > a { padding: 12px 16px; }
	.mg-headwidget .navbar-wp .navbar-nav > li > a::after { display: none; }
}

@media (max-width: 575px) {
	body { font-size: 15.5px; }
	.site-branding-text .site-title { font-size: 28px; }
	.mg-sec-title h4 { font-size: 21px; }
	.mg-blog-post-box .mg-header h1 { font-size: 27px; }
}