/**
* 2007-2026 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-2026 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.
*/

/*Slider catégories*/
.carouselcat-wrapper { position: relative; width: 100%; overflow: hidden; }
.carouselcat { overflow: hidden; }
.carouselcat-track { display: flex; transition: transform 0.5s linear; }
.carouselcat-item { flex-shrink:0; width:70vw; max-width:320px; margin-right:15px; position: relative; text-decoration:none; }
.carouselcat-item img { width:100%; height:420px; object-fit:cover; transition:opacity 0.3s ease; }
.carouselcat-item:hover img, .carouselcat-item:active img { opacity:0.75; }
.carouselcat-label { position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.65); color:#fff; padding:14px 0; text-align:center; text-transform:uppercase; border-top:2px solid #DFABB2; transition:background 0.3s, color 0.3s; pointer-events:none; }
.carouselcat-item:hover .carouselcat-label, .carouselcat-item:active .carouselcat-label { background:#DFABB2; color:#000; }
.carouselcat-arrow { position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.6); color:#fff; border:none; width:40px; height:60px; cursor:pointer; z-index:10; font-size:28px; transition:background 0.3s ease; }
.carouselcat-arrow:hover { background:#DFABB2; color:#000; }
.carouselcat-arrow.left{left:0;} .carouselcat-arrow.right{right:0;}
@media (min-width:768px){.carouselcat-item{width:40vw; max-width:300px;}}
@media (min-width:1024px){.carouselcat-item{width:25vw; max-width:280px;}}


.carouselcat-label {
  opacity: 0;
  transition: opacity 0.3s ease, background 0.3s, color 0.3s;
}


.carouselcat-item:hover .carouselcat-label,
.carouselcat-item:active .carouselcat-label {
  opacity: 1;
  background: #DFABB2;
  color: #000;
}


/* Sur desktop/tablette (hover) : texte visible au survol */
@media (min-width: 768px) {
  .carouselcat-item:hover .carouselcat-label,
  .carouselcat-item:active .carouselcat-label {
    opacity: 1;
    background: #DFABB2;
    color: #000;
  }
}

/* Sur mobile (<768px) : texte toujours visible */
@media (max-width: 767px) {
  .carouselcat-label {
    opacity: 1;
    background: #DFABB2;
    color: #000;
  }
}