/*
Theme Name: ArcadeRealmWorld
Theme URI: https://wordpress.com/themes/toujours/
Template: toujours
Author: Automattic
Author URI: http://automattic.com/
Description: Child theme of Toujours customized for darkred-chinchilla-332519.hostingersite.com: dark header, violet accent, custom logo and footer.
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.1793781175
Updated: 2026-11-04 08:32:55

*/


/* =ArcadeRealmWorld: dark header/body, violet accent, left sidebar
-------------------------------------------------------------- */

/* Dark base */
body {
	background-color: #141419;
	color: #d8d8e0;
}
body,
button,
input,
select,
textarea {
	color: #d8d8e0;
}
#page {
	background: #1b1b22;
	border-color: #2e2e38;
}

/* Violet accent (#9333ea) */
a {
	color: #9333ea;
}
a:hover,
a:focus,
a:active {
	color: #a855f7;
}
::selection {
	background: #9333ea;
	color: #fff;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #9333ea;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	background-color: #7e22ce;
}
.site-title a {
	color: #9333ea;
}
.site-title a:hover {
	color: #a855f7;
}
.main-navigation a:focus,
.main-navigation a:hover {
	color: #9333ea;
}
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a {
	color: #9333ea;
}
.entry-title a:hover,
#secondary .widget a:hover,
#featured-post-trio article h2 a:hover,
.comment-metadata .edit-link a:hover,
.reply a:hover {
	color: #9333ea;
}
.featured-post {
	background-color: #9333ea;
}
.page-links a:hover .page-links-num {
	background-color: #9333ea;
	border-color: #9333ea;
}
#infinite-handle span button,
#infinite-handle span button:hover,
#infinite-handle span button:focus,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
	background-color: #9333ea;
}
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover {
	background-color: #7e22ce;
}
.comment-metadata .edit-link a,
.reply a,
.comment-navigation .nav-links a,
.comment-respond #reply-title small {
	color: #9333ea;
}
.bypostauthor .avatar-container:before {
	background: #9333ea;
}
.search-form.hover-button label:before {
	color: #9333ea;
}
.slideshow .prev-slide:hover,
.slideshow .next-slide:hover {
	color: #9333ea;
}
.error404 .widget_tag_cloud a:hover {
	color: #9333ea;
}
blockquote {
	border-left-color: #9333ea;
}

/* Dark header */
.site-header {
	background: #101015;
	border-bottom: 1px solid #2e2e38;
}
.main-navigation {
	border-bottom-color: #2e2e38;
	border-top-color: #2e2e38;
}
.main-navigation a {
	color: #e9e9ee;
}
.main-navigation ul ul {
	background: #1b1b22;
	border: 1px solid #2e2e38;
}
.main-navigation ul ul:before {
	border-color: transparent transparent #1b1b22 transparent;
}
.main-navigation ul ul a:hover {
	background-color: #26262f;
}
.menu-toggle {
	color: #e9e9ee;
}

/* Custom logo */
.custom-logo-link {
	display: inline-block;
	line-height: 0;
}
.custom-logo {
	max-height: 130px;
	width: auto;
}

/* Left sidebar (parent stacks sidebar below content at <=1024px) */
@media only screen and (min-width: 1025px) {
	#primary {
		float: right;
	}
	#secondary {
		float: left;
		border-left: 0;
		border-right: 1px solid #2e2e38;
		padding-left: 0;
		padding-right: 30px;
	}
}

/* Dark content */
.entry-header {
	border-bottom-color: #2e2e38;
}
.entry-title,
.entry-title a {
	color: #f1f1f5;
}
.entry-footer {
	border-top-color: #2e2e38;
}
.entry-footer a {
	color: #b78bf5;
}
.page-title {
	color: #b9b9c4;
}
.taxonomy-description {
	color: #8f8f9a;
}
#tagline {
	background: #121217;
}
#tagline .site-description {
	color: #b9b9c4;
}
h1, h2, h3, h4, h5, h6 {
	color: #f1f1f5;
}

/* Dark sidebar widgets */
#secondary .widget {
	color: #cfcfda;
}
#secondary .widget-title {
	color: #f1f1f5;
}
#secondary .widget a {
	color: #b9a7f2;
}
#secondary .widget a:hover {
	color: #a855f7;
}
#secondary .widget_archive li,
#secondary .widget_categories li,
#secondary .widget_links li,
#secondary .widget_meta li,
#secondary .widget_nav_menu li,
#secondary .widget_pages li,
#secondary .widget_recent_comments li,
#secondary .widget_recent_entries li,
#secondary .widget_rss li {
	border-bottom-color: #2e2e38;
}

/* Dark forms */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	background-color: #121217;
	border-color: #2e2e38;
	color: #e9e9ee;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #9333ea;
	color: #fff;
}

/* Dark comments */
.comments-area {
	border-top-color: #2e2e38;
}
.comment-list .comment {
	border-bottom-color: #2e2e38;
}

/* Footer */
#colophon {
	background-color: #101015;
	border-top: 1px solid #2e2e38;
}
.footer-navigation ul {
	list-style: none;
	margin: 0 0 14px;
	padding: 0;
	text-align: center;
}
.footer-navigation li {
	display: inline-block;
	margin: 4px 12px;
}
.footer-navigation a {
	color: #c4b5fd;
	text-decoration: none;
}
.footer-navigation a:hover {
	color: #a855f7;
	text-decoration: underline;
}
.site-info {
	color: #9b9ba7;
	text-align: center;
}
.site-info a {
	color: #c4b5fd;
}