/* This file applies glassmorphism ONLY when .has-wood-bg class exists */

.has-wood-bg .navbar {
  background: rgba(255, 255, 255, 0.4) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.has-wood-bg .btn-secondary {
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  border: 2px solid rgba(255, 69, 69, 0.6) !important;
}

.has-wood-bg .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.7) !important;
}

.has-wood-bg .value-card {
  background: rgba(255, 255, 255, 0.4) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.has-wood-bg .value-card:hover {
  background: rgba(255, 255, 255, 0.6) !important;
}

.has-wood-bg .page-header {
  background: rgba(255, 255, 255, 0.3) !important;
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
}

.has-wood-bg .filter-section {
  background: rgba(255, 255, 255, 0.4) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

.has-wood-bg .filter-btn {
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
}

.has-wood-bg .filter-btn:hover {
  background: rgba(255, 255, 255, 0.7) !important;
}

.has-wood-bg .product-card,
.has-wood-bg .gallery-item {
  background: rgba(255, 255, 255, 0.4) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.has-wood-bg .product-card:hover,
.has-wood-bg .gallery-item:hover {
  background: rgba(255, 255, 255, 0.6) !important;
}

.has-wood-bg .newsletter-box,
.has-wood-bg .custom-order-form,
.has-wood-bg .contact-form-container,
.has-wood-bg .order-info-box,
.has-wood-bg .contact-info {
  background: rgba(255, 255, 255, 0.4) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.has-wood-bg .contact-method {
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
}

.has-wood-bg .form-group input,
.has-wood-bg .form-group select,
.has-wood-bg .form-group textarea,
.has-wood-bg .newsletter-form input {
  background: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.has-wood-bg .form-group input:focus,
.has-wood-bg .form-group select:focus,
.has-wood-bg .form-group textarea:focus,
.has-wood-bg .newsletter-form input:focus {
  background: rgba(255, 255, 255, 0.9) !important;
}