/**
* 2007-2023 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* 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    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2023 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

.categories-phares {
/*  margin: 60px 0 30px 0;*/
}

.category-item {
  margin-bottom: 30px;
}
.category-image {
  margin-bottom: 10px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}

.category-image.isset::before {
  content: "";
  mix-blend-mode: darken;
  background: url("data:image/svg+xml,%3Csvg width='248' height='161' viewBox='0 0 248 161' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:darken' opacity='0.3' clip-path='url(%23clip0_2552_6571)'%3E%3Crect width='247.5' height='160' transform='translate(0 0.1698)' fill='black'/%3E%3Cg filter='url(%23filter0_f_2552_6571)'%3E%3Cellipse cx='21.6434' cy='112.888' rx='131.643' ry='132.718' fill='%239683EC'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_2552_6571)'%3E%3Cellipse cx='215.281' cy='112.888' rx='131.643' ry='132.718' fill='%239683EC'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2552_6571' x='-310' y='-219.83' width='663.287' height='665.437' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_2552_6571'/%3E%3C/filter%3E%3Cfilter id='filter1_f_2552_6571' x='-116.362' y='-219.83' width='663.287' height='665.437' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_2552_6571'/%3E%3C/filter%3E%3CclipPath id='clip0_2552_6571'%3E%3Crect width='247.5' height='160' fill='white' transform='translate(0 0.1698)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  opacity: 0.3;
  display: block;
  position: absolute;
  height: 160px;
  width: 100%;
}

.category-image img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  object-position: center;
}
a.category-link {
  text-decoration: none;
}
h2.category-name {
  margin-bottom: 0px;
  padding: 0 10px;
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}

.show-more::after {
  content: "";
  width: 19px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2552_7627)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.25 9.32678C0.25 8.97999 0.531123 8.69887 0.877906 8.69887H16.1062L10.899 3.4917C10.6538 3.24649 10.6538 2.84892 10.899 2.60371C11.1442 2.3585 11.5418 2.3585 11.787 2.60371L18.0661 8.88278C18.3113 9.12799 18.3113 9.52556 18.0661 9.77077L11.787 16.0498C11.5418 16.2951 11.1442 16.2951 10.899 16.0498C10.6538 15.8046 10.6538 15.4071 10.899 15.1618L16.1062 9.95468H0.877906C0.531123 9.95468 0.25 9.67356 0.25 9.32678Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2552_7627'%3E%3Crect width='18' height='18' fill='white' transform='translate(0.25 0.1698)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  display: block;
  margin-left: 20px;
}

.show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #fff;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;

  position: absolute;
  bottom: 20px;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  background: rgba(5, 5, 130, 0.65);
  width: 100%;
  height: 160px;
  transition: 0.5s ease;
  opacity: 0;
  text-align: center;
}

.category-image:hover .overlay {
  opacity: 1;
}

/* mobile */
@media only screen and (max-width: 768px) {
  h2.category-name {
    font-size: 20px;
    line-height: 30px;
  }
}