/* add-edit-post-head.css */
/* add-post/edit-postページ用CSS */

/* STYLE-ID: ページがadd-postまたはedit-postの時 */
.wp-editor-tabs {
    display: none !important;
}

.wp-media-buttons {
    display: none !important;
}

/* メディアボタン用のスタイル */
.media-buttons-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    align-items: center;
}

.media-button {
    background: #8b5cf6;
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: background-color 0.2s;
    font-size: 12px;
    white-space: nowrap;
    min-width: 80px;
}

.media-button:hover {
    background: #7c3aed;
    color: white;
    text-decoration: none;
}

.media-button i {
    margin-right: 8px;
}

/* 常に3つ横並びで表示 */
.media-buttons-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
}

.media-button {
    flex: 0 0 auto;
    text-align: center;
    justify-content: center;
}

/* スマホではメディアボタンを非表示にして2段目に専用ボタンを表示 */
@media (max-width: 768px) {
    .media-buttons-container {
        gap: 6px;
    }
    
    .media-button {
        padding: 6px 8px;
        font-size: 11px;
        min-width: 70px;
    }
    
    /* PCのメディアボタンをスマホでは非表示 */
    #custom-media-button {
        display: none !important;
    }
}

/* スマホではPCのメディアボタンを非表示 */
@media (max-width: 768px) {
    #custom-media-button {
        display: none !important;
    }
    
    /* edit-postページでも確実にスマホ表示を適用 */
    .purimall-edit-post-form #custom-media-button {
        display: none !important;
    }
}

/* ボタンが消えないように強制的に表示 */
.media-button {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1000 !important;
}

/* 動画ボタンが特に消えないように */
button:contains("動画を挿入"),
a:contains("動画を挿入") {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1000 !important;
}