/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

/* Tab Icons Styling */
.nav-tab-wrapper .nav-tab .dashicons {
    vertical-align: middle;
    margin-left: 5px;
    font-size: 18px;
    line-height: 1.2;
}

.nav-tab-wrapper .nav-tab-active .dashicons {
    color: #2271b1;
}

/* Specific icon colors for visual distinction */
.nav-tab-wrapper li.welcome .dashicons-admin-home {
    color: #4a8bc2;
}

.nav-tab-wrapper li.partial-protection .dashicons-unlock {
    color: #f0b849;
}

.nav-tab-wrapper li.full-protection .dashicons-lock {
    color: #d63638;
}

.nav-tab-wrapper li.protection-rules .dashicons-admin-settings {
    color: #00a32a;
}

.nav-tab-wrapper li.support .dashicons-sos {
    color: #8c5fcd;
}

/* Active state maintains icon colors */
.nav-tab-wrapper .nav-tab-active .dashicons-admin-home,
.nav-tab-wrapper .nav-tab-active .dashicons-unlock,
.nav-tab-wrapper .nav-tab-active .dashicons-lock,
.nav-tab-wrapper .nav-tab-active .dashicons-admin-settings,
.nav-tab-wrapper .nav-tab-active .dashicons-sos {
    color: inherit;
}

/* Remove duplicate icons from wbcom CSS :before pseudo-elements */
.nav-tab-wrapper ul li.welcome a.nav-tab:before,
.nav-tab-wrapper ul li.partial-protection a.nav-tab:before,
.nav-tab-wrapper ul li.full-protection a.nav-tab:before,
.nav-tab-wrapper ul li.protection-rules a.nav-tab:before,
.nav-tab-wrapper ul li.support a.nav-tab:before {
    content: none !important;
    display: none;
}

.wbcom-settings-member-retraction.wbcom-settings-section-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 15px;
}

.bplock-general-settings-section-col3 {
    font-size: 15px;
}

.bplock-header {
    float: right;
    width: 100%;
    padding: 10px 0px;
}

.bplock-header .bplock-plugin-heading {
    float: right;
    margin: 0px;
}

.notice-success,
div.updated {
    clear: both;
}

.wbcom-faq-prmotion-row {
    background: #eaecfa;
    width: 100%;
    text-align: center;
    overflow: hidden;
    border: 1px solid;
    color: #2a32ef;
    padding: 0;
    margin-top: 15px;
    border-radius: 10px;
}

.wbcom-faq-prmotion-row p {
    font-size: 15px;
    font-weight: 600;
    margin: 12px;
}

.wbcom-faq-prmotion-row p a {
    color: red;
}

.wbcom-settings-section-options.bplock-pages-slected input[type="text"] {
    height: 25px;
}

a#bplock-select-all,
a#bplock-unselect-all {
    background: #2a32ef;
    color: #fff;
    margin: 0 0 0 10px;
    padding: 5px 10px;
    font-size: 14px;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: none;
}

.form-table td p.wcpq-selection-tags {
    margin-bottom: 14px;
}

a#bplock-select-all:hover,
a#bplock-unselect-all:hover {
    background: #272b41;
}

/* WordPress Editor - Override wbcom styles to use WP defaults */
.wbcom-settings-section-options .wp-editor-wrap {
    margin: 0;
}

/* Reset wbcom input styles for wp-editor elements */
.wbcom-settings-section-options .wp-editor-container textarea,
.wbcom-settings-section-options .wp-editor-area {
    min-height: 250px !important;
    height: 250px !important;
    max-height: 500px;
    border-radius: 0 !important;
    background-color: #fff !important;
    border: 1px solid #dcdcde !important;
    width: 100%;
    box-shadow: none !important;
    padding: 10px !important;
    overflow-y: auto !important;
    resize: vertical;
}

/* Hide scrollbar but keep functionality (optional - cleaner look) */
.wbcom-settings-section-options .wp-editor-container textarea::-webkit-scrollbar {
    width: 8px;
}

.wbcom-settings-section-options .wp-editor-container textarea::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.wbcom-settings-section-options .wp-editor-container textarea::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.wbcom-settings-section-options .wp-editor-container textarea::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Save setting button */
.wbcom-admin-settings-page .wbcom-tab-content .button.button-success:not(.button-welcome-support)[disabled] {
    color: #4F8A10 !important;
    background-color: #DFF2BF !important;
    line-height: 55px;
    padding: 0 45px;
    border: 0;
    box-shadow: 0 10px 25px rgba(32, 53, 85, .35);
    border-radius: var(--border-radius-large);
}

/* TinyMCE editor iframe */
.wbcom-settings-section-options .wp-editor-wrap iframe {
    min-height: 250px !important;
    height: 250px !important;
}

.wbcom-settings-section-options .wp-editor-wrap .wp-editor-tools,
.wbcom-settings-section-options .wp-editor-wrap .wp-media-buttons {
    background: transparent !important;
    border: none !important;
}

@media only screen and (max-width: 600px) {

    .wbcom-video-link-wrapper iframe,
    .wbcom-video-link-wrapper .col-right,
    .wbcom-video-link-wrapper .fluid-width-video-wrapper {
        width: 100%;
        padding: 1%;
    }

    .bplock-general-settings-container .form-table th,
    .bplock-pages-settings-container .form-table th,
    .bplock-pages-settings-container.form-table td,
    .bplock-general-settings-container .form-table td {
        padding: 15px !important;
    }

    /* Editor responsive */
    .wbcom-settings-section-options .wp-editor-wrap {
        max-width: 100%;
    }
}