/* CSS Document */
.pointer { cursor: pointer}

.property-card7 .icon-btn{
  background-color: var(--theme-color);
}
.property-card7 .icon-btn:hover{
	background-color: #FFF;
	color: var(--theme-color);
}

.main-menu ul.sub-menu li a::before {
	content: "\f061";
}

.sticky-wrapper.sticky {
  background-color: var(--white-color);
}

@media (max-width: 1500px) {
  .header-layout5 .sticky-wrapper.sticky {
    background-color: var(--white-color);
  }
}
.sidebar-btn .line {
	background: var(--black-color);
}

.th-menu-wrapper .mobile-logo {
	
}

.sticky-wrapper.sticky .main-menu > ul > li > a::before {
	background: var(--black-color)!important;
}
.sticky-wrapper.sticky .main-menu a, .sticky-wrapper.sticky .sticky-wrapper.sticky .main-menu a, .sticky-wrapper.sticky .main-menu ul li:has(.sub-menu) > a::after, .sticky-wrapper.sticky .main-menu ul li:has(.mega-menu) > a::after, .sticky-wrapper.sticky .main-menu ul li.menu-item-has-children > a::after {
	color: var(--black-color)!important;
}
.sticky-wrapper.sticky .main-menu a.active {
	color: var(--theme-color)!important;
}

.project-details-page h1{
	font-size: 2.5em;
  	line-height: 1.10;
}
.project-details-page h2{
	font-size: 1.8em;
}
.breadcumb-wrapper{padding: 165px 0 100px;}

.active{ color: var(--theme-color)!important;}

.th-pagination li a.active {
	color: var(--white-color)!important;
  	border-color: var(--theme-color);
  	background-color: var(--theme-color);
}
.th-pagination li a.disabled {
	cursor: not-allowed!important;
	color: #CCC!important;
  	border-color: #BFBFBF;
  	background-color: #E7E7E7;
}
.blog-card.style3 .blog-img img {
  height: auto!important
}

.recent-post .post-title {
	font-size: 14px;
	line-height: 1.4;
}
.widget_title {
	font-size: 20px;
}
.th-mobile-menu ul li ul{
	padding-left: 10px;
	
}
.th-mobile-menu ul li ul li a{
	font-size: 14px;
}

.blog-text h1 {
	font-size: 30px;
}
.blog-text h2 {
	font-size: 25px;
}
.blog-text h3 {
	font-size: 22px;
}
.blog-text h4 {
	font-size: 18px;
}
  .bulle-system {
      position: relative;
      width: 550px;
      height: 550px;
      margin: 40px auto;
    }

    .bulle-wrapper {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .bulle {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      width: 160px;
      height: 160px;
      border-radius: 50%;
      font-weight: 600;
      font-size: 1rem;
      text-decoration: none;
      box-shadow: 0 10px 20px rgba(0,0,0,0.25);
	  text-transform: uppercase
    }

   /* Bulle centrale */
	.centre {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  background: var(--theme-color);
	  color: #ffffff;
	  z-index: 2;
	  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	  width: 240px;   /* ⬆️ grossie d’1/3 */
	  height: 240px;
	  font-size: 1.2rem;
	}

    /* Satellites */
    .bulle-satellite {
      background: #ffffff;
      color: var(--theme-color);
      border: 3px solid var(--theme-color);
      transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), 
                  box-shadow 0.25s ease-in-out;
    }

    .bulle-satellite:hover {
      transform: scale(1.1);
      box-shadow: 0 6px 16px rgba(0,0,0,0.25);
    }

    /* Position des wrappers */
    .sat1 { top: 0; left: 50%; transform: translate(-50%, -20%); }
    .sat2 { top: 20%; right: 0; transform: translate(0, -50%); }
    .sat3 { bottom: 20%; right: 0; transform: translate(0, 50%); }
    .sat4 { bottom: 0; left: 50%; transform: translate(-50%, 20%); }
    .sat5 { bottom: 20%; left: 0; transform: translate(0, 50%); }
    .sat6 { top: 20%; left: 0; transform: translate(0, -50%); }

    /* Responsivité tablette */
    @media (max-width: 992px) {
      .bulle-system {
    width: 450px;
    height: 450px;
  }
  .bulle {
    width: 120px;
    height: 120px;
    font-size: 0.9rem;
  }
  .centre {
    width: 200px;   /* +1/3 */
    height: 200px;
  }
    }

    @media (max-width: 768px) {
      .bulle-system {
    width: 350px;
    height: 350px;
  }
  .bulle {
    width: 110px;
    height: 110px;
    font-size: 0.85rem;
  }
  .centre {
    width: 180px;   /* +1/3 */
    height: 180px;
  }
    }

    /* 📱 Version mobile : cartes rectangulaires */
   @media (max-width: 576px) {
 .bulle-system {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 20px auto;
    gap: 15px;
  }
  .bulle-wrapper {
    position: static;
    transform: none;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .bulle {
    position: static;
    transform: none;
    border-radius: 12px;
    height: auto;
    padding: 15px;
    font-size: 1rem;
  }
  .centre {
    background: var(--theme-color);
    color: #fff;
    font-size: 1.2rem;
    width: 100%;      /* prend toute la largeur */
    max-width: 450px; /* légèrement plus large */
  }
  .bulle-satellite {
    background: #fff;
    border: 2px solid var(--theme-color);
    color: var(--theme-color);
    width: 85%;       
    max-width: 340px; 
  }
}