/*
Theme Name:  MagOne Child
Theme URI:   http://sneeit.com/
Description: A child theme of MagOne
Author:      Tien Nguyen
Author URI:  http://portfolio.sneeit.com
Template:    magone
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  magone
*/

.jip-ad-slot {
	max-width: 100%;
	overflow: hidden;
	text-align: center;
	margin: 0 0 20px;
}
.jip-ad-slot img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}
/*
 * Round 4: extra breathing room around the top-of-home slot only - every
 * other slot keeps the base 0 0 20px margin above.
 */
.jip-ad-slot.jip-ad-slot-home-above-manchete {
	margin: 30px 0;
}
/*
 * "Publicidade" label (Round 4). Lives inside .jip-ad-slot but never
 * inside the <img> itself, so it cannot fight the img's width/height
 * attributes that reserve layout space (ADR-003's CLS intent). It is
 * part of jip_ad_slot()'s own early-return markup, so an unconfigured
 * slot renders neither the image nor this label - never a bare label
 * with no creative.
 */
.jip-ad-slot .jip-ad-slot-label {
	display: block;
	text-align: right;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #8a8a8a;
	margin: 0 0 4px;
}

/*
 * Round 4: zero the generic .widget-content padding (20px, from the
 * parent theme) only for this specific widget block - scoped by both
 * .main-sidebar and .jip-live-widget so it cannot affect any other
 * sidebar widget's .widget-content.
 */
.main-sidebar .widget.jip-live-widget .widget-content {
	padding: 0;
}
.jip-live-widget .jip-live-video {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: 0;
}
.jip-live-widget .jip-live-video iframe,
.jip-live-widget .jip-live-video embed,
.jip-live-widget .jip-live-video object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	border: 0;
}
/*
 * Classic live pulse on the AO VIVO dot. Only opacity/transform/box-shadow
 * are animated so the pulse never reflows the sidebar (ADR-003's CLS
 * concern applies here too). Reduced-motion users get a static dot.
 */
.jip-live-widget .jip-live-dot {
	color: #e02020;
	display: inline-block;
	border-radius: 50%;
	animation: jip-live-pulse 1.6s ease-in-out infinite;
}
@keyframes jip-live-pulse {
	0%, 100% {
		opacity: 1;
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(224, 32, 32, 0.45);
	}
	50% {
		opacity: .6;
		transform: scale(1.2);
		box-shadow: 0 0 0 5px rgba(224, 32, 32, 0);
	}
}
@media (prefers-reduced-motion: reduce) {
	.jip-live-widget .jip-live-dot {
		animation: none;
	}
}
.jip-live-widget .jip-live-title {
	padding: 10px;
	margin: 0 0 6px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}
.jip-live-widget .jip-live-desc {
	padding: 10px;
	margin: 0 10px 10px;
	font-size: 13px;
	line-height: 1.5;
}

/*
 * Single-post pages have no sidebar (Wave 2B). MagOne's own no-sidebar
 * mechanism (body.sidebar-full -> #content{width:100%}) is emitted in
 * style.min.css, but the Customizer's inline #content{width:NN%} in
 * <head> was observed still governing the rendered width on live
 * articles. Restated here, scoped to body.single-post only, so the
 * fix cannot leak into home/category/search (which keep their sidebar).
 */
body.single-post #content {
	width: 100% !important;
	float: none !important;
}
body.single-post #content > .content-inner,
body.single-post #content .content-inner {
	margin: 0 !important;
}
body.single-post .main-sidebar {
	display: none !important;
}

/*
 * Typography round (Wave 3): content-section titles only.
 *
 * The .feed-widget-title class alone is NOT a safe scope: measured on
 * the live DOM, the sidebar reuses the same feed-widget-header/
 * widget-title.feed-widget-title markup for the list-type widgets
 * (EM ALTA, RECENTES COM IMAGEM, POPULAR) and the AO VIVO block, so a
 * bare .widget-title.feed-widget-title rule leaks 44px headings into a
 * ~300px sidebar column. What actually separates the two groups is the
 * container: content sections render inside #content, sidebar widgets
 * inside ASIDE#sidebar.main-sidebar (confirmed via computed ancestor
 * chains), so #content is the scoping selector, not the shared class.
 * Only plain .widget-title (no feed-widget-title class) is used by the
 * remaining sidebar widget (Citacao Principal) and the two footer
 * widgets (Paginas, Inscreva-se); those never match this rule either
 * way.
 *
 * Adding #content also raises specificity to (1,2,0), which beats the
 * dynamic inline theme-mod <style> block that wp_head prints after this
 * stylesheet with .feed-widget-header .widget-title{font:...20px...}
 * at (0,2,0) -- so !important is no longer needed for font-size.
 */
#content .widget-title.feed-widget-title {
	font-size: 2.75rem;
	letter-spacing: -1px;
}

/*
 * Base body font-size. Accepted as near-nil in effect: the parent
 * theme is px-based (1037 px values vs 2 rem across its CSS), so this
 * does not cascade into descendants. Not forced through descendants.
 *
 * "html body" (specificity 0,0,2) rather than a bare "body" (0,0,1):
 * the Customizer prints an inline body{font-size:14px} theme-mod block
 * in <head> after this stylesheet's <link>, so a bare "body" here ties
 * on specificity and loses on source order (the same class of bug as
 * the #content title-size fix above). Raising specificity resolves it
 * without !important - not needed here since "html body" already wins.
 */
html body {
	font-size: 16px;
}