/* talent-bg-display.css */
/* タレント背景画像表示用スタイル（動的に適用される部分は除く） */

/* コンテンツの可読性を確保 */
.talent-bg-content-overlay {
  background-color: rgba(255, 255, 255, 0.4) !important;
  border-radius: 10px;
  margin: 20px;
  padding: 20px;
  backdrop-filter: blur(3px);
}

/* 追加：より透過度を細かく調整したい場合 */
.talent-bg-entry-content,
.talent-bg-post-content {
  background-color: rgba(255, 255, 255, 0.1) !important; /* 90%透過 */
  backdrop-filter: blur(2px);
}

/* タレント投稿ページと商品ページの透過度調整 */
body.single-talent-post .entry-content,
body.single-talent-post .post-content,
body.single-talent-post .site-content,
body.single-talent-post .content-area,
body.single-product .entry-content,
body.single-product .post-content,
body.single-product .site-content,
body.single-product .content-area,
.single-talent-post .entry-content,
.single-talent-post .post-content,
.single-talent-post .site-content,
.single-talent-post .content-area,
.single-product .entry-content,
.single-product .post-content,
.single-product .site-content,
.single-product .content-area {
  background-color: rgba(255, 255, 255, 0.4) !important; /* 20%透過 */
  backdrop-filter: blur(1px);
}

.talent-bg-widget-area,
.talent-bg-sidebar {
  background-color: rgba(255, 255, 255, 0.3) !important; /* 70%透過 */
  backdrop-filter: blur(1px);
}

/* Astraテーマのデフォルトスタイルを上書き */
.talent-bg-ast-container,
.talent-bg-ast-main-header-nav,
.talent-bg-ast-header-section,
.talent-bg-ast-builder-grid-row {
  background-color: transparent !important;
}

/* 特定の要素のみ透過度を調整 */
.talent-bg-ast-container,
.talent-bg-ast-main-header-nav,
.talent-bg-ast-header-section,
.talent-bg-ast-builder-grid-row {
  background-color: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(2px);
}