/* Hero Rating Stars with Schema.org Support */
.hero-rating {
   display: flex;
   justify-content: center;
   align-items: center;
}

.rating-container {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 0;
   background: transparent;
   border-radius: 0;
   border: none;
   backdrop-filter: none;
   -webkit-backdrop-filter: none;
   transition: all 0.3s ease;
   box-shadow: none;
}

.rating-container:hover {
   background: transparent;
   border: none;
   transform: none;
   box-shadow: none;
}

.rating-container .stars {
   display: flex;
   gap: 3px;
   color: #fbbf24;
   font-size: 0.9rem;
}

.rating-container .stars i {
   text-shadow: 0 0 6px rgba(251, 191, 36, 0.4);
   filter: none;
}

.rating-container .stars i:nth-child(2) {
   animation-delay: 0.2s;
}

.rating-container .stars i:nth-child(3) {
   animation-delay: 0.4s;
}

.rating-container .stars i:nth-child(4) {
   animation-delay: 0.6s;
}

.rating-container .stars i:nth-child(5) {
   animation-delay: 0.8s;
}

@keyframes starGlow {
   0%, 100% {
      filter: brightness(1);
   }
   50% {
      filter: brightness(1.3);
   }
}

.rating-text {
   color: #cbd5e1;
   font-size: 0.8rem;
   font-weight: 500;
   text-shadow: none;
}

.rating-text strong {
   color: #fbbf24;
   font-size: 0.85rem;
   font-weight: 700;
   text-shadow: none;
}

.rating-reviews {
   color: #94a3b8;
   font-size: 0.75rem;
   font-weight: 400;
   text-shadow: none;
   transition: all 0.2s ease;
}

.rating-reviews:hover {
   color: #cbd5e1;
   text-decoration: underline;
}

.rating-badge {
   display: flex;
   align-items: center;
   gap: 0;
   padding: 0;
   background: transparent;
   border: none;
   border-radius: 0;
   margin-left: 10px;
}

.rating-badge .badge-logo {
   width: 120px;
   height: 40px;
   object-fit: contain;
   opacity: 0.95;
   transition: opacity 0.2s ease;
}

.rating-badge .badge-logo:hover {
   opacity: 1;
}

/* Mobile responsive */
@media (max-width: 768px) {
   .rating-container {
      padding: 0;
      gap: 8px;
      flex-wrap: wrap;
   }
   
   .rating-container .stars {
      font-size: 0.85rem;
      gap: 2px;
   }
   
   .rating-text {
      font-size: 0.75rem;
   }
   
   .rating-text strong {
      font-size: 0.8rem;
   }
   
   .rating-reviews {
      font-size: 0.7rem;
   }
   
   .rating-badge .badge-logo {
      width: 100px;
      height: 35px;
   }
}

@media (max-width: 576px) {
   .rating-container {
      flex-wrap: wrap;
      justify-content: center;
      padding: 0;
      gap: 6px;
   }
   
   .rating-badge {
      display: none;
   }
}