/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

*{
    font-family: "Jost", sans-serif;
    font-style: normal;
}


:root{
    --orange: #E27221;
    --blanc-casse: #F4ECDF;
    --noir-gris: #1D1E21;
}

.bg-noir-gris{
    background-color: var(--noir-gris) !important;
    color: white !important;
}

.bg-orange{
    background-color: var(--orange) !important;
    color: var(--noir-gris) !important;
}

.bg-blanc-casse{
    background-color: var(--blanc-casse) !important;
    color: var(--noir-gris) !important;
}

.bg-none{
    background-color: transparent !important;
}

.border-orange{
  border: solid var(--orange) 1px;
}


.cta{
 padding: 10px 20px;
 border-radius: 5px;
 border:none;
 transition: all ease .3s;
}

.cta:hover{
    transform: rotateZ(5deg);
}


.text-orange{
    color: var(--orange) !important;
}

.text-noir-gris{
  color: var(--noir-gris) !important;
}


/* Header */

#masthead{
    transition: all ease .5s;
}

#acf-content{
    transition: all ease .5s;
}

#masthead .nav-link{
    color: white !important;
}

#masthead .nav-link.active{
  color: var(--orange) !important;
  font-weight: 600;
}



.logo-header{
    transition: all ease 0.3s;
}

/* Card de réals */

.card-real-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .card-real-hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  }
  
  .card-real-hover .card-image {
    transition: transform 0.5s ease;
  }
  
  .card-real-hover:hover .card-image {
    transform: scale(1.05);
  }

  .btn-close{
    --bs-btn-close-color: white !important;
  }

  /* Card service */
  .service-card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 1rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
  }
  
  .service-card-hover::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -5%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at center, rgba(255, 166, 0, 0.15), transparent 60%);
    transform: scale(0);
    transition: transform 0.5s ease;
    z-index: 0;
  }
  
  .service-card-hover:hover::before {
    transform: scale(1);
  }
  
  .service-card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  }
  
  .service-card-hover .icon-glow {
    transition: transform 0.3s ease, text-shadow 0.3s ease;
  }
  
  .service-card-hover:hover .icon-glow {
    transform: scale(1.1);
    text-shadow: 0 0 8px rgba(255, 166, 0, 0.7);
  }