/* 2026-07-22 v1.1
 * - Replaced the desktop menu hover :has() selector with an explicit state class
 */

p:not(.h1, .h2, .h3, .h4, .h5, .h6) > a:not(.button), small a:not(.button) {
	color:var(--colororange,#ff5100);
	text-decoration: underline;
}
body, :is(h1, .h1) a, :is(h2, .h2) a, :is(h3, .h3) a, :is(h4, .h4) a, select, a {
	color:#111;
}
:is(h1, .h1) a:hover, :is(h2, .h2) a:hover, :is(h3, .h3) a:hover, :is(h4, .h4) a:hover {
	color:var(--colororange,#ff5100);
}

a[class*="thumbnail"] :is(h3, .h3) > span, 
.content-wrapper *:is(ol, ul) li a,
*:is(.kd-contact-option, .kd-personal-advice-banner-ctas) a > .fa:not(.fa[class*="circle"]) {
	color:var(--colororange,#ff5100);
}
header :is(h2, .h2) a:hover, header  :is(h3, .h3) a:hover {
    color:var(--colororange); 
    transition:none!important;
}
.menu {
	border-top:1px solid var(--colororangelight);
	border-bottom:1px solid var(--colororangelight);
	border-color: var(--colororangelight);
	background-color:var(--colororangeverylight);
}

.menu:not(.submenu) {
    border-top:none!important;
    background: none;
    box-shadow: 0px 0px 0px 0px #ddd, 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
.menu + .menu { 
     border-top:none!important;    
}
.menu + .menu { 
   /* background-color:rgba(255,81,0)!important;*/
}
.menu + .menu.submenu {  
     display: none;
}
.menu a {
	color:#000;
}
.menu + .menu a { 
   /* color:#fff;*/
}
header .menu nav:not(.nav-dropdown) > ul > li > a:hover, 
header .menu nav:not(.nav-dropdown):not(.menu-has-hover) > ul > li.selected > a {
	/*background-color:rgba(255,81,0,1);*/
	box-shadow: inset 0px -2px 0px 0px rgba(255,81,0,1);
}
.card {
	border-radius: var(--border-radius-sm,5px);
	border:1px solid #eee;
}
*:not([class*="grid-"]):not([class*="flex"]):not([style*="grid"]):not([style*="flex"]) > .card:not(:first-child) {
	margin-top: 20px;
}
.content-wrapper :is(h1, .h1), .content-wrapper :is(h2, .h2) {
	color:rgba(255,81,0,1);	
}

@supports(--css: variables) {
    .content-wrapper :is(h1, .h1), .content-wrapper :is(h2, .h2), .content-wrapper .alt-color:not(.button, button) {
        color: var(--color_highlight);    
    }
}

footer a {
	color:#333!important;
}
footer a:hover {
    text-decoration: underline;
}
footer a:active {
	color:var(--colororange);
}
.fa-check {
	color:var(--colororange);
}
.bullet {
	background-color: #66C736;
	display: block;
	min-height: 10px;
	border-radius: 50%;
	min-width: 10px;
	margin-top: 7px;
}
.bullet-red {
	background-color: #BD3A3A;
}
 .bullet-gray {
    background-color:#e5e5e5;
}
.bullet {
    box-shadow: inset 0px 0px 0px 1.2px rgba(0,0,0,0.04);
}

.bullet:after {
	padding-top: 100%;
}
.bullet + * {
	margin-top: 0px!important;
}
span.highlight {
	color:var(--colorgreen);
}
p.important, div.important {
	padding-left: 10px;
	padding-right: 10px;
	border:1px solid rgba(255,81,0);
    background-color: rgba(255,81,0,0.1);
	border-radius: 4px;
}
div.important {
     padding-top: 5px;
    padding-bottom: 5px;
}
p.important { 
	line-height: 15px;
}
p.important.green, *[class*="status"][class*="green"] {
	background-color:var(--colorgreen);
    background-color: var(--colorgreenlight);
/*	color:#fff;*/
    
    border:2px solid var(--colorgreen);
}
p.important.red, *[class*="status"][class*="red"] {
	background-color:#BF0201;
	color:#fff;
}
span.text.red {
    color:#BF0201;
}
p.important.neutral, *[class*="status"][class*="neutral"] {
	background-color:#CCC;
	color:#666;
}
span.light, p.light, strong.light {
	color:#666;
}
p.important.neutral, *[class*="status"][class*="neutral"] {
	background-color: #fff;
    border:2px solid var(--color_highlight);
    text-align: center;
}

strong.green, span.green, :is(h3, .h3).green {
	color:var(--colorgreen);
}

td .order-status-html {
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 0px 5px;
    padding-top: 2px;
}
small.gray, p.gray {
    color:#666;
}
@supports(--css: variables) {
    p a, div:has( > span) a {
        color: var(--color_highlight);  
    }   
}
.product-formula-form .kdp-total-price :is(h3, .h3).jumbo {
    color:var(--colorgreen);
}

.lightgray {
    color:#ccc;
}

.pre-header a { 
    color:#666;   
}
.pre-header a:hover { 
    text-decoration: underline;
}