/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/**
 * Gold and Grey Color Scheme
 * Elegant and professional color palette combining luxurious gold with sophisticated greys
 */

:root {
	/* Gold and Grey color variables */
	--color-primary: #D4AF37;
	--color-primary-alt: #F4E4A6;
	--color-primary-dark: #5a5a5a;
	--color-text-dark: #2d2d2d;
	--color-light-grey: #e8e8e8;
	--color-very-light-grey: #f5f5f5;
}

/* Primary accent color - buttons, links, hover states */
a:not(.wp-block-button__link),
.entry-meta a,
.wp-block-button__link,
.wp-block-social-links__link,
.nav-links a,
.comments-pagination a {
	--wp-preset-color-primary: var(--color-primary);
}

/* Headings with gold/grey styling */
h1, h2, h3, h4, h5, h6 {
	color: var(--color-text-dark);
}

/* Button styling - Gold background with dark grey text */
button,
input[type="button"],
input[type="submit"],
.wp-block-button__link {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--color-text-dark);
	font-weight: 600;
	transition: all 0.3s ease;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
	background-color: var(--color-primary-alt);
	border-color: var(--color-primary-alt);
	color: var(--color-text-dark);
	box-shadow: 0 4px 8px rgba(212, 175, 55, 0.3);
}

/* Links - gold accent */
a {
	color: var(--color-primary);
	transition: color 0.2s ease;
}

a:hover,
a:focus,
a:active {
	color: var(--color-primary-dark);
	text-decoration: underline;
}

/* Red accent backgrounds */
.has-background-color.has-primary-background-color,
.wp-block-cover.has-primary-background-color,
.wp-block-button__link {
	background-color: var(--color-primary) !important;
}

/* Highlight/Selection colors - Gold background with dark text */
::selection {
	background-color: var(--color-primary);
	color: var(--color-text-dark);
}

::-moz-selection {
	background-color: var(--color-primary);
	color: var(--color-text-dark);
}

/* Forms - gold focus states */
input:focus,
textarea:focus,
select:focus {
	border-color: var(--color-primary);
	box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
	outline: none;
}

/* Block quote styling */
blockquote {
	border-left-color: var(--color-primary);
}

/* Separator - red accent line */
.wp-block-separator {
	border-top-color: var(--color-primary);
}

/* Tags and categories - red styling */
.wp-block-tag-cloud a,
.tag-list a,
.cat-links a {
	color: var(--color-primary);
}

/* Breadcrumb navigation */
.breadcrumb a {
	color: var(--color-primary);
}

/* Menu hover states */
.wp-block-navigation__submenu-container:hover,
.menu-item:hover > a {
	color: var(--color-primary);
}

/* Gold accent for important elements */
.alert-warning,
.wp-block-button.is-style-outline .wp-block-button__link {
	border-color: var(--color-primary);
	color: var(--color-primary);
}

.alert-warning:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--color-very-light-grey);
	border-color: var(--color-primary-dark);
	color: var(--color-primary-dark);
}