/*
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 *  @author    FMM Modules
 *  @copyright 2021 FMM Modules
 *  @license   FMM Modules
*/
.gift-item-desc {
  background-color: rgba(0,0,0,0.5);
  color: white;
  position: absolute;
  text-transform: uppercase;
  text-align: center;
  padding: 0.5rem 1rem;
  width: 100%;
  z-index: 1;
  bottom: 0;
  left: 0;
}

/* Filter controls */
.gift-filter, .gift-search-row {
  padding-left: 0;
}

.multifilter li, .sortandshuffle li {
  color: white;
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.sortandshuffle .sort-btn.active {
  background-color: #2592A9;
}

.filtr-search {
  padding: 0.5rem;
  text-transform: uppercase;
}

.push-down {
  margin-bottom: 50px;
}

.filtr-container {
  transition: height 500ms ease-out;
}

/* share button design */
#giftCardShareModal .share-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

#giftCardShareModal .share-buttons .btn {
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 5px;
  transition: background-color 0.3s, transform 0.2s;
}

#giftCardShareModal .share-buttons .btn:hover {
  transform: scale(1.05);
}

#giftCardShareModal .share-buttons .btn-facebook {
  background-color: #3b5998;
  color: white;
}

#giftCardShareModal .share-buttons .btn-facebook:hover {
  background-color: #365e8c;
}

#giftCardShareModal .share-buttons .btn-messenger {
  background-color: #0084ff;
  color: white;
}

#giftCardShareModal .share-buttons .btn-messenger:hover {
  background-color: #0073e6;
}

#giftCardShareModal .share-buttons .btn-skype {
  background-color: #00aff0;
  color: white;
}

#giftCardShareModal .share-buttons .btn-skype:hover {
  background-color: #0097c6;
}

#giftCardShareModal .share-buttons .btn-twitter {
  background-color: #1da1f2;
  color: white;
}

#giftCardShareModal .share-buttons .btn-twitter:hover {
  background-color: #1a91da;
}

#giftCardShareModal .share-buttons .btn-whatsapp {
  background-color: #25D366;
  color: white;
}

#giftCardShareModal .share-buttons .btn-whatsapp:hover {
  background-color: #20b358;
}

#giftCardShareModal .share-buttons .btn-linkedin {
  background-color: #0077b5;
  color: white;
}

#giftCardShareModal .share-buttons .btn-linkedin:hover {
  background-color: #005582;
}

#giftCardShareModal .share-buttons .btn-link {
  color: #007bff;
}

#giftCardShareModal .share-buttons .btn-link:hover {
  color: #0056b3;
}