/* Image hero */
.hero-img{
  background-image: url(../img/img-scratch.png);
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Footer */
footer{
  margin: 0;
  padding: 0;
}

/*NAVABAR*/
.navbar-item{
  height: 90px;
  color: white !important;
  padding: 0.7rem 1.5rem;
  background-color: #003367 !important;
}

.drop-item{
  height: 50px !important;
  box-shadow: 0 1px 4px rgb(0,0,0, 0.25);
}

.navbar-link{
  color: white;
}

.logo-nav{
  min-height: 80px;
  width: 80px;
  filter: brightness(500%);
  filter: contrast(-100%);
}

.navbar{
  background-color: #003367;
}

.navbar-divider{
  padding: 0;
  margin: 0;
  background-color: #003367;
}

.navbar-dropdown{
  padding: 0;
  margin: 0;
}

.navbar-link:not(.is-arrowless)::after{
  border-color: white;
}

.nav-hover:hover{
  color: #003367 !important;
  text-decoration:none !important;
  background-color: #BDD5EA !important;
}


.navbar-link:hover{
  color: #003367 !important;
  text-decoration:none !important;
  background-color:#BDD5EA !important;
}

.navbar{
  box-shadow: 0 1px 4px rgb(0,0,0, 0.25);
}
/*FIN NAVBAR*/

/* Images */
.image-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.app-img {
  width: 96px;
  height: 96px;
  object-fit: contain;
}

.image-label {
  margin-top: 0.5rem;
  font-weight: 500;
  text-align: center;
}

/* Buttons */
.buttons.is-gapless {
  justify-content: stretch; 
  gap: 0; 
}

.buttons.is-gapless .button {
  flex: 1 1 0; 
  border-radius: 0; 
  margin: 0; 
}

.buttons.is-gapless .button:first-child {
  border-top-left-radius: 4px;  
  border-bottom-left-radius: 4px;
}

.buttons.is-gapless .button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.buttons {
  margin-top: 0.75rem; 
}

/*SECTION*/
.color-section{
  background-color: #003367;
}

/*FONT*/
h1{
  font-family: 'Fredoka';
  text-shadow: 0 4px 4px rgb(0,0,0, 0.25);
}

h2, h3, h4{
  font-family: 'Inter';
  text-shadow: 0 4px 4px rgb(0,0,0, 0.25);
}

p{
  font-family: 'Quicksand';
}

a{
  font-family: 'Inter';
}

/*cartes*/
.cart {
  width: 264px;
  height: 362px;
  position: relative;
  box-shadow: inset 0px -100px 50px -25px rgba(0, 0, 0, 1);
 border-radius: 5px;
}

.cart-nom {
  position: absolute;
  bottom: 60px;
  left: 12px;
  color: white;
}

.cart-tag{
  position: absolute;
  bottom: 40px;
  left: 12px;
  color: white;
}
/*cartes-end*/

/*button*/
.actions {
  position: absolute;
  bottom: 0;
  display: flex;
  width: 100%;
}
.bouton {
  flex: 1;
  height: 36px;
  border: none;
  cursor: pointer;
}
.visit {
  background-color: #BDD5EA;
  font-size: 16px;
  font-weight: 600;
  border-bottom-left-radius: 5px;
}
.discover {
  background-color: #012a54;
  font-size: 16px;
  font-weight: 600;
  border-bottom-right-radius: 5px;
}

.visit-color{
    color: #003367;
}

.discover-color{
    color: white;
}
/*button-end*/

/*animation*/
.app-img  {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  transition: transform 0.3s ease-out;
}
.app-img:hover,
.app-img:focus,
.app-img:active {
  transform: scale(1.1);
}

.cart  {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  transition: transform 0.3s ease-out;
}
.cart:hover,
.cart:focus,
.cart:active {
  transform: scale(1.1);
}

/*CARTES NOUVEAUTÉS*/
.bkg-tech3{
  background-image: url(../img/icone-scratch.jpg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: white;
}
.bkg-actu2{
  background-image: url(../img/icone-afp_factuel.jpeg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #4175ff;
}
.bkg-jeux3{
  background-image: url(../img/icone-chess.jpg);
  background-size: cover;
  background-position: top;
}
.bkg-art4{
  background-image: url(../img/icone-art_explora.jpg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.bkg-jeux4{
  background-image: url(../img/icone-luanti.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff;
}
.bkg-loisir4{
  background-image: url(../img/icone-pixilart.png);
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  background-color: #ff4a59;
}
.bkg-music4{
  background-image: url(../img/icone-pixabay.png);
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  background-color: black;
}

/* CAROUSSEL */
.carousel {
  width: 1920px;
  height: 700px;
  overflow: hidden;
  margin: auto;
  position: relative;
  border:0px;
  box-shadow: 0 1px 1px rgb(0, 0, 0, 0.25);
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
  transform: translateX(0);
}

.carousel-slide {
  min-width: 1920px;
  height: 700px;
  flex-shrink: 0;
}

.carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: fixed;
}