/**
 * SophiaDesign - サイト名 3D エフェクト（オプション）
 * 透明度を使った3D感の演出
 *
 * 使い方：functions.php で以下を追加してこのファイルを読み込む
 * wp_enqueue_style('sdec-site-3d', $plugin_url . 'assets/css/site-name-3d-effect.css', array('sdec-final-typography'), SDEC_VERSION);
 */

/* サイト名に透明度と3D効果を追加 */
.site-title,
.site-title a,
.site-branding .site-title,
.site-branding .site-title a,
header .site-title,
header .site-title a {
    opacity: 0.95 !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.site-title a:hover,
.site-branding .site-title a:hover,
header .site-title a:hover {
    opacity: 1 !important;
}

/* ヘッダー全体に3D効果（一時的に無効化） */
/*
.site-header,
header.site-header {
    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06) !important;
    border-bottom: 1px solid rgba(196, 151, 92, 0.1) !important;
}
*/

/* メニューにも微妙な3D効果 */
.site-navigation,
.main-navigation {
    opacity: 0.95 !important;
}

.site-navigation a:hover,
.main-navigation a:hover {
    opacity: 1 !important;
    text-shadow: 0 2px 8px rgba(183, 110, 121, 0.15) !important;
}