/* ワインバー風Googleレビューウィジェットのカスタムスタイル */
/* 昼モード用スタイル */
.reviews-widget {
  margin: 2rem 0;
  padding: 2rem;
  border-radius: 8px;
  background: linear-gradient(135deg, #f9f5eb 0%, #f0e9d2 100%);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid #e6ddc4;
  position: relative;
}

.reviews-widget::before {
  content: '\201C';
  position: absolute;
  top: -20px;
  left: 20px;
  font-size: 60px;
  font-family: 'Cormorant Garamond', serif;
  color: #d4af37;
  opacity: 0.3;
}

.wine-reviews::after {
  content: '';
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d4af37" opacity="0.2"><path d="M15.5 2C13 2 11 4 11 6.5s2 4.5 4.5 4.5c.9 0 1.7-.3 2.4-.7l3.1 3.1 1.4-1.4-3.1-3.1c.4-.7.7-1.5.7-2.4C20 4 18 2 15.5 2zm0 7c-1.4 0-2.5-1.1-2.5-2.5S14.1 4 15.5 4 18 5.1 18 6.5 16.9 9 15.5 9zM11 18.5c0-1.4-1.1-2.5-2.5-2.5S6 17.1 6 18.5 7.1 21 8.5 21s2.5-1.1 2.5-2.5zm-2.5.5c-.3 0-.5-.2-.5-.5s.2-.5.5-.5.5.2.5.5-.2.5-.5.5zm0-4c3 0 5.5-2.5 5.5-5.5S11.5 4 8.5 4 3 6.5 3 9.5 5.5 15 8.5 15zm0-9C10.4 6 12 7.6 12 9.5S10.4 13 8.5 13 5 11.4 5 9.5 6.6 6 8.5 6z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.2;
}

.reviews-widget .elfsight-app-0fd1e27d-6715-47cb-a78d-f4296094109f {
  font-family: 'Noto Serif JP', serif;
}

/* レビュー全体のコンテナ */
.reviews-widget .swiper-container {
  padding: 1rem 0;
}

/* レビューカード */
.reviews-widget .ugb-card {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
  border-left: 3px solid #d4af37;
  transition: all 0.3s ease;
  overflow: hidden;
  padding: 1.5rem;
  margin: 1rem 0;
  position: relative;
}

.reviews-widget .ugb-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d4af37" opacity="0.05"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}

.reviews-widget .ugb-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* レビュー星評価 */
.reviews-widget .ugb-star-rating {
  color: #d4af37;
}

/* レビュー投稿者名 */
.reviews-widget .ugb-reviewer-name {
  color: #333;
  font-weight: 600;
  font-family: 'Cormorant Garamond', 'Noto Serif JP', serif;
  font-size: 1.1rem;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

/* レビューテキスト */
.reviews-widget .ugb-review-text {
  color: #555;
  line-height: 1.6;
}

/* レビューボタン */
.reviews-widget .ugb-button {
  background-color: #d4af37;
  color: #fff;
  border-radius: 4px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.reviews-widget .ugb-button:hover {
  background-color: #b8941f;
  transform: translateY(-2px);
}

/* 夜モード用スタイル */
.night-mode .reviews-widget {
  background: linear-gradient(135deg, #2c1810 0%, #1a0f0a 100%);
  border: 1px solid #3a2a20;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.night-mode .reviews-widget::before {
  color: #f0cc54;
  opacity: 0.4;
}

.night-mode .wine-reviews::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f0cc54" opacity="0.2"><path d="M15.5 2C13 2 11 4 11 6.5s2 4.5 4.5 4.5c.9 0 1.7-.3 2.4-.7l3.1 3.1 1.4-1.4-3.1-3.1c.4-.7.7-1.5.7-2.4C20 4 18 2 15.5 2zm0 7c-1.4 0-2.5-1.1-2.5-2.5S14.1 4 15.5 4 18 5.1 18 6.5 16.9 9 15.5 9zM11 18.5c0-1.4-1.1-2.5-2.5-2.5S6 17.1 6 18.5 7.1 21 8.5 21s2.5-1.1 2.5-2.5zm-2.5.5c-.3 0-.5-.2-.5-.5s.2-.5.5-.5.5.2.5.5-.2.5-.5.5zm0-4c3 0 5.5-2.5 5.5-5.5S11.5 4 8.5 4 3 6.5 3 9.5 5.5 15 8.5 15zm0-9C10.4 6 12 7.6 12 9.5S10.4 13 8.5 13 5 11.4 5 9.5 6.6 6 8.5 6z"/></svg>');
  opacity: 0.3;
}

.night-mode .reviews-widget .ugb-card {
  background-color: #262626;
  border-left: 3px solid #f0cc54;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.night-mode .reviews-widget .ugb-card:hover {
  background-color: #2e2e2e;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.night-mode .reviews-widget .ugb-star-rating {
  color: #f0cc54;
}

.night-mode .reviews-widget .ugb-reviewer-name {
  color: #f0cc54;
}

.night-mode .reviews-widget .ugb-review-text {
  color: #e0e0e0;
}

.night-mode .reviews-widget .ugb-button {
  background-color: #f0cc54;
  color: #1a0f0a;
}

.night-mode .reviews-widget .ugb-button:hover {
  background-color: #d9b43c;
}

/* Googleロゴスタイル */
.reviews-widget .ugb-google-logo {
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

.reviews-widget .ugb-google-logo:hover {
  opacity: 1;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .reviews-widget {
    padding: 1rem;
  }
  
  .reviews-widget .ugb-card {
    margin-bottom: 1rem;
  }
}