body {
	font-size: 14px /*{body|body-font-size}*/;
	color: #222 /*{body|text-colour}*/;
}
a, a:hover, a:active, .btn-link, .btn-link:hover{
	color: #333 /*{body|link-colour}*/;
}
a:hover {
    color: #003437;
}

a:active {
    color: #d9534f;
}
.wrapper-header {
	background-color: #efefef /*{header|background-colour}*/;
	border:none;
	margin-bottom:0px;
}
.wrapper-header a, .wrapper-header a:hover, .wrapper-header a:active {
  color: #1f1f1f /*{header|link-colour}*/;
}
.wrapper-header .btn-default {
	background-color: #efefef /*{header|button-colour}*/;
	border-color: #efefef /*{header|button-colour}*/;
	color: #333 /*{header|button-text-colour}*/;
}
.header-search .ajax_search {
	border-color: #efefef /*{header|button-colour}*/;
	box-shadow: none;
	border-width: 2px;
}
.navbar.navbar-default {
	background-color: #efefef /*{header|menu-background-colour}*/;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover,
.navigation-list li a:hover,.navbar-default .navbar-nav > li:hover > a,
.navigation-list li:hover a, .navigation-list li a,
.navbar-default .navbar-nav > li > a:focus {
	color: #000000 /*{header|menu-colour}*/;
}
@media (max-width: 767.98px){
	.navbar-nav .dropdown-menu .dropdown-item{
		color: #000000 /*{header|menu-colour}*/;
	}
}
a#cartcontentsheader {
	padding: 13px 17px;
	background-color: #595959 /*{header|Cart-icon-background-colour}*/;
	color: #fff /*{header|Cart-icon-text-colour}*/;
	border: none;
}
.wrapper-footer {
	background-color: #ffffff /*{footer|background-color}*/;
	color: #000000 /*{footer|text-colour}*/;
}
.wrapper-footer a, 
.wrapper-footer a:hover, 
.wrapper-footer a:active {
	color: #000000 /*{footer|link-colour}*/;
}

/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: #333 /*{buttons | btn-default-text-colour}*/;
	background-color: #fff /*{buttons | btn-default-background-colour}*/;
	border-color: #ccc /*{buttons | btn-default-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover,
.btn-outline-secondary.disabled, .btn-default:disabled,
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
	color: #333 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}

/* Primary button */
.btn-primary {
	color: #fff /*{buttons | btn-primary-text-colour}*/;
	background-color: #595959 /*{buttons | btn-primary-background-colour}*/;
	border-color: #595959 /*{buttons | btn-primary-border-colour}*/;
}
.btn-primary:hover,
.btn-primary.disabled, .btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: #003437 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #003437 /*{buttons | btn-primary-border-colour-hover}*/;
}

/* Success button */
.btn-success {
	color: #fff /*{buttons | btn-success-text-colour}*/;
	background-color: #5d7c81 /*{buttons | btn-success-background-colour}*/;
	border-color: #5d7c81 /*{buttons | btn-success-border-colour}*/;
}
.btn-success:hover,
.btn-success.disabled, .btn-success:disabled,
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
	color: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: #5d7c81 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #5d7c81 /*{buttons | btn-success-border-colour-hover}*/;
}

/* Maintain this customisable tag in style.css for user control over the SKU value color */
.sku-value-colour {
    color: #ff6600 /*{body|sku-color}*/; 
}

/* Apply the required styles to both spans to create the solid background block */
.sku-prefix,
.sku-color {
    /* Styles from inspector .code, simplified for rectangular background */
    font-size: 10pt;
    font-weight: bold;
    background: #eee;
    padding: 3px 10px 3px 0; 
    display: inline-block;
    line-height: 1; /* Match line height for uniform visual appearance */
}

/* Override the prefix color to match the darker text on the prefix shown in the inspector */
.sku-prefix {
    color: #3e4e5e; /* Matches color of the "Code No" text visible in the inspection image */
	background: ;
}

/* Apply the customisable SKU value color */
.sku-color {
    color: #ff6600 /*{body|sku-color}*/; /* Keeps the customisable orange/red color */
    font-weight: bolder; /* Explicitly use bolder weight for the value text */
    /* Add left margin to separate the two blocks slightly, if desired */
    margin-left: 2px;
}

.footer-link-compact li a {
    padding-top: 2px !important; 
    padding-bottom: 2px !important;
}

.footer-link-compact {
    margin-bottom: 0 !important;
}

.nav-category:hover {
	color:black !important;
	background-color:#f66200 !important
}
/* Ensure the overall card content area expands to accommodate the fixed heights */
.thumbnail.card-body {
    /* Use flexbox to organize contents and push the footer (buttons/price) to the bottom */
    display: flex;
    flex-direction: column;
}

/* Target the product title wrapper */
.thumbnail.card-body .card-title {
    /* Set a minimum height to prevent shorter titles from shrinking the box.
       4em is a good starting point for multi-line titles. */
    min-height: 4.7em;
    
    /* Ensure flex items fill the available space */
    flex-grow: 1; 
}

/* Retain the core thumbnail styling if needed, but ensure it allows vertical growth */
/* Overriding the potentially conflicting rule from app.css/your existing code */
.thumbnail > .caption .h3 {
    /* Use min-height to maintain alignment for short titles, but allow long titles to wrap */
    min-height: 4.7em; /* Adjust this value if you need more or less space */
    height: auto; /* Override any fixed height that might clip content */
}

h1 {
	color: #0600b5 /*{header|h1-title}*/;
}

h2 {
	color: #b86500 /*{header|h2-title}*/;
}

#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6 {
    color: #9a5600 /*{body|content-headings-color}*/;
}

/* Navigation Hover Style */
.link-class a:hover,
.link-class .nav-link:hover,
.link-class .dropdown-item:hover {
    color: #f66200 /*{header|top-menu-hover-colour}*/ !important;
    text-decoration: underline !important;
}

/* Navigation Hover Style - Add to style.css */
.link-class a.nav-link:hover {
    color: #f66200 /*{header|top-menu-hover-colour}*/ !important;
    text-decoration: underline !important;
}