/*
Theme Name:   Daily Paranormal Child
Theme URI:    https://dailyparanormal.com/
Description:  Kadence child theme for DailyParanormal.com. Deep navy/black dark theme with blood-red accents, off-white serif headlines, and a professional eerie news-outlet feel. Designed to pair with the Daily Paranormal plugin.
Author:       Daily Paranormal
Template:     kadence
Version:      1.0.0
Requires PHP: 7.4
Text Domain:  dailyparanormal-child
*/

/* ==========================================================================
   Daily Paranormal — Site-wide dark theme
   Palette (matches plugin frontend.css):
     --dpc-bg        #0a0d14  deep navy/black page background
     --dpc-bg-2      #10141f  panel / card background
     --dpc-bg-3      #161b29  raised elements
     --dpc-red       #c41e1e  blood red accent
     --dpc-red-dark  #8f1515  hover / borders
     --dpc-red-deep  #5c0e0e  deep red button shadow
     --dpc-text      #e8e4d8  off-white text
     --dpc-muted     #9a958a  muted text
     --dpc-border    #2a1518  thin red-tinted borders
   ========================================================================== */

:root {
	--dpc-bg: #0a0d14;
	--dpc-bg-2: #10141f;
	--dpc-bg-3: #161b29;
	--dpc-red: #c41e1e;
	--dpc-red-bright: #e03434;
	--dpc-red-dark: #8f1515;
	--dpc-red-deep: #5c0e0e;
	--dpc-text: #e8e4d8;
	--dpc-muted: #9a958a;
	--dpc-border: #2a1518;
	--dpc-serif: Georgia, "Times New Roman", serif;
}

/* --------------------------------------------------------------------------
   Base / body
   -------------------------------------------------------------------------- */

body,
body.page,
body.single,
body.archive,
body.home {
	background-color: var(--dpc-bg);
	color: var(--dpc-text);
}

/* Kadence content wrappers */
.site,
.site-container,
.content-area,
.content-bg,
.site-content,
body.content-style-unboxed .site .entry-content-wrap {
	background-color: var(--dpc-bg);
	color: var(--dpc-text);
}

/* Boxed content style — keep panels slightly raised */
body.content-style-boxed .site .entry-content-wrap,
body.content-style-boxed .site .content-bg {
	background-color: var(--dpc-bg-2);
	border: 1px solid var(--dpc-border);
}

/* --------------------------------------------------------------------------
   Typography
   -------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title {
	font-family: var(--dpc-serif);
	color: var(--dpc-text);
	letter-spacing: 0.02em;
}

.entry-content p,
.entry-content li {
	color: var(--dpc-text);
	line-height: 1.75;
}

a {
	color: var(--dpc-red-bright);
}

a:hover,
a:focus {
	color: #ff5252;
}

.entry-content blockquote {
	border-left: 3px solid var(--dpc-red);
	background: var(--dpc-bg-2);
	color: var(--dpc-muted);
	padding: 12px 18px;
}

::selection {
	background: var(--dpc-red);
	color: #fff;
}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */

.site-header,
.site-header .site-header-wrap,
.site-header .site-header-inner-wrap,
.site-main-header-wrap,
.site-header-row-container-inner,
#masthead {
	background: linear-gradient(180deg, #07090f 0%, var(--dpc-bg) 100%);
	border-bottom: 1px solid var(--dpc-border);
}

.site-branding .site-title,
.site-branding .site-title a {
	font-family: var(--dpc-serif);
	color: var(--dpc-text);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.site-branding .site-title a:hover {
	color: var(--dpc-red-bright);
}

.site-branding .site-description {
	color: var(--dpc-red);
	font-size: 0.78rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Navigation
   -------------------------------------------------------------------------- */

.main-navigation .primary-menu-container > ul > li > a,
.header-navigation .menu > li > a,
.site-header .main-navigation a {
	color: var(--dpc-text);
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.main-navigation .primary-menu-container > ul > li > a:hover,
.header-navigation .menu > li > a:hover,
.site-header .main-navigation a:hover,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a {
	color: var(--dpc-red-bright);
}

/* Active item underline, like the mockup's LATEST tab */
.main-navigation .primary-menu-container > ul > li.current-menu-item > a {
	box-shadow: inset 0 -2px 0 var(--dpc-red);
}

/* Mobile drawer */
.mobile-navigation .menu a,
#mobile-drawer .drawer-inner,
#mobile-drawer .drawer-content {
	background-color: var(--dpc-bg-2);
	color: var(--dpc-text);
}

#mobile-drawer .menu a {
	color: var(--dpc-text);
	border-bottom: 1px solid var(--dpc-border);
}

#mobile-drawer .menu a:hover {
	color: var(--dpc-red-bright);
}

.menu-toggle-open,
.menu-toggle-open .menu-toggle-icon {
	color: var(--dpc-text);
}

/* Header search */
.search-toggle-open,
.site-header .search-form input.search-field {
	color: var(--dpc-text);
	background: var(--dpc-bg-2);
	border: 1px solid var(--dpc-border);
}

/* --------------------------------------------------------------------------
   Buttons
   -------------------------------------------------------------------------- */

button,
.button,
input[type="submit"],
.wp-block-button__link,
.kb-button,
.entry-content .wp-block-button__link {
	background: var(--dpc-red-dark);
	color: #fff;
	border: 1px solid var(--dpc-red);
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 600;
	box-shadow: 0 2px 10px rgba(196, 30, 30, 0.25);
}

