/* Sugar Gloss Custom Styles */

/* Update primary color throughout */
.btn-primary {
  color: #fff;
}

.btn-primary:hover {
  color: #fff;
}

.btn-outline-primary:hover {

  color: #fff;
}

/* Custom Sugar Gloss Branding */
.sugar-gloss-brand {
  font-family: 'Cormorant Garamond', serif;

  font-weight: 600;
}

/* Logo text styling */
.logo-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2rem;
  font-weight: 700;

  text-decoration: none !important;
}

/* Location cards */
.location-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.location-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(212, 165, 116, 0.2);
}

/* Contact method cards */
.contact-method {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-method:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(212, 165, 116, 0.15);
}

/* Preparation cards */
.preparation-card {
  transition: transform 0.3s ease;
}

.preparation-card:hover {
  transform: translateY(-3px);
}

/* FAQ accordion styling */
.accordion-button {
  border: 1px solid;
}


.accordion-button:focus {

  box-shadow: 0 0 0 0.25rem rgba(212, 165, 116, 0.25);
}

/* Custom button styles */
.btn-sugar {
  color: white;
  padding: 12px 30px;
  font-weight: 500;
  border-radius: 25px;
  transition: all 0.3s ease;
}

.btn-sugar:hover {


  color: white;
  transform: translateY(-2px);
}

/* Custom form styling */
.form-control:focus {

  box-shadow: 0 0 0 0.25rem rgba(212, 165, 116, 0.25);
}

.form-select:focus {

  box-shadow: 0 0 0 0.25rem rgba(212, 165, 116, 0.25);
}

/* Navigation active state */
.nav-item.active .nav-link {}

/* Custom hero section */
.hero-sugar {
  background: linear-gradient(135deg, 0%, 100%);
  padding: 100px 0;
}

/* Price styling */
.menu-price span {

  font-weight: 600;
}

/* Custom shadows */
.shadow-sugar {
  box-shadow: 0 4px 15px rgba(212, 165, 116, 0.2);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .logo-text {
    font-size: 1.5rem;
  }
}

/* Animation for cards */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fadeInUp 0.6s ease forwards;
}

/* Custom testimonial styling */
.testimonial-quote-icon img {
  filter: sepia(1) saturate(2) hue-rotate(20deg);
}

/* Footer customization */
.footer {
  background-color: !important;
}

.footer h5 {}

.footer-link ul li a {
  color: #ccc;
}

.footer-link ul li a:hover {}

/* Custom breadcrumb */
.breadcrumb-item+.breadcrumb-item::before {}

.breadcrumb-item.active {}

/* Loading spinner customization */
#pre-loader {}

/* Custom border colors */
.border-sugar {}

/* Hours table styling */
.hours-list .border-bottom {}

/* Policy cards */
.policy-item h5 {}

/* Success/error icons */
.text-success {
  color: #28a745 !important;
}

.text-danger {
  color: #dc3545 !important;
}

/* Custom spacing */
.space-sugar {
  padding: 80px 0;
}

/* Hover effects for images */
.img-hover {
  transition: transform 0.3s ease;
}

.img-hover:hover {
  transform: scale(1.05);
}

/* Gallery Styles */
.gallery-item {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(212, 165, 116, 0.2);
}

.gallery-img {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.gallery-img img {
  transition: transform 0.3s ease;
  height: 250px;
  object-fit: cover;
}

.gallery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(212, 165, 116, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.gallery-img:hover .gallery-overlay {
  opacity: 1;
}

.gallery-img:hover img {
  transform: scale(1.1);
}

.gallery-link {
  color: white;
  font-size: 24px;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.gallery-link:hover {
  background: rgba(255, 255, 255, 0.3);
  color: white;
  transform: scale(1.1);
}

.gallery-content h5 {

  font-weight: 600;
}

/* Feature items for gallery page */
.feature-item {
  transition: transform 0.3s ease;
}

.feature-item:hover {
  transform: translateY(-3px);
}

.feature-item h5 {

  font-weight: 600;
}