/*
Theme Name: MOERO Pleasure Culture Theme
Theme URI: https://example.com
Author: Your Name
Description: DMM API対応、清潔感とビジュアル訴求を極限まで高めたスタイリッシュなメディアテーマ。
Version: 1.2.1
License: GNU General Public License v2 or later
Text Domain: moero-theme
*/

/* 左サイドバー固定（PC環境） */
@media (min-width: 1024px) {
    .fixed-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 20rem;
        overflow-y: auto;
    }
    .main-content {
        margin-left: 20rem;
    }
}

/* ご指定の美しく繊細な低重心ドロップシャドウ */
.modern-shadow {
    box-shadow: 0 0px 10px -2px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.modern-shadow:hover {
    /* ホバー時はご指定のシャドウの美しさを維持しつつ、少しだけ質感を滑らかに変化 */
    box-shadow: 0 10px 20px -5px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);
    transform: translateY(-4px);
}

/* スライダーの滑らかなフェード効果 */
.slide-fade {
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 横スクロールバーの非表示 */
.no-scrollbar::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* ─── SVGロゴのカラーコントロール ─── */
.moero-logo-container svg {
    width: 100%;
    height: auto;
    max-width: 240px; /* サイドバーに収まる最適なサイズに自動調整 */
}

/* SVG内部の塗りつぶし（赤系など）を、今回のテーマのキーカラー（#ff2a6d）に安全に上書き */
.moero-logo-container svg path,
.moero-logo-container svg rect,
.moero-logo-container svg font-face {
    fill: #ff2a6d !important;
}

/* ※もしSVG内部が「グラデーション（linearGradient）」で構築されている場合は、
   以下のストップカラー（stop-color）が自動適用され、美しいピンクグラデーションになります */
.moero-logo-container svg stop {
    stop-color: #ff2a6d !important;
}
.moero-logo-container svg stop:first-child {
    stop-color: #ff5e97 !important;
}