@charset "utf-8";

/* 共通パーツ */

        /* カスタムカラーとフォントを定義 */
        :root {
            --color-blue: 35 108 255;
            --color-blue-dim: 0 24 73;
            --color-blue-dark: 0 63 189;
            --color-blue-bright: 241 246 255;
        }
        body {
            font-family: 'Inter', 'Noto Sans JP', sans-serif;
        }
        .bg-blue-dim { background-color: rgb(var(--color-blue-dim)); }
        .bg-blue-bright { background-color: rgb(var(--color-blue-bright)); }
        .bg-blue-main { background-color: rgb(var(--color-blue)); }
        .text-blue-dim { color: rgb(var(--color-blue-dim)); }
        .text-blue-dark { color: rgb(var(--color-blue-dark)); }
        .text-blue-main { color: rgb(var(--color-blue)); }
        .border-blue-main { border-color: rgb(var(--color-blue)); }

        /* 吹き出し用のスタイルを追加 */
        #wisora-speech-bubble {
            position: fixed;
            bottom: 80px;
            right: 100px;
            z-index: 49; /* ヘッダーより手前、ウィジェットより奥 */
            animation: slide-in-up 0.5s ease-out 2s forwards;
            opacity: 0;
            transform: translateY(20px);
        }
        #wisora-speech-bubble::after {
            content: '';
            position: absolute;
            bottom: 8px;
            right: -8px;
            width: 0;
            height: 0;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 8px solid rgb(var(--color-blue-dim));
        }
        /* #wisora-speech-bubble 内のリンクスタイル（プレーンCSSでのネスト不可対応） */
        #wisora-speech-bubble a:link    { color:#ff0000; text-decoration:underline; }
        #wisora-speech-bubble a:visited { color:#ff0000; text-decoration:underline; }
        #wisora-speech-bubble a:hover   { color:#dc3545; text-decoration:none; }
        #wisora-speech-bubble a:active  { color:#fd7e14; text-decoration:underline; }
        @keyframes slide-in-up {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        div#wisora-widget-body ul {
            list-style: disc;
            margin-left: 1.25rem;
            padding-left: 1.25rem;
        }
        div#wisora-widget-body ol {
            list-style-type: decimal;
            margin-left: 1.25rem;
            padding-left: 1.25rem;
        }
        .price-toggle-switch {
            position: relative;
            display: inline-flex;
            background-color: rgb(var(--color-blue-dim));
            border-radius: 9999px;
            padding: 4px;
        }
        .price-toggle-switch input {
            display: none;
        }
        .price-toggle-switch label {
            position: relative;
            z-index: 10;
            cursor: pointer;
            padding: 8px 24px;
            transition: color 0.3s ease-in-out;
            font-weight: 500;
            color: #d1d5db; /* gray-300 for inactive on dark bg */
        }
        .price-toggle-switch input:checked + label {
            color: rgb(var(--color-blue-dim));
        }
        .price-toggle-slider {
            position: absolute;
            top: 4px;
            height: calc(100% - 8px);
            background-color: white;
            border-radius: 9999px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
        }