/* Mobi-Fon stock theme accent override */
:root {
  --mf-pink: #e91e63;
  --mf-pink-dark: #c2185b;
  --mf-pink-darker: #8e1142;
}

a { color: var(--mf-pink); }
a:hover, a:focus { color: var(--mf-pink-dark); }

.btn-primary {
  background-color: var(--mf-pink-dark);
  background-image: linear-gradient(to bottom, var(--mf-pink), var(--mf-pink-dark));
  border-color: var(--mf-pink-dark) var(--mf-pink-dark) var(--mf-pink-darker);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
  background-color: var(--mf-pink-dark);
  background-image: linear-gradient(to bottom, var(--mf-pink-dark), var(--mf-pink-dark));
  border-color: var(--mf-pink-dark);
}

#menu {
  background-color: var(--mf-pink-dark);
  background-image: linear-gradient(to bottom, var(--mf-pink), var(--mf-pink-dark));
  border-color: var(--mf-pink-dark) var(--mf-pink-dark) var(--mf-pink-darker);
}
#menu .nav > li > a:hover,
#menu .nav > li.open > a {
  background-color: rgba(255, 255, 255, 0.08);
}
#menu .dropdown-menu,
#menu .dropdown-inner ul {
  border-top-color: var(--mf-pink-dark);
}
#menu .dropdown-inner a:hover,
#menu .see-all:hover,
#menu .dropdown-menu a:hover {
  color: var(--mf-pink-dark);
}

.list-group a.active,
.list-group a.active:hover,
.list-group a.active:focus {
  background: var(--mf-pink-dark);
  border-color: var(--mf-pink-dark);
}
.product-thumb .button-group button:hover {
  background-color: var(--mf-pink-dark);
}
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus,
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
  background-color: var(--mf-pink-dark);
  border-color: var(--mf-pink-dark);
}
.checkout-step .btn-primary,
#button-cart,
#button-search,
#button-payment-address,
#button-shipping-address,
#button-register,
#button-guest,
#button-guest-shipping,
#button-payment-method,
#button-shipping-method,
#button-confirm,
#button-login {
  background-color: var(--mf-pink-dark);
  border-color: var(--mf-pink-dark);
}
#top {
  border-top: 3px solid var(--mf-pink-dark);
}
