/*=====================================================================================
	EGGY EMPORIUM — cosmetic layer on top of Cookie Clicker's style.css.
	Loaded after style.css, so everything here is an override; nothing is redefined
	from scratch. Keep it additive so upstream style.css stays droppable-in.
=====================================================================================*/

:root {
	--eggy-shell:      #f7e2b2;
	--eggy-shell-warm: #e8c47f;
	--eggy-yolk:       #ffc93c;
	--eggy-deep:       #7a4a1a;
	--eggy-leaf:       #86c06a;
}

/* --- top bar branding ------------------------------------------------------- */

#topbarBrand {
	color: var(--eggy-shell);
	text-shadow: 0 1px 2px #000, 0 0 8px rgba(255, 201, 60, 0.35);
	letter-spacing: 0.3px;
}
#topbarBrandLogo {
	position: absolute;
	left: 2px;
	top: 0;
	width: 56px;
	height: 32px;
	background: url(../img/eggyLogoTiny.png) no-repeat center;
	pointer-events: none;
}
#topbarCredit {
	color: rgba(255, 255, 255, 0.35);
	font-weight: normal;
	font-size: 13px;
}
#topbarCredit a {
	color: rgba(255, 255, 255, 0.6) !important;
}
#topbarCredit a:hover {
	color: #fff !important;
	text-shadow: 0 0 3px var(--eggy-yolk);
}
#topBar a.lightblueLink {
	color: var(--eggy-yolk);
}
#topBar a.lightblueLink:hover {
	color: #ffe89a;
	text-shadow: 0 0 3px var(--eggy-yolk);
}

/* --- the big egg -------------------------------------------------------------
   The clicker is drawn to a canvas, so this only affects the shadow it sits in
   and the wrath-mode fallback background. */

#bigCookie {
	filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.45));
}
#bigCookie:active {
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.55));
}

/* --- section titles ----------------------------------------------------------- */

#storeTitle, #buildingsTitle {
	color: var(--eggy-shell);
	text-shadow: 0 1px 0 #000, 0 0 6px rgba(255, 201, 60, 0.25);
}

/* --- the egg counter and emporium name ------------------------------------------ */

#cookies {
	color: var(--eggy-shell);
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.6), 0 0 12px rgba(255, 201, 60, 0.35);
}
#bakeryName {
	color: var(--eggy-shell-warm);
}

/* --- ascension / legacy screen accents ------------------------------------------ */

#ascendNumber {
	color: var(--eggy-yolk);
}

/* --- the right column lost its ad slots, so give the store a little breathing room */

#sectionRight #store {
	padding-top: 8px;
}