/*
 * NEOXMINE brand layer.
 * Recolours the Themify Ultra "software" skin (violet #6a4fff -> cyan #6ff6f7) to navy + copper.
 * Selectors mirror skins/software/style.css so only colour declarations change.
 */
:root {
	--nx-navy: #0b1f3a;
	--nx-navy-deep: #071429;
	--nx-slate: #334155;
	--nx-copper-dark: #c2410c;
	--nx-copper: #ea580c;
	--nx-orange: #f97316;
	--nx-amber: #f59e0b;
	--nx-peach: #fdba74;
	--nx-gradient: linear-gradient(90deg, var(--nx-copper-dark), var(--nx-orange));
	--nx-shadow: rgba(234, 88, 12, .12);
	--nx-shadow-strong: rgba(234, 88, 12, .22);

	--theme_accent: var(--nx-copper);
	--theme_accent_hover: var(--nx-copper-dark);
	--theme_accent_semi: linear-gradient(0deg, var(--nx-copper-dark), var(--nx-orange));
	--tb_mc_sbg: rgba(249, 115, 22, .3); /* Themify's text-selection colour (default light blue) */
}

::selection { background: rgba(249, 115, 22, .3) !important; }

/* Gradient fills */
button, input[type=reset], input[type=submit],
button:hover, input[type=reset]:hover, input[type=submit]:hover,
.search-results-wrap .view-all-button,
.header-stripe #site-logo,
.fixed-header #main-nav .highlight-link > a,
.fixed-header #site-logo a,
.commentlist .comment-reply-link,
.post-filter li.active a,
.loops-wrapper.flip .post-image + .post-content,
.image-bottom.module-testimonial-slider .testimonial-author,
.image-top.module-testimonial-slider .testimonial-author,
.module-menu .nav.vertical > li a:before,
.ui.builder_button.blue, .ui.builder_button.blue:hover,
#slide-cart .button, #slide-cart .button:hover,
.woocommerce #respond input#submit, .woocommerce #respond input#submit:hover,
.woocommerce a.button, .woocommerce a.button:hover,
.woocommerce a.button.alt, .woocommerce a.button.alt:hover,
.woocommerce a.button.disabled, .woocommerce a.button.alt.disabled:hover,
.woocommerce button.button, .woocommerce button.button:hover,
.woocommerce button.button.alt, .woocommerce button.button.alt:hover,
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled],
.woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button, .woocommerce input.button:hover,
.woocommerce input.button.alt, .woocommerce input.button.alt:hover,
.woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled],
.woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .button:hover {
	background-image: var(--nx-gradient);
}
.module-fancy-heading .main-head {
	background-image: linear-gradient(-340deg, var(--nx-copper-dark), var(--nx-orange));
}
.pagenav .current, .pagenav a:hover {
	background-image: linear-gradient(0deg, var(--nx-copper-dark), var(--nx-orange));
}
.ui.builder_button.purple, .ui.builder_button.purple:hover {
	background-image: linear-gradient(90deg, var(--nx-navy), var(--nx-slate));
}

/* Portfolio/post overlays: the hover tint on the "Skins & Premade Demos" tiles */
.loops-wrapper.overlay .post-image + .post-content,
.loops-wrapper.polaroid .post-image + .post-content {
	background-image: linear-gradient(90deg, rgba(194, 65, 12, .88), rgba(249, 115, 22, .8));
}

/* Every Themify colour preset lands on the brand: blue/purple -> copper, green -> navy, yellow -> amber, red/pink -> copper/navy */
.ui.builder_button.blue, .ui.builder_button.blue:hover,
.ui.builder_button.light-blue, .ui.builder_button.light-blue:hover,
.ui.builder_button.light-purple, .ui.builder_button.light-purple:hover { background-image: var(--nx-gradient); }
.ui.builder_button.green, .ui.builder_button.green:hover,
.ui.builder_button.light-green, .ui.builder_button.light-green:hover { background-image: linear-gradient(90deg, var(--nx-navy), var(--nx-slate)); }
.ui.builder_button.yellow, .ui.builder_button.yellow:hover { background-image: linear-gradient(90deg, var(--nx-amber), var(--nx-orange)); }
.ui.builder_button.red, .ui.builder_button.red:hover,
.ui.builder_button.pink, .ui.builder_button.pink:hover { background-image: linear-gradient(90deg, var(--nx-copper-dark), var(--nx-navy)); }

/* Pricing tables: Single (green), Master (blue), Lifetime (red), plus the unused presets */
.ui.module-pricing-table.green.gradient,
.ui.module-pricing-table.light-green.gradient { background-image: linear-gradient(-340deg, var(--nx-slate), var(--nx-navy)); }
.ui.module-pricing-table.blue.gradient,
.ui.module-pricing-table.light-blue.gradient { background-image: linear-gradient(-340deg, var(--nx-orange), var(--nx-copper-dark)); }
.ui.module-pricing-table.red.gradient,
.ui.module-pricing-table.pink.gradient { background-image: linear-gradient(-340deg, var(--nx-copper-dark), var(--nx-navy)); }
.ui.module-pricing-table.purple.gradient,
.ui.module-pricing-table.light-purple.gradient { background-image: linear-gradient(-340deg, var(--nx-navy), var(--nx-slate)); }
.ui.module-pricing-table.yellow.gradient { background-image: linear-gradient(-340deg, var(--nx-amber), var(--nx-orange)); }
.module.module-pricing-table .module-pricing-table-pop { background-color: var(--nx-copper); } /* "popular" badge */

/* Tinted shadows */
#slide-cart .button, .ui.builder_button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce ul.products li.product .button {
	box-shadow: 0 2px 9px 0 var(--nx-shadow-strong);
}
button:hover, input[type=reset]:hover, input[type=submit]:hover,
.ui.builder_button:hover,
.module.module-pricing-table .module-pricing-table-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce ul.products li.product .button:hover,
.post-filter, .post-filter:before,
.module.ui.module-pricing-table,
.image-bubble.module-testimonial-slider .testimonial-content, .module-testimonial-slider .testimonial-content {
	box-shadow: 0 20px 20px 0 var(--nx-shadow);
}
.loops-wrapper.overlay .post:hover { box-shadow: 0 30px 35px 0 var(--nx-shadow-strong); }
.ui.module-accordion li.builder-accordion-active, .ui.module-accordion li:hover { box-shadow: 0 -2px 10px var(--nx-shadow); }
.module .module-icon i { box-shadow: 0 5px 20px 0 var(--nx-shadow); color: var(--nx-copper); }
.module-icon:hover a i { box-shadow: 0 5px 40px 0 var(--nx-shadow-strong); }
.search-option-tab li.active a, .search-option-tab li:hover a { box-shadow: inset 0 -3px 0 0 var(--nx-copper); }

/* Header */
#main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav a:hover { color: var(--nx-copper); }
/* Transparent header sits on dark heroes: white logo until it turns sticky (white bar). */
.transparent-header #headerwrap:not(.fixed-header) #site-logo img { filter: brightness(0) invert(1); }
.transparent-header #headerwrap:not(.fixed-header) #main-nav .current-menu-item > a,
.transparent-header #headerwrap:not(.fixed-header) #main-nav .current_page_item > a { color: var(--nx-peach); }

/* Footer: navy, no confetti overlay */
#footerwrap { background: var(--nx-navy); }
#footerwrap a, #footer .footer-nav a, #footer .widget a { color: var(--nx-peach); }
#footerwrap a:hover, .footer-nav li:hover > a { color: #fff; }
.section-col + .footer-text { background-color: var(--nx-navy-deep); }
#footer-logo img { max-width: 210px; height: auto; }
