/* ===================================
   johnphillips.net - Living Room Design
   Warm, personal, approachable
   =================================== */
/* --- Global Warm Palette (non-frontpage pages) --- */
body:not(.home) {
	background-color: #faf8f5 !important;
	color: #3d3229 !important;
}

/* --- Navigation: soften the all-caps corporate feel --- */
.main-navigation a {
	text-transform: none !important;
	letter-spacing: .5px !important;
	font-size: 14px !important;
	color: #faf8f5 !important;
	transition: color .3s ease;
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: #d4a574 !important;
}

/* --- Site Header: warm, less corporate --- */
.site-branding {
	letter-spacing: 2px !important;
}

.site-title a {
	color: #faf8f5 !important;
	font-weight: 400 !important;
}

.site-description {
	color: #e8ddd0 !important;
	font-style: italic !important;
	letter-spacing: 1px !important;
	text-transform: none !important;
	font-size: 15px !important;
}

/* --- HERO first paragraph: preserve big italic intro --- */
#pique-hero .pique-panel-content .entry-content p:first-of-type {
	font-size: 2em !important;
	font-style: italic !important;
	text-align: center !important;
	color: #faf8f5 !important;
	line-height: 1.4 !important;
}

/* =============================================
   FRONTPAGE PANELS - all have dark bg + images
   Text stays LIGHT throughout
   ============================================= */
/* Panel text: warm white */
.pique-panel .entry-content,
.pique-panel .entry-content p,
.pique-panel .pique-panel-content p {
	color: #f5f0e8 !important;
	line-height: 1.85 !important;
	font-size: 17px !important;
}

/* Panel titles: warm cream/gold */
.pique-panel .pique-panel-title,
.pique-panel .entry-title {
	color: #d4a574 !important;
	font-weight: 400 !important;
	letter-spacing: 1px !important;
}

/* Panel links: warm copper/gold - visible on dark bg */
.pique-panel .entry-content a,
.pique-panel .pique-panel-content a {
	color: #d4a574 !important;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(212, 165, 116, 0.5) !important;
	transition: color .3s ease, border-color .3s ease;
}

.pique-panel .entry-content a:hover,
.pique-panel .pique-panel-content a:hover {
	color: #faf8f5 !important;
	border-bottom-color: #faf8f5 !important;
}

/* Panel headings: warm gold */
.pique-panel .entry-content h2,
.pique-panel .entry-content h3,
.pique-panel .entry-content h4 {
	color: #d4a574 !important;
	margin-top: 1.5em !important;
}

/* =============================================
   NON-FRONTPAGE PAGES - light bg, dark text
   ============================================= */
body:not(.home) .entry-content p {
	color: #4a3f35 !important;
	line-height: 1.85 !important;
	font-size: 17px !important;
}

body:not(.home) .entry-content a {
	color: #b8733a !important;
	text-decoration: none !important;
	border-bottom: 1px solid #d4a574 !important;
}

body:not(.home) .entry-content a:hover {
	color: #8b5e34 !important;
	border-bottom-color: #8b5e34 !important;
}

body:not(.home) .entry-title,
body:not(.home) .page-title {
	color: #5c4033 !important;
	font-weight: 400 !important;
}

body:not(.home) .entry-content h2,
body:not(.home) .entry-content h3,
body:not(.home) .entry-content h4 {
	color: #5c4033 !important;
}

/* --- Footer: warm dark --- */
.site-footer {
	background-color: #3d3229 !important;
	color: #e8ddd0 !important;
}

.site-footer a {
	color: #d4a574 !important;
}

.site-footer a:hover {
	color: #faf8f5 !important;
}

.footer-widget-area {
	background-color: #4a3f35 !important;
}

.footer-widget-area .widget-title {
	color: #d4a574 !important;
}

.footer-widget-area,
.footer-widget-area a,
.footer-widget-area p {
	color: #e8ddd0 !important;
}

/* --- Buttons: warm and rounded --- */
button:not(.customize-partial-edit-shortcut-button):not([class*="wp-"]),
.button,
input[type="submit"] {
	background-color: #b8733a !important;
	color: #faf8f5 !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 12px 28px !important;
	text-transform: none !important;
	letter-spacing: .5px !important;
	transition: background-color .3s ease;
}

button:not(.customize-partial-edit-shortcut-button):not([class*="wp-"]):hover,
.button:hover,
input[type="submit"]:hover {
	background-color: #8b5e34 !important;
}

/* --- Widget areas: warm styling --- */
.widget-title {
	color: #5c4033 !important;
	font-weight: 400 !important;
	letter-spacing: 1px !important;
}

/* --- Blockquotes: warm accent bar --- */
blockquote {
	border-left: 4px solid #d4a574 !important;
	padding-left: 1.5em !important;
	color: #f5f0e8 !important;
	font-style: italic;
}

/* --- Smooth scroll behavior --- */
html {
	scroll-behavior: smooth;
}