button:hover,
.button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.kb-button:hover {
	background: var(--dpc-red);
	color: #fff;
}

/* --------------------------------------------------------------------------
   Posts / archives / cards
   -------------------------------------------------------------------------- */

.loop-entry,
.entry,
article.entry,
.loop-entry .entry-content-wrap {
	background: var(--dpc-bg-2);
	border: 1px solid var(--dpc-border);
	border-radius: 6px;
}

.loop-entry .entry-title a,
article .entry-title a {
	color: var(--dpc-text);
	font-family: var(--dpc-serif);
}

.loop-entry .entry-title a:hover,
article .entry-title a:hover {
	color: var(--dpc-red-bright);
}

.entry-meta,
.entry-meta a,
.posted-on,
.byline {
	color: var(--dpc-muted);
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.entry-meta a:hover {
	color: var(--dpc-red-bright);
}

.entry-taxonomies .category-links a,
.entry-taxonomies a {
	color: var(--dpc-red-bright);
}

/* Single post hero / title area */
.entry-header .entry-title {
	color: var(--dpc-text);
}

.single .entry-content-wrap {
	background: transparent;
}

/* --------------------------------------------------------------------------
   Sidebar / widgets
   -------------------------------------------------------------------------- */

.primary-sidebar.widget-area .widget,
.sidebar .widget {
	background: var(--dpc-bg-2);
	border: 1px solid var(--dpc-border);
	border-radius: 6px;
	padding: 18px;
	color: var(--dpc-text);
}

.widget-title,
.widget .widget-title {
	font-family: var(--dpc-serif);
	color: var(--dpc-red-bright);
	font-size: 0.95rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-bottom: 1px solid var(--dpc-border);
	padding-bottom: 8px;
}

.widget a {
	color: var(--dpc-text);
}

.widget a:hover {
	color: var(--dpc-red-bright);
}

/* --------------------------------------------------------------------------
   Forms (WPForms, comments, search)
   -------------------------------------------------------------------------- */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea,
select,
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container textarea,
.wpforms-container select {
	background: #0c0f17;
	color: var(--dpc-text);
	border: 1px solid var(--dpc-border);
	border-radius: 4px;
}

input:focus,
textarea:focus,
select:focus {
	border-color: var(--dpc-red);
	outline: none;
	box-shadow: 0 0 0 1px var(--dpc-red-deep);
}

::placeholder {
	color: var(--dpc-muted);
	opacity: 0.7;
}

.wpforms-container .wpforms-submit,
.wpforms-form button[type="submit"] {
	background: var(--dpc-red-dark) !important;
	border: 1px solid var(--dpc-red) !important;
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.wpforms-container .wpforms-submit:hover,
.wpforms-form button[type="submit"]:hover {
	background: var(--dpc-red) !important;
}

/* Comments */
.comments-area,
.comment-respond {
	background: var(--dpc-bg-2);
	border: 1px solid var(--dpc-border);
	border-radius: 6px;
	padding: 20px;
	color: var(--dpc-text);
}

.comments-area .comment-meta,
.comments-area .comment-metadata a {
	color: var(--dpc-muted);
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */

.site-footer,
.site-footer .site-footer-wrap,
.site-footer-row-container,
.site-middle-footer-inner-wrap,
.site-bottom-footer-inner-wrap,
#colophon {
	background: #07090f;
	color: var(--dpc-muted);
	border-top: 1px solid var(--dpc-border);
}

.site-footer a {
	color: var(--dpc-text);
}

.site-footer a:hover {
	color: var(--dpc-red-bright);
}

.site-footer .widget-title {
	color: var(--dpc-red-bright);
}

.footer-credits,
.site-footer .copyright {
	color: var(--dpc-muted);
	font-size: 0.78rem;
	letter-spacing: 0.06em;
}

/* --------------------------------------------------------------------------
   Misc polish
   -------------------------------------------------------------------------- */

/* Thin red divider utility, matches mockup section rules */
hr,
.entry-content hr {
	border: 0;
	border-top: 1px solid var(--dpc-border);
}

/* Pagination */
.pagination .page-numbers {
	background: var(--dpc-bg-2);
	border: 1px solid var(--dpc-border);
	color: var(--dpc-text);
	border-radius: 4px;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
	background: var(--dpc-red-dark);
	border-color: var(--dpc-red);
	color: #fff;
}

/* Tables */
.entry-content table {
	border: 1px solid var(--dpc-border);
	background: var(--dpc-bg-2);
}

.entry-content table th {
	background: var(--dpc-bg-3);
	color: var(--dpc-red-bright);
	border-bottom: 1px solid var(--dpc-border);
}

.entry-content table td {
	border-bottom: 1px solid var(--dpc-border);
}

/* Scroll-to-top button */
#kt-scroll-up,
#kt-scroll-up-reader {
	background: var(--dpc-red-dark);
	border: 1px solid var(--dpc-red);
	color: #fff;
}

/* Keep images from glowing harshly on the dark background */
.entry-content img,
.post-thumbnail img {
	border-radius: 6px;
	border: 1px solid var(--dpc-border);
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
	.site-branding .site-description {
		font-size: 0.68rem;
		letter-spacing: 0.12em;
	}
}