/* Styles for Customize Mobile Cover Box */
.cmcb-box{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:16px;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,0,0,0.06);
    background: linear-gradient(90deg, rgba(255,255,255,0.95), rgba(255,255,255,0.90));
    border:1px solid rgba(0,0,0,0.04);
    margin-bottom:16px;
}

/* use theme color variable if available */
.cmcb-box {
    --cmcb-accent: var(--accent-color, var(--theme-color, #2b8cff));
    border-left: 6px solid var(--cmcb-accent);
}

.cmcb-icon{
    font-size:36px;
    line-height:1;
    padding-top:2px;
}

.cmcb-title{
    margin:0 0 6px 0;
    font-size:1.1rem;
    color:var(--cmcb-accent);
}

.cmcb-desc{
    margin:0 0 8px 0;
    font-size:0.95rem;
    color:#333;
}

.cmcb-label{
    display:block;
    font-size:0.85rem;
    margin-bottom:6px;
    color:#555;
}

.cmcb-textarea{
    width:100%;
    max-width:100%;
    padding:8px 10px;
    border-radius:8px;
    border:1px solid rgba(0,0,0,0.08);
    font-size:0.95rem;
    resize:vertical;
}

/* Responsive behavior */
@media (max-width:600px){
    .cmcb-box{
        flex-direction:row;
        gap:10px;
        padding:12px;
    }
    .cmcb-icon{ font-size:30px; }
}