// =====================================================
//  WV — Advanced Likers: rating level boxes (mirrors real wv-settings.css)
// =====================================================

.wpd-pro-teaser-wrap {

    // Level section heading
    .wv-pro-section-h2 {
        margin-bottom: 0;
        font-size: 15px;
        color: #555;
    }

    // Full-width wrapper holding all level boxes
    .wv-pro-levels-wrap { width: 100%; }

    // Icon centering inside level boxes
    .wv-pro-center { text-align: center; }

    // Small hint text under the votes threshold input
    .wv-pro-votes-hint {
        font-size: 12px;
        color: #999;
        margin: 0;
    }

    .wv_level_box {
        border: 1px solid #ccc;
        padding: 5px;
        width: 19%;
        margin-right: 1%;
        float: left;
        box-sizing: border-box;

        i { font-size: 22px; }

        input[type="text"]   { width: 100%; font-size: 12px; }
        input[type="number"] { width: 100%; font-size: 11px; box-sizing: border-box; }

        > div {
            padding: 5px;
            border-bottom: 1px dotted #ccc;
            line-height: 25px;

            &:last-of-type { border-bottom: none; }
        }
    }

    .wv-badges-inline {
        display: block;
        line-height: 1;
        margin-top: 5px;

        label { vertical-align: top; margin-left: 3px; }
    }

    // Color wrap inside a level box — remove bottom margin, let input fill remaining width
    .wv_level_box .wpd-color-wrap {
        margin-bottom: 0;

        input[type="text"] { width: 100%; }
    }
}

// RTL
body.rtl .wpd-pro-teaser-wrap {
    .wv_level_box { float: right; margin-right: 0; margin-left: 1%; }
}
