/*
Theme Name: PixelHavenZone Child
Theme URI: https://wordpress.com/themes/toujours/
Template: toujours
Author: Automattic
Author URI: http://automattic.com/
Description: Toujours has a simple, elegant design that's perfect for planning and sharing moments from your wedding. The theme highlights your content with a slideshow, large featured images, and a unique layout for recent posts.
Tags: custom-background,custom-colors,custom-menu,editor-style,featured-images,one-column,post-formats,right-sidebar,rtl-language-support,sticky-post,theme-options,translation-ready
Version: 1.1.0.1793781127
Updated: 2026-11-04 08:32:07

*/


/* ------------------------------------------------------------------
   PixelHavenZone: dark header/body, cyan accent #0891b2
   ------------------------------------------------------------------ */
:root {
	--phz-accent: #0891b2;
	--phz-accent-light: #22d3ee;
	--phz-accent-dark: #0e7490;
	--phz-bg: #0b1220;
	--phz-panel: #111c30;
	--phz-header: #0d1526;
	--phz-text: #e2e8f0;
	--phz-muted: #94a3b8;
}

/* Dark page background */
body {
	background-color: var(--phz-bg);
	color: var(--phz-text);
}

/* Dark header for the white-text logo */
.site-header {
	background-color: var(--phz-header);
	border-bottom: 3px solid var(--phz-accent);
}
.site-branding {
	padding: 1.5em 0;
}
.custom-logo-link {
	display: inline-block;
}
.custom-logo {
	max-height: 120px;
	width: auto;
	height: auto;
}
/* No duplicate wordmark: hide the text site title when the logo is shown */
.site-branding .custom-logo-link + .site-title {
	display: none;
}
.site-title a {
	color: #ffffff;
}
.site-description {
	color: #cbd5e1;
}

/* Primary navigation */
.main-navigation {
	background-color: var(--phz-header);
}
.main-navigation ul ul {
	background-color: var(--phz-header);
}
.main-navigation a {
	color: #f1f5f9;
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: var(--phz-accent-light);
}
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-ancestor > a {
	color: var(--phz-accent-light);
}

/* Accent colour for links */
a {
	color: var(--phz-accent);
}
a:hover,
a:focus,
a:active {
	color: var(--phz-accent-light);
}

/* Accent buttons */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	background-color: var(--phz-accent);
	border-color: var(--phz-accent);
	color: #ffffff;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover {
	background-color: var(--phz-accent-dark);
	border-color: var(--phz-accent-dark);
	color: #ffffff;
}

/* Content and sidebar panels on dark */
.site-content {
	background-color: transparent;
}
.hentry,
.widget,
.comments-area {
	background-color: var(--phz-panel);
	border: 1px solid #1e293b;
}
.entry-title,
.entry-title a,
.widget-title,
.comments-title {
	color: #f8fafc;
}
.entry-title a:hover {
	color: var(--phz-accent-light);
}
.entry-meta,
.entry-meta a,
.entry-footer,
.entry-footer a,
.comment-metadata,
.comment-metadata a {
	color: var(--phz-muted);
}
.entry-meta a:hover,
.entry-footer a:hover {
	color: var(--phz-accent-light);
}
.entry-content,
.entry-summary,
.comment-content {
	color: var(--phz-text);
}
.widget {
	color: var(--phz-text);
}
.widget-title {
	border-bottom: 2px solid var(--phz-accent);
}
.widget a {
	color: #cbd5e1;
}
.widget a:hover {
	color: var(--phz-accent-light);
}
.widget ul li {
	border-bottom-color: #1e293b;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select {
	background-color: var(--phz-bg);
	color: var(--phz-text);
	border: 1px solid #334155;
}

/* Post navigation / pagination accent */
.post-navigation a,
.posts-navigation a,
.page-numbers {
	color: var(--phz-accent);
}
.post-navigation a:hover,
.posts-navigation a:hover {
	color: var(--phz-accent-light);
}

/* Footer */
.site-footer {
	background-color: var(--phz-header);
	color: #cbd5e1;
	border-top: 3px solid var(--phz-accent);
}
.site-footer a {
	color: #cbd5e1;
}
.site-footer a:hover {
	color: var(--phz-accent-light);
}
.footer-menu {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
}
.footer-menu li {
	display: inline-block;
	margin: 0 0.75em 0.5em 0;
}
/* Readability fixes on dark backgrounds */
body {
	background-image: none !important;
}
.entry-header .entry-title,
.entry-header .entry-title a,
h2.entry-title,
h2.entry-title a,
h1.entry-title,
h1.entry-title a {
	color: #f8fafc !important;
}
.widget a,
.widget ul li a {
	color: #cbd5e1 !important;
}
.widget a:hover {
	color: var(--phz-accent-light) !important;
}
.page-header .page-title {
	color: #f8fafc !important;
}