/*
 * AI Site Builder — brand colour override.
 *
 * Niara's $brand-primary is #ff6f61, a coral-pink that fights the Global Web
 * Concepts orange. It is COMPILED into global.css (29 occurrences) and ten
 * further stylesheets; nothing on this server recompiles SCSS, so editing
 * _theme_variables.scss achieves nothing.
 *
 * This file lives in css/autoload/, which the rendered page loads AFTER
 * global.css — verified from the document itself, position 4 vs position 1.
 * That is enough to beat global.css on order alone.
 *
 * !important appears ONLY against stylesheets that load LATER than autoload/,
 * and only ever on a colour property. Every selector below was READ OUT of the
 * file that defines it — an earlier version of this file guessed them from
 * Bootstrap convention and missed almost every one, which is why the cart icon
 * stayed coral.
 *
 *   #f09546 primary   #df7e37 border/darker   #e39155 active   #243141 navy
 */

/* ---- global.css: order alone wins, no !important needed ---- */
a:hover,
a:focus,
.text-primary,
.btn-link:hover,
.btn-link:focus {
    color: #f09546;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #df7e37;
}

.bg-primary,
.label-primary,
.badge-primary {
    background-color: #f09546;
}

.btn-primary {
    background-color: #f09546;
    border-color: #df7e37;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #e39155;
    border-color: #df7e37;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-link:hover,
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #f09546;
}

/* ================================================================
   Stylesheets that load AFTER this one. Order cannot help, so these
   carry !important — scoped strictly to colour, never layout.
   ================================================================ */

/* blockcart.css — the FontAwesome basket glyph */
#blockcart-header:before {
    color: #f09546 !important;
}

/* blockcategories.css — 7 occurrences, the most of any module */
.blockcategories .ilvl-1:hover,
.blockcategories .ilvl-2:hover,
.blockcategories .ilvl-3:hover,
.blockcategories .ilvl-1:hover.active,
.blockcategories .ilvl-1:hover:hover,
.blockcategories .ilvl-1:hover:focus,
.blockcategories .list-group-item-wrapper.active > .ilvl-1,
.blockcategories .list-group-item-wrapper.active > .ilvl-1.active,
.blockcategories .list-group-item-wrapper.active > .ilvl-1:hover,
.blockcategories .list-group-item-wrapper.active > .ilvl-1:focus {
    color: #f09546 !important;
}

/* product.css — the price is the single most visible accent in a shop */
.our_price_display,
.our_price_display .price {
    color: #f09546 !important;
}

/* product_list.css — grid/list view switcher */
#product-list-switcher .selected .icon {
    color: #f09546 !important;
}

/* my-account.css */
.nav-pills.stacked-menu > li > a,
.nav-pills.stacked-menu > li > a:hover,
.nav-pills.stacked-menu > li > a:focus {
    color: #f09546 !important;
}


/* blocksearch.css — autocomplete highlight */
.blocksearch.ac_results li.ac_over {
    color: #f09546 !important;
}

/* blockwishlist.css */
#wishlist_block .ajax_cart_block_remove_link:hover,
#module-blockwishlist-mywishlist .wishlistLinkTop ul.display_list a,
#module-blockwishlist-mywishlist .wishlistLinkTop ul.display_list a:hover {
    color: #f09546 !important;
}

/* superfish-modified.css — top menu */
.sf-menu > li span:after,
.sf-menu > li > ul > li > a,
.sf-menu > li > ul > li > a:hover {
    color: #f09546 !important;
}
/* ---- homeslider.css — CORRECTED ----
 *
 * The previous version of this block set `color` on `.homeslider-description`,
 * the positioning container. That cascaded into the <h2> (turning "VIEW ALL
 * SOAPS" orange, which was never the intent) and left the call-to-action
 * button unstyled. Read out of homeslider.css properly:
 *
 *   line 44  .homeslider-description       — position/cursor only, NO colour
 *   line 49  .homeslider-description h2    — this is what carries #ff6f61
 *   line 61  .homeslider-description .btn  — the button, its own rule
 */
.homeslider-description h2 {
    color: #f09546 !important;
}

.homeslider-description .btn {
    background-color: #f09546 !important;
    border-color: #df7e37 !important;
    color: #fff !important;
}

.homeslider-description .btn:hover,
.homeslider-description .btn:focus {
    background-color: #e39155 !important;
    border-color: #df7e37 !important;
    color: #fff !important;
}