/**
 * Rinker Style Customizer — 共通ベースCSS
 * 全設定デフォルトなら一切スタイル変更なし
 */

/* ============================================
   枠線二重表示の修正
   Rinkerデフォルトの yyi-rinker-contents に border: 1px solid #dbdbdb があり、
   スタイルアップが yyi-rinker-box に border: 3px solid #f5f5f5 を追加するため二重になる。
   外側の border/shadow を常に消し、枠線はスタイルアップの yyi-rinker-box に任せる。
   ============================================ */

body.rsc-active div.yyi-rinker-contents {
    border: none !important;
    box-shadow: none !important;
}

/* ============================================
   PC列数（768px以上でのみ適用）
   ============================================ */

@media (min-width: 768px) {
    body.rsc-pc-cols-1 div.yyi-rinker-contents ul.yyi-rinker-links,
    body.rsc-pc-cols-2 div.yyi-rinker-contents ul.yyi-rinker-links,
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links {
        display: grid !important;
        gap: 8px 10px;
        list-style: none !important;
        padding: 0 !important;
        margin: 10px auto !important;
        width: 100%;
    }
    body.rsc-pc-cols-1 div.yyi-rinker-contents ul.yyi-rinker-links { grid-template-columns: 1fr; }
    body.rsc-pc-cols-2 div.yyi-rinker-contents ul.yyi-rinker-links { grid-template-columns: repeat(2, 1fr); }
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links { grid-template-columns: repeat(3, 1fr); }

    body.rsc-pc-cols-1 div.yyi-rinker-contents ul.yyi-rinker-links li,
    body.rsc-pc-cols-2 div.yyi-rinker-contents ul.yyi-rinker-links li,
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links li {
        width: 100% !important; margin: 0 !important; padding: 0 !important;
        list-style: none !important; flex: none !important;
    }
    body.rsc-pc-cols-1 div.yyi-rinker-contents ul.yyi-rinker-links li a,
    body.rsc-pc-cols-2 div.yyi-rinker-contents ul.yyi-rinker-links li a,
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links li a {
        width: 100%; box-sizing: border-box;
    }
    /* PC3列: フォント縮小+padding削減で収める */
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links li a {
        font-size: 12px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* ============================================
   SP列数（767px以下でのみ適用）
   ============================================ */

@media (max-width: 767px) {
    body.rsc-sp-cols-1 div.yyi-rinker-contents ul.yyi-rinker-links,
    body.rsc-sp-cols-2 div.yyi-rinker-contents ul.yyi-rinker-links {
        display: grid !important;
        gap: 8px;
        list-style: none !important;
        padding: 0 !important;
        margin: 10px auto !important;
        width: 100%;
    }
    body.rsc-sp-cols-1 div.yyi-rinker-contents ul.yyi-rinker-links { grid-template-columns: 1fr; }
    body.rsc-sp-cols-2 div.yyi-rinker-contents ul.yyi-rinker-links { grid-template-columns: repeat(2, 1fr); }

    body.rsc-sp-cols-1 div.yyi-rinker-contents ul.yyi-rinker-links li,
    body.rsc-sp-cols-2 div.yyi-rinker-contents ul.yyi-rinker-links li {
        width: 100% !important; margin: 0 !important; padding: 0 !important;
        list-style: none !important; flex: none !important;
    }

    /* SP 2列: フォント縮小+padding削減 */
    body.rsc-sp-cols-2 div.yyi-rinker-contents ul.yyi-rinker-links li a {
        font-size: 11px;
        padding-left: 6px !important;
        padding-right: 6px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* ============================================
   ボタン角丸（カスタム時のみ）
   ============================================ */

body.rsc-custom-btn-r div.yyi-rinker-contents ul.yyi-rinker-links li {
    border-radius: var(--rsc-btn-radius, 2px) !important;
}
body.rsc-custom-btn-r div.yyi-rinker-contents ul.yyi-rinker-links li a {
    border-radius: var(--rsc-btn-radius, 2px) !important;
}

/* ============================================
   スタイルアップ前提: 外側コンテナの二重border/shadow除去
   Rinkerデフォルトの yyi-rinker-contents にborder+shadowがあるが、
   スタイルアップは yyi-rinker-box にborderを付けるため二重になる。
   外側を常に消して、yyi-rinker-box のスタイルアップborderだけ残す。
   ============================================ */

body.rsc-active div.yyi-rinker-contents {
    border: none !important;
    box-shadow: none !important;
}

/* ============================================
   COPIA: position relative（表示に影響なし）
   ============================================ */

body.rsc-active div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink,
body.rsc-active div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink,
body.rsc-active div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink,
body.rsc-active div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink,
body.rsc-active div.yyi-rinker-contents ul.yyi-rinker-links li.mercarilink {
    position: relative;
}

/* スマホ2列: COPIAキャンペーンテキスト非表示（li:beforeのcontentを消す） */
@media (max-width: 767px) {
    body.rsc-sp-cols-2 div.yyi-rinker-contents ul.yyi-rinker-links li:before,
    body.rsc-sp-cols-2 div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink:before,
    body.rsc-sp-cols-2 div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink:before,
    body.rsc-sp-cols-2 div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink:before,
    body.rsc-sp-cols-2 div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink:before,
    body.rsc-sp-cols-2 div.yyi-rinker-contents ul.yyi-rinker-links li.mercarilink:before {
        display: none !important;
        content: "" !important;
    }
}
/* PC3列: COPIAキャンペーンテキスト非表示（li:before + a:before 両方） */
@media (min-width: 768px) {
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links li:before,
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink:before,
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink:before,
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink:before,
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink:before,
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links li.mercarilink:before,
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a.yyi-rinker-link:before,
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a.yyi-rinker-link:before,
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a.yyi-rinker-link:before,
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink a.yyi-rinker-link:before,
    body.rsc-pc-cols-3 div.yyi-rinker-contents ul.yyi-rinker-links li.mercarilink a.yyi-rinker-link:before {
        display: none !important;
        content: "" !important;
    }
}