/*
Shared by the admin preview and the JPEG capture sheet.
Bundled same-origin Telugu faces (plugin-local; no Google / saakshi / ar-studios).
Family names match rdf_title_style() and CSS font-family references exactly.
*/

@font-face {
	font-family: 'Sree Krushnadevaraya';
	src: url('../fonts/SreeKrushnadevaraya-Regular.ttf') format('truetype');
	font-display: block;
}
@font-face {
	font-family: 'NTR';
	src: url('../fonts/NTR-Regular.ttf') format('truetype');
	font-display: block;
}
@font-face {
	font-family: 'Gidugu';
	src: url('../fonts/Gidugu-Regular.ttf') format('truetype');
	font-display: block;
}
@font-face {
	font-family: 'Suravaram';
	src: url('../fonts/Suravaram-Regular.ttf') format('truetype');
	font-display: block;
}
@font-face {
	font-family: 'Ramabhadra';
	src: url('../fonts/Ramabhadra-Regular.ttf') format('truetype');
	font-display: block;
}
@font-face {
	font-family: 'Mandali';
	src: url('../fonts/Mandali.ttf') format('truetype');
	font-display: block;
}

/*
Scope every rule to .radha-capture so theme, wp-admin, and print.css
rules for body, h1, and p cannot restyle the sheet, and these rules
cannot restyle the rest of the WordPress page.

!important is used only where those stylesheets already use !important
or an element selector that would otherwise win:
- print.css sets "h1, body { font-family: Mandali !important }" and
  "body.print-body p { font-size: 50px }" plus "img { width: 100% !important }".
- The active theme sets the print-page h1 size.
- wp-admin sets p to about 14px.
The title family and colour stay inline, with !important, because
rdf_title_style() chooses them per post and print.css would replace them.
*/

.radha-capture,
#download_area.radha-capture {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 30px;
	/* #download_area beats .radha-capture, and the print theme sets
	   min-height: 100vh on that id. The id selector plus !important
	   keeps a short article the same height in admin and in the JPEG. */
	min-height: 0 !important;
	/* Reset the sheet's own font so wp-admin (14px system) and the
	   print theme cannot leave different inherited values on the
	   capture node. Children set their own type. Body family is
	   local Mandali (assest/fonts/Mandali.ttf). */
	font-family: Mandali, Arial, sans-serif !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 1.2 !important;
	color: #000 !important;
	text-align: justify;
}

.radha-capture *,
.radha-capture *::before,
.radha-capture *::after {
	box-sizing: border-box;
}

.radha-capture .rddt-header-stage {
	position: relative;
	width: 100%;
	margin: 0 0 10px;
	line-height: 0;
}

.radha-capture .rdf-site-name,
.radha-capture .rdf-neutral-art {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	min-height: 84px;
	margin: 0;
	background: #f4f1ea;
	color: #1d2327;
	font-family: Mandali, Arial, sans-serif !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	font-style: normal !important;
	line-height: 1.2 !important;
	letter-spacing: normal !important;
	text-align: center !important;
}

.radha-capture .rdf-neutral-art {
	position: absolute;
	inset: 0;
	min-height: 0;
}

.radha-capture .rddt-header-stage > img.rddt-header-art,
.radha-capture .rddt-header-art,
.radha-capture .epaper-footer > img,
.radha-capture .rdf-stage > img.rdf-artwork,
.radha-capture .rdf-preview-art {
	position: static;
	left: auto;
	top: auto;
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: none;
	display: block;
	margin: 0;
	object-fit: unset;
	aspect-ratio: auto;
	border: 0;
}

.radha-capture .epaper-download-time {
	position: absolute;
	left: 0;
	display: inline-block;
	width: auto;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none;
	border-radius: 0;
	text-align: left !important;
	letter-spacing: 0.5px;
	line-height: 1.2 !important;
	white-space: nowrap;
	z-index: 3;
}

.radha-capture h1.title-dynamic {
	text-align: center !important;
	font-size: 100pt !important;
	font-weight: 400 !important;
	font-style: normal !important;
	margin: 0 !important;
	padding: 30px 0 0 0 !important;
	line-height: 1 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

.radha-capture .subtitle-dynamic {
	text-align: center !important;
	font-size: 60px !important;
	font-family: Ramabhadra, Mandali, sans-serif !important;
	font-weight: 400 !important;
	line-height: 1.1 !important;
	margin: 0 0 30px 0 !important;
	padding: 0 !important;
	color: #fa0202 !important;
}

.radha-capture .news-details-print {
	column-gap: 70px;
	padding: 10px;
	/* Match original ZIP print body leading (1.2). */
	line-height: 1.2 !important;
	color: #000;
	font-family: Mandali, Arial, sans-serif !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	box-sizing: border-box;
}

.radha-capture .news-details-print > img {
	max-width: 100% !important;
	height: 500px !important;
	width: auto !important;
	display: block;
	margin: 0 0 30px 0 !important;
	border: 0 !important;
	break-inside: avoid;
}

.radha-capture .rdf-photo-frame > img.rdf-photo {
	width: 100% !important;
	height: 100% !important;
	display: block;
	max-width: none !important;
	margin: 0 !important;
	border: 0 !important;
}

.radha-capture .news-details-print p img {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	border: 0 !important;
}

.radha-capture .news-details-print p {
	background-color: transparent !important;
	margin: 0 0 2px !important;
	padding: 0 !important;
	font-family: Mandali, Arial, sans-serif !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 1.2 !important;
	letter-spacing: normal !important;
	text-align: justify !important;
	color: #000 !important;
}

.radha-capture .epaper-footer {
	width: 100%;
	margin-top: 40px;
	clear: both;
}

.radha-capture .rdf-stage,
.radha-capture #rdf-preview-stage {
	position: relative;
	width: 100%;
	max-width: none;
	background: transparent;
	outline: 0;
	overflow: visible;
}

.radha-capture .rdf-el,
.radha-capture .rdf-preview-el {
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 2;
	line-height: 1.15;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

.radha-capture .rdf-photo {
	display: block;
	max-width: none;
	object-fit: cover;
	box-sizing: border-box;
}

.radha-capture .rdf-photo-fallback,
.radha-capture #rdf-preview-photo {
	background: #eef2f7;
	border: 1px solid #d9e0e8;
	box-sizing: border-box;
}

.radha-capture .epaper-footer > img,
.radha-capture .epaper-footer > .rdf-stage > img.rdf-artwork,
.radha-capture .rdf-stage > img.rdf-artwork,
.radha-capture .rdf-preview-art {
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: none !important;
	object-fit: unset !important;
	aspect-ratio: auto !important;
	border: 0 !important;
}