/* ==========================================================================
   Wholesale Fishing Flies Kenya — modern fly-fishing palette
   River green #1b352d · sand #f8f4ea / #f3eee2 · copper #b8542c
   Loaded last, after the theme skin and the bespoke premium stylesheets.
   ========================================================================== */

/* ---------- page ---------- */
body {
  background-color: #f3eee2 !important;
  color: #45524b;
}

#page {
  background: #fffdf9;
}

/* ---------- header strip ---------- */
.header-container {
  background: linear-gradient(180deg, #fffdf9 0%, #f8f4ea 100%) !important;
  border-bottom: 1px solid #e4dccb !important;
}

/* ---------- main navigation ---------- */
.main-menu {
  background: linear-gradient(90deg, #0f221d 0%, #1b352d 55%, #24493d 100%) !important;
  border-bottom: 1px solid rgba(184, 84, 44, .38) !important;
  box-shadow: 0 12px 28px -20px rgba(15, 34, 29, .9);
}

.main-menu .ybc-menu > li > a,
.main-menu .ybc-menu .ybc-menu-item-link,
.main-menu .ybc-menu a {
  color: #f3eee2 !important;
}

.main-menu .ybc-menu > li:hover > a,
.main-menu .ybc-menu > li.active > a,
.main-menu .ybc-menu .ybc-menu-item-link:hover {
  color: #e0a184 !important;
}

/* ---------- mobile menu ---------- */
/* The cream link colour above is for the dark navigation bar. On phones the
   module opens the menu in its own light panel (#faf8f8), where cream text
   was invisible until the item was tapped. */
@media (max-width: 991px) {
  .main-menu #ybc-menu-main-content .ybc-menu a,
  .main-menu #ybc-menu-main-content .ybc-menu .ybc-menu-item-link,
  .main-menu #ybc-menu-main-content .ybc-menu > li > a {
    color: #1b352d !important;
  }

  .main-menu #ybc-menu-main-content .ybc-menu a:hover,
  .main-menu #ybc-menu-main-content .ybc-menu .ybc-menu-item-link:hover,
  .main-menu #ybc-menu-main-content .ybc-menu > li.active > a,
  .main-menu #ybc-menu-main-content .ybc-menu > li:hover > a {
    color: #b8542c !important;
  }
}

.main-menu .logo,
.header-container .logo {
  border-radius: 10px;
}

.scroll_heading .main-menu {
  background: #142a24 !important;
}

/* ---------- breadcrumb ---------- */
.ybc_full_bg_breadcrum {
  background: #f2eee2 !important;
  border-bottom: 1px solid #e4dccb;
}

.breadcrumb,
.breadcrumb .navigation-pipe {
  color: #7d8a82 !important;
}

.breadcrumb a {
  color: #1b352d !important;
}

.breadcrumb a:hover {
  color: #b8542c !important;
}

/* ---------- prices ---------- */
.price,
.product-price {
  color: #1b352d !important;
}

.old-price,
.old-price .price,
.price-old {
  color: #8a968e !important;
}

.special-price .price,
.price.special {
  color: #b8542c !important;
}

.price-percent-discount {
  background: #b8542c !important;
  color: #fff !important;
}

/* ---------- product cards ---------- */
.product-category {
  color: #b8542c !important;
}

.product-name a:hover {
  color: #1b352d !important;
}

.ajax_add_to_cart_button {
  border-color: #1b352d !important;
  color: #1b352d !important;
  background: #fffdf9 !important;
}

.ajax_add_to_cart_button:hover {
  background: #1b352d !important;
  color: #fff !important;
  border-color: #1b352d !important;
}

/* ---------- forms ---------- */
.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-color: #1b352d !important;
  box-shadow: 0 0 0 3px rgba(27, 53, 45, .12) !important;
}

/* ---------- search overlay ---------- */
#search_query_top {
  background: #0f221d !important;
  color: #fff !important;
}

#search_query_top::placeholder {
  color: rgba(243, 238, 226, .65) !important;
}

/* ---------- slider controls ---------- */
.bt_bg_red .btn.button_nivo {
  background-color: #1b352d !important;
}

.bt_bg_red .btn.button_nivo:hover {
  background-color: #b8542c !important;
}

/* ---------- labels ---------- */
.new-label {
  background: #1b352d !important;
}

.sale-label {
  background: #b8542c !important;
}

/* ---------- links in CMS content ---------- */
#center_column .rte a {
  color: #a34a26;
}

/* ---------- footer backdrop matches the sand page ---------- */
body .footer-wrapper {
  background: #f3eee2 !important;
}

/* ---------- selection ---------- */
::selection {
  background: rgba(184, 84, 44, .22);
  color: #16211c;
}

/* ---------- file inputs (contact form) ---------- */
.contact-form-box input[type="file"]::file-selector-button {
  background: #f2eee2 !important;
  color: #142a24 !important;
  border: 1px solid #e4dccb !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  cursor: pointer;
}

.contact-form-box input[type="file"]::file-selector-button:hover {
  background: #e9e1d2 !important;
}

/* ---------- brand plate ---------- */
.main-menu img.logo,
.header-container img.logo {
  max-height: 44px !important;
  width: auto !important;
  border-radius: 10px;
  box-shadow: 0 8px 18px -10px rgba(0, 0, 0, .55);
}

@media (max-width: 767px) {
  .main-menu img.logo,
  .header-container img.logo {
    max-height: 36px !important;
  }
}