@charset "UTF-8";

/* ================================================================
   WPC Core — Shared Dashboard & Kit Styles (Modern Card Design)
   Aligned with the WPC Settings design system
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --wpc-primary: #10b981;
    --wpc-primary-dark: #059669;
    --wpc-primary-light: #ecfdf5;
    --wpc-border: #e2e8f0;
    --wpc-bg: #f8fafc;
    --wpc-text: #1e293b;
    --wpc-muted: #64748b;
    --wpc-radius: 10px;
    --wpc-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --wpc-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
}

/* ──── Spinner ──────────────────────────────────────────────── */
@keyframes wpc-spinner {
    to {
        transform: rotate(360deg);
    }
}

.wpclever_plugins_wrapper.wpclever_plugins_loading,
.wpclever_essential_kit_wrapper.wpclever_essential_kit_loading {
    min-height: 200px;
    position: relative;
}

.wpclever_plugins_loading::before,
.wpclever_essential_kit_loading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border-width: 3px;
    border-style: solid;
    border-radius: 50%;
    border-top-color: var(--wpc-primary);
    border-left-color: var(--wpc-border);
    border-bottom-color: var(--wpc-border);
    border-right-color: var(--wpc-border);
    animation: wpc-spinner .7s linear infinite;
}

/* ──── Menu icon ────────────────────────────────────────────── */
body[class*=wpclever_page_] {
    overflow-x: hidden;
}

#adminmenu .toplevel_page_wpclever .wp-menu-image img {
    width: 30px !important;
    padding-top: 2px !important;
}

#adminmenu .toplevel_page_wpclever .wp-menu-image.svg {
    background-size: 30px !important;
}

/* ──── Page wrap ────────────────────────────────────────────── */
.wpclever_page {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    max-width: 960px;
    margin: 20px auto;
    color: var(--wpc-text);
}

/* ──── Header banner ────────────────────────────────────────── */
.wpc-header {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    border-radius: var(--wpc-radius) var(--wpc-radius) 0 0;
    padding: 28px 32px;
    margin-bottom: 0;
    box-shadow: var(--wpc-shadow-md);
    position: relative;
    overflow: hidden;
}

.wpc-header::before {
    content: '';
    position: absolute;
    top: -40%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, .04);
    border-radius: 50%;
    pointer-events: none;
}

.wpc-header-inner {
    display: flex;
    align-items: center;
    gap: 18px;
    position: relative;
    z-index: 1;
}

.wpc-header .wpc-logo {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, .15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.wpc-header .wpc-logo img {
    width: 52px;
    height: 52px;
    filter: brightness(0) invert(1);
}

.wpc-header h1 {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    margin: 0 0 4px;
    padding: 0;
    line-height: 1.2;
}

.wpc-header .wpc-tagline {
    color: rgba(255, 255, 255, .6);
    font-size: 13px;
    margin: 0;
}

.wpc-header-inner .notice,
.wpc-header-inner .updated {
    display: none !important;
}

/* ──── Nav tabs ─────────────────────────────────────────────── */
.wpc-admin-nav {
    background: #fff;
    border-bottom: 2px solid var(--wpc-border);
    margin: 0 0 30px 0;
    border-radius: 0 0 var(--wpc-radius) var(--wpc-radius);
    padding: 0 10px;
    box-shadow: var(--wpc-shadow);
}

.wpc-nav-container {
    display: flex;
}

.wpc-nav-item {
    position: relative;
    padding: 14px 28px;
    text-decoration: none;
    color: var(--wpc-muted);
    font-weight: 600;
    transition: all .25s ease;
    font-size: 13.5px;
    outline: none;
    box-shadow: none !important;
}

.wpc-nav-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: var(--wpc-primary);
    transition: all .25s ease;
    transform: translateX(-50%);
    border-radius: 3px 3px 0 0;
}

.wpc-nav-item:hover {
    color: var(--wpc-primary) !important;
}

.wpc-nav-item:hover::after,
.wpc-nav-item.active::after {
    width: 100%;
}

.wpc-nav-item.active {
    color: var(--wpc-primary) !important;
    background: var(--wpc-bg);
}

.wpc-nav-item:focus {
    outline: none;
    box-shadow: none !important;
}

/* ──── Cards ────────────────────────────────────────────────── */
.wpc-card {
    background: #fff;
    border-radius: var(--wpc-radius);
    border: 1px solid var(--wpc-border);
    padding: 28px 32px;
    margin-bottom: 24px;
    box-shadow: var(--wpc-shadow);
    transition: box-shadow .2s ease;
}

.wpc-card:hover {
    box-shadow: var(--wpc-shadow-md);
}

.wpc-card-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--wpc-text);
    margin: 0 0 20px;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.wpc-card-title .dashicons {
    color: var(--wpc-primary);
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.wpc-card-desc {
    font-size: 13.5px;
    color: var(--wpc-muted);
    margin: 0;
    line-height: 1.7;
}

.wpc-card-desc a {
    color: var(--wpc-primary);
    text-decoration: none;
    font-weight: 600;
    transition: color .15s;
}

.wpc-card-desc a:hover {
    color: var(--wpc-primary-dark);
}

/* ──── Plugins list (About page) ────────────────────────────── */
.wpc-card .wpclever_plugins_order,
.wpc-card .wpclever_kit_order,
.wpclever_kit_toolbar .wpclever_kit_order {
    margin-left: auto;
    font-size: 12px;
    font-weight: 500;
}

.wpc-card .wpclever_plugins_order a,
.wpc-card .wpclever_kit_order a,
.wpclever_kit_toolbar .wpclever_kit_order a {
    color: var(--wpc-muted);
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 6px;
    transition: all .15s;
    font-weight: 600;
}

.wpc-card .wpclever_plugins_order a:hover,
.wpc-card .wpclever_plugins_order a.active,
.wpc-card .wpclever_kit_order a:hover,
.wpc-card .wpclever_kit_order a.active,
.wpclever_kit_toolbar .wpclever_kit_order a:hover,
.wpclever_kit_toolbar .wpclever_kit_order a.active {
    color: var(--wpc-primary);
    background: var(--wpc-primary-light);
}

/* Search button */
.wpclever_plugins_search_btn,
.wpclever_kit_search_btn {
    margin-left: 4px;
    vertical-align: middle;
}

.wpclever_plugins_search_btn .dashicons,
.wpclever_kit_search_btn .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
}

/* Search bar */
.wpclever_plugins_search,
.wpclever_kit_search {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.wpclever_plugins_search_input,
.wpclever_kit_search_input {
    border: 1.5px solid var(--wpc-border);
    border-radius: 7px;
    padding: 5px 12px;
    font-family: inherit;
    font-size: 13px;
    color: var(--wpc-text);
    outline: none;
    width: 200px;
    transition: border-color .15s, box-shadow .15s;
}

.wpclever_plugins_search_input:focus,
.wpclever_kit_search_input:focus {
    border-color: var(--wpc-primary);
    box-shadow: 0 0 0 3px rgba(16, 185, 129, .1);
}

.wpclever_plugins_search_close,
.wpclever_kit_search_close {
    color: var(--wpc-muted);
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    font-weight: 400;
    padding: 2px 6px;
    border-radius: 4px;
    transition: all .15s;
}

.wpclever_plugins_search_close:hover,
.wpclever_kit_search_close:hover {
    color: var(--wpc-text);
    background: var(--wpc-bg);
}

.wpclever_plugins_wrapper .item {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid var(--wpc-border);
    transition: background .15s;
}

.wpclever_plugins_wrapper .item:last-child {
    border-bottom: none;
}

.wpclever_plugins_wrapper .item:hover {
    background: var(--wpc-bg);
    margin: 0 -16px;
    padding: 12px 16px;
    border-radius: 8px;
}

.wpclever_plugins_wrapper .item a {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    color: var(--wpc-text);
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

.wpclever_plugins_wrapper .item .num {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #f1f5f9;
    text-align: center;
    line-height: 28px;
    color: #718096;
    font-size: 11px;
    font-weight: 700;
}

/* Top 1 — gold */
.wpclever_plugins_wrapper .item:nth-child(1) .num {
    background: #fef3c7;
    color: #d97706;
}

/* Top 2 — silver */
.wpclever_plugins_wrapper .item:nth-child(2) .num {
    background: #e2e8f0;
    color: #475569;
}

/* Top 3 — bronze */
.wpclever_plugins_wrapper .item:nth-child(3) .num {
    background: #ffedd5;
    color: #c2410c;
}

/* Top 4–10 — green */
.wpclever_plugins_wrapper .item:nth-child(n+4):nth-child(-n+10) .num {
    background: var(--wpc-primary-light);
    color: var(--wpc-primary-dark);
}

.wpclever_plugins_wrapper .item .title {
    font-weight: 600;
    font-size: 13.5px;
    color: var(--wpc-text);
}

.wpclever_plugins_wrapper .item .info {
    font-size: 12px;
    color: var(--wpc-muted);
    margin-top: 2px;
    margin-left: auto;
    text-align: right;
}

.wpclever_plugins_wrapper .item img {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 10px;
}

/* ──── Dashboard Widget ─────────────────────────────────────── */
#wpclever_dashboard_widget .inside {
    padding: 0;
    margin: 0;
    max-height: 365px;
    display: inline-block;
    width: 100%;
    overflow-y: auto;
}

#wpclever_dashboard_widget.closed .inside {
    display: none;
}

#wpclever_dashboard_widget .item {
    border-bottom: 1px solid #f1f5f9;
    margin: 0;
    padding: 10px 14px;
    display: block;
    transition: background .12s;
}

#wpclever_dashboard_widget .item:hover {
    background-color: var(--wpc-bg);
}

#wpclever_dashboard_widget .item:last-child {
    border-bottom: none;
}

#wpclever_dashboard_widget .item a {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    color: var(--wpc-text);
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

#wpclever_dashboard_widget .item img {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    flex-shrink: 0;
}

#wpclever_dashboard_widget .item .num {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--wpc-primary), var(--wpc-primary-dark));
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

#wpclever_dashboard_widget .item .title {
    font-weight: 600;
    font-size: 13px;
}

#wpclever_dashboard_widget .item .info {
    font-size: 11px;
    color: var(--wpc-muted);
}

/* ──── Essential Kit toolbar ────────────────────────────────── */
.wpclever_kit_toolbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 500;
}

/* ──── Essential Kit page ───────────────────────────────────── */
.wpclever_essential_kit_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card {
    background: #fff;
    border: 1px solid var(--wpc-border);
    border-radius: var(--wpc-radius);
    box-shadow: var(--wpc-shadow);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow .2s, transform .2s;
    margin: 0;
    width: auto !important;
    float: none !important;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card:hover {
    box-shadow: var(--wpc-shadow-md);
    transform: translateY(-2px);
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-top {
    padding: 20px;
    flex: 1;
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-icon {
    flex-shrink: 0;
    display: block;
    line-height: 0;
    background-color: var(--wpc-bg);
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-top .plugin-icon {
    width: 128px;
    height: 128px;
    border-radius: 12px;
    box-shadow: var(--wpc-shadow);
    display: block;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-info {
    flex: 1;
    min-width: 0;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-info .name h3 {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-info .name h3 a {
    color: var(--wpc-text);
    text-decoration: none;
    transition: color .15s;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-info .name h3 a:hover {
    color: var(--wpc-primary);
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-info .desc p {
    font-size: 12.5px;
    color: var(--wpc-muted);
    line-height: 1.6;
    margin: 0 0 14px;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-info .action-links {
    margin: 0;
}

.wpclever_essential_kit_wrapper .plugin-action-buttons {
    display: flex;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
    float: none;
    align-items: center;
}

.wpclever_essential_kit_wrapper .plugin-action-buttons li {
    margin-bottom: 0;
}

.wpclever_essential_kit_wrapper .plugin-action-buttons .button {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 7px;
    transition: all .15s;
    text-decoration: none;
    line-height: 1.5;
}

.wpclever_essential_kit_wrapper .plugin-action-buttons .install-now {
    background: var(--wpc-primary) !important;
    color: #fff !important;
    border-color: var(--wpc-primary-dark) !important;
}

.wpclever_essential_kit_wrapper .plugin-action-buttons .install-now:hover {
    background: var(--wpc-primary-dark) !important;
    transform: translateY(-1px);
}

.wpclever_essential_kit_wrapper .plugin-action-buttons .activate-now {
    padding: 7px 16px;
    background: var(--wpc-bg) !important;
    border: 1px solid var(--wpc-border) !important;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--wpc-muted) !important;
    cursor: pointer;
    transition: all 0.2s ease;
}

.wpclever_essential_kit_wrapper .plugin-action-buttons .activate-now:hover {
    background: #fff !important;
    border-color: var(--wpc-primary) !important;
    color: var(--wpc-primary) !important;
}

.wpclever_essential_kit_wrapper .plugin-action-buttons .deactivate-now {
    background: #f1f5f9;
    color: var(--wpc-muted);
    border-color: var(--wpc-border);
}

.wpclever_essential_kit_wrapper .plugin-action-buttons .open-plugin-details-modal {
    color: var(--wpc-muted);
    text-decoration: none;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-bottom {
    background: var(--wpc-bg);
    border-top: 1px solid var(--wpc-border);
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 12px;
    color: var(--wpc-muted);
    flex-wrap: wrap;
    justify-content: space-between;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-bottom-left,
.wpclever_essential_kit_wrapper .wpc-plugin-card-bottom-right {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-bottom-right {
    align-items: flex-end;
    text-align: right;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-bottom strong {
    font-weight: 600;
    color: var(--wpc-text);
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-bottom.premium {
    justify-content: space-between;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-bottom.premium .text {
    color: var(--wpc-primary);
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-bottom.premium .button {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 7px;
    transition: all .15s;
    text-decoration: none;
    line-height: 1.5;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-bottom.premium .activate-now {
    background: #10b981 !important;
    color: #fff !important;
    border-color: #059669 !important;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-bottom.premium .activate-now:hover {
    background: #059669 !important;
    transform: translateY(-1px);
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-bottom.premium .deactivate-now {
    background: rgba(146, 64, 14, .1);
    color: #92400e;
    border-color: #d97706;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-bottom.premium .deactivate-now:hover {
    background: rgba(146, 64, 14, .18);
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-rating {
    display: flex;
    align-items: center;
    gap: 6px;
}

.wpclever_essential_kit_wrapper .wpc-plugin-card-bottom .star-rating {
    font-size: 12px;
}


/* ──── Settings page (from legacy dashboard) ──────────────── */
/* Settings Page */
@media only screen and (min-width: 1200px) {
    .wpclever_settings_page {
        width: 90%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }
}

.wpclever_settings_page .wpclever_settings_page_header {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 100px;
    margin-top: -10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    position: relative;
    background-color: #ffffff;
    -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.05);
}

.wpclever_settings_page .wpclever_settings_page_header:before {
    content: "";
    display: block;
    width: 2000px;
    height: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    position: absolute;
    top: 0;
    left: -2000px;
    -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.05);
}

.wpclever_settings_page .wpclever_settings_page_header:after {
    content: "";
    display: block;
    width: 2000px;
    height: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    position: absolute;
    top: 0;
    left: 100%;
    -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.05);
}

.wpclever_settings_page .wpclever_settings_page_header p {
    margin-top: 0;
    margin-bottom: 0;
}

.wpclever_settings_page .wpclever_settings_page_header .wpclever_settings_page_header_logo {
    display: block;
    width: 90px;
    height: 90px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path fill="%23222" d="M485,159.63c0,10.8,4.8,17,13.46,17.45l1,0a14.6,14.6,0,0,0,10.18-3.84,16.27,16.27,0,0,0,4.93-11.77c.56-27.68.58-56.13.08-84.54a16.48,16.48,0,0,0-4.9-11.85,14.9,14.9,0,0,0-11-4C490,61.43,485,67.73,485,78.42q0,14,0,27.93v23.79Q485,144.89,485,159.63Z"/><path fill="%23222" d="M513.53,394.66v32h18.26c11.52,0,18.25-6.88,18.25-15.86v-.3c0-10.32-7.18-15.86-18.7-15.86Z"/><path fill="%23222" d="M685.14,316C635.43,231.68,544.28,192.34,449.2,214.2,295.42,249.55,232.77,442.33,336.79,562.77c31.36,36.32,58.74,73.44,64,122.84,1.21,11.33,8.14,14.72,18.94,11.66,14.36-4.08,28.76-8,43.25-11.6,36.45-9,73-17.77,113.31-27.56a1.35,1.35,0,0,1,1.46,2c-6.18,9.38-13.65,8.58-19.36,10-48.8,12.35-97.74,24.19-146.68,36-9.62,2.34-17.71,7-15,17.77,2.4,9.68,11.38,11.08,20.33,8.79Q502.25,711,587.44,689.07c7.5-1.93,13.29-5.39,14-14.14,3.36-43.42,27-75.68,55.6-106.49C721.78,498.58,732.43,396.26,685.14,316ZM344,330.94a180.55,180.55,0,0,1,312.67.43c4.36,7.52-3.56,16.25-11.43,12.55l-.29-.13a9.11,9.11,0,0,1-4-3.67,162.57,162.57,0,0,0-281.25-.39,9,9,0,0,1-4,3.67l-.29.14C347.49,347.19,339.61,338.45,344,330.94Zm229.39,79.13v.3c0,24.24-18.85,36.81-42.34,36.81H513.53V468a11.52,11.52,0,0,1-23,0v-82.6A11.43,11.43,0,0,1,502,373.86h31.27C558.27,373.86,573.38,388.67,573.38,410.07ZM319.61,388.52a14.87,14.87,0,0,1-.9-4.34c0-6.43,5.39-11.22,11.82-11.22a11.62,11.62,0,0,1,11.22,8.23l20.8,64.19,20.95-63.59c1.8-5.39,5.84-9.13,11.67-9.13H397c5.83,0,9.87,3.59,11.67,9.13l20.95,63.59,20.8-64.19A11.52,11.52,0,0,1,461.46,373,11.12,11.12,0,0,1,472.83,384a15.86,15.86,0,0,1-.9,4.48l-29.32,82.3c-2.1,5.84-6.44,9.43-12,9.43h-2.4c-5.53,0-9.72-3.44-11.82-9.43l-20.65-60-20.65,60c-2.09,6-6.28,9.43-11.82,9.43h-2.39c-5.54,0-9.88-3.59-12-9.43ZM658.77,516a180.57,180.57,0,0,1-316.9.44c-4.18-7.58,3.72-16.15,11.54-12.43l.29.14a9,9,0,0,1,4.06,3.82,162.57,162.57,0,0,0,285.11-.4,9.13,9.13,0,0,1,4-3.83l.28-.13C655,499.88,662.93,508.42,658.77,516Zm18-48.79c-9.43,8.23-20.5,13.17-37.26,13.17-30.82,0-53.72-23.79-53.72-53.87v-.3c0-29.78,22.45-54.17,54.62-54.17,15.71,0,26.33,4.19,35,10.63a11.51,11.51,0,0,1,4.49,9.13A11.24,11.24,0,0,1,668.55,403a12.09,12.09,0,0,1-6.89-2.25c-6.43-4.78-13.16-7.48-21.39-7.48-17.66,0-30.38,14.67-30.38,32.62v.3c0,18,12.42,32.92,30.38,32.92,9.72,0,16.16-3,22.74-8.23a10.67,10.67,0,1,1,13.77,16.31Z"/><path fill="%23222" d="M581.78,785.79c-57.34,14.64-114.63,29.46-172,44-7.93,2-13.53,5.18-12,14.53s8.37,10.6,16.09,10.4H414a25,25,0,0,0,3.24-.41Q503.42,833,589.54,811.51c8.45-2.11,14.58-7.66,12.3-16.69C599.31,784.81,590.71,783.51,581.78,785.79Z"/><path fill="%23222" d="M583.81,724.72Q496,746.14,408.42,768.17c-7.21,1.8-11.67,6.14-10.66,14.34,1.05,8.45,7.08,10.32,14.13,10.92h.19a18.8,18.8,0,0,0,3.21-.25Q503,771.42,590.63,749.49c7.61-1.91,13.26-7,11.48-15.64C600,723.86,591.83,722.76,583.81,724.72Z"/><path fill="%23222" d="M803.13,638c-21.46-18.42-45.23-38.51-74.79-63.24a31,31,0,0,0-7.08-4.08l-.69-.32a8.91,8.91,0,0,0-5.44-.69c-5.36,1-9.06,4-11.64,9.35-5.1,10.57,3.14,17.68,7.1,21.1,22.63,19.51,46.24,39.52,72.2,61.17,4.89,4.08,9.72,6.13,14.17,6.13a14.68,14.68,0,0,0,11-5.14c2.94-3.19,4.33-6.6,4.13-10.13C811.8,647.58,808.88,643,803.13,638Z"/><path fill="%23222" d="M542.34,857.29c-26.87,21-54.38,21.7-83,3.45-6.76-4.3-15.3-6.65-20.22,2.56-4.47,8.34.63,15.15,7.29,19.81,15.26,10.69,32.19,17,52.17,17.35,21.37-.74,40.84-9.18,58.22-22.93,6.6-5.22,8.44-11.91,3.08-18.79C555,852.45,548.53,852.44,542.34,857.29Z"/><path fill="%23222" d="M279.56,571.47c-5.34-3.1-10.73-2.93-14.78.49-29.13,24.54-53.53,45.24-77.93,66.53-4.48,3.9-5.33,10.65-2.07,16.42a14.74,14.74,0,0,0,9.23,7.54,14.49,14.49,0,0,0,3.75.48,18.35,18.35,0,0,0,5.77-1,17.06,17.06,0,0,0,5.58-2.84c22.57-18.88,46.73-39.22,70.56-60,3.85-3.36,5.63-9.39,6.34-12.68C287.39,580.11,285,574.66,279.56,571.47Z"/><path fill="%23222" d="M869.8,382.83a15.89,15.89,0,0,0-11.46-4.7c-32.84-.44-63.21-.41-92.83.09a16.07,16.07,0,0,0-11.58,4.62,15.23,15.23,0,0,0-3.82,11.36c.45,11.53,9.23,14,16.57,14h.15c10.11,0,20.4,0,30.34,0H812v-.24l11.88,0c11.19,0,22.76.08,34.14-.11,9.32-.16,15.54-5.5,15.86-13.61A15.48,15.48,0,0,0,869.8,382.83Z"/><path fill="%23222" d="M682.59,252.67c6.7,0,12.67-5,15.24-7.15,16.63-13.91,33.34-28.28,49.51-42.17l9.89-8.49c5.37-4.62,8.22-9.6,8.48-14.82v-.21c-.33-6.08-2.81-10.23-7.79-13.05-8.38-4.76-15-.65-20.37,4-17.95,15.55-37,32.23-60,52.51-5.66,5-15.12,13.35-6,23.83C675.19,251.23,679,252.67,682.59,252.67Z"/><path fill="%23222" d="M185.52,408.12V408c3.68,0,7.36,0,11,0,10.43,0,21.21.09,31.81-.12a18.51,18.51,0,0,0,10.93-3.54,13,13,0,0,0,5.16-10,15.48,15.48,0,0,0-4.08-11.48A15.69,15.69,0,0,0,229,378.12c-32.68-.39-61.5-.29-88.13.33-4.62.1-8.46,1.69-11.09,4.59s-3.92,7.09-3.57,12c.62,8.61,5.89,13,15.67,13.08,5.71,0,11.48.05,17.2.05h26.44Z"/><path fill="%23222" d="M237.09,197.15c17.81,15.58,35.62,30.65,56.88,48.48,5.48,4.6,10.67,6.9,15.34,6.9,4.19,0,7.95-1.85,11.1-5.57,8.82-10.39-1.57-19.57-6.57-24-14.8-13.08-30-26.23-44.65-38.95l-12.93-11.22c-3.14-2.72-6.62-5.39-11.48-5.54a14.4,14.4,0,0,0-14.13,8.33C227.2,183,229.43,190.45,237.09,197.15Z"/></svg>');
    background-size: 90px;
    background-position: left center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -45px;
    transform: rotate(-20deg);
    transition: all 0.3s ease;
    outline: none !important;
    box-shadow: none !important;
}

.wpclever_settings_page .wpclever_settings_page_header .wpclever_settings_page_header_logo:hover {
    margin-top: -47px;
}

.wpclever_settings_page .wpclever_settings_page_header div.wpclever_settings_page_title {
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
    margin: 10px 0;
}

.wpclever_settings_page img {
    max-width: 100%;
    height: auto;
}

.wpclever_settings_page .wpclever_settings_page_title {
    display: flex;
    align-items: center;
}

.wpclever_settings_page .wpclever_settings_page_title .premium {
    display: inline-block !important;
    font-size: 10px;
    line-height: 1;
    background-color: #333;
    color: #fff;
    padding: 6px 10px;
    margin-left: 10px;
    border-radius: 4px;
    text-transform: uppercase;
}

.wpclever_settings_page .wpclever_settings_page_desc a {
    outline: none;
    box-shadow: none;
}

.wpclever_settings_page .wpclever_settings_page_nav .nav-tab-wrapper {
    border-color: #eee;
}

.wpclever_settings_page .wpclever_settings_page_nav .nav-tab-wrapper a {
    margin-left: 0;
    margin-right: 7px;
    padding: 10px 20px;
    outline: none;
    box-shadow: none;
    border-color: #eee;
}

.wpclever_settings_page .wpclever_settings_page_nav .nav-tab-wrapper a.nav-tab-active,
.wpclever_settings_page .wpclever_settings_page_nav .nav-tab-wrapper a:hover {
    background-color: #fafafa;
    border-color: #fafafa;
}

.wpclever_settings_page .wpclever_settings_page_content {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #eee;
    background-color: #fff;
    display: inline-block;
    width: 100%;
    margin: 0;
}

.wpclever_settings_page .wpclever_settings_page_content select[multiple] {
    padding: 10px;
}

.wpclever_settings_page .wpclever_settings_page_content>form {
    margin: 0;
}

.wpclever_settings_page .wpclever_settings_page_content table {
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: unset;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.heading th,
.wpclever_settings_page .wpclever_settings_page_content table tr.heading td,
.wpclever_settings_page .wpclever_settings_page_content table tr.submit th,
.wpclever_settings_page .wpclever_settings_page_content table tr.submit td {
    background-color: #fafafa;
    padding: 15px 20px;
    margin: 0;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.submit {
    position: relative;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.submit p {
    margin: 0;
    padding: 0;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.submit .wpclever_submit {
    display: flex;
    align-items: center;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.submit .wpc-last-saved {
    font-weight: 400;
    font-size: 12px;
    color: #999;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.submit .wpc-last-saved .dashicons {
    font-size: 15px;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    color: #22c55e;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.submit .wpclever_export {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 400;
}

#wpclever_export .wpclever_export_data {
    width: 100%;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 12.5px;
    line-height: 20px;
    padding: 0 12px;
    background-image: repeating-linear-gradient(to bottom, #ffffff 0px, #ffffff 20px, #fafafa 20px, #fafafa 40px);
    background-attachment: local;
    resize: vertical;
    box-sizing: border-box;
    outline: none;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.heading {
    border-bottom: 1px dashed #eeeeee;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.heading th {
    border-left: 4px solid #23282d;
    padding-left: 16px;
}

.wpclever_settings_page .wpclever_settings_page_content .wpclever_settings_page_content_text {
    padding: 20px;
}

.wpclever_settings_page .wpclever_settings_page_content .wpclever_settings_page_content_text p {
    margin-top: 0;
    margin-bottom: 15px;
}

.wpclever_settings_page .wpclever_settings_page_content .wpclever_settings_page_content_text p:last-child {
    margin-bottom: 0;
}

.wpclever_settings_page .wpclever_settings_page_content table tr th,
.wpclever_settings_page .wpclever_settings_page_content table tr td {
    padding: 15px 20px;
    border-bottom: 1px dashed #eee;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.submit th,
.wpclever_settings_page .wpclever_settings_page_content table tr.submit td {
    border-bottom: none;
}

.wpclever_settings_page p.description,
.wpclever_settings_page span.description {
    font-size: 13px !important;
}

.wpclever_settings_page .wpclever_settings_page_suggestion {
    font-size: 14px;
    margin-top: 20px;
    padding: 20px 20px 10px 20px;
    border: 1px dashed #8c8f94;
    background-color: #ffffff;
    position: relative;
    border-radius: 2px;
}

.wpclever_settings_page .wpclever_settings_page_suggestion .wpclever_settings_page_suggestion_label {
    background-color: #999999;
    color: #ffffff;
    text-transform: uppercase;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 2px;
    font-size: 8px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wpclever_settings_page .wpclever_settings_page_suggestion .wpclever_settings_page_suggestion_content>div {
    margin-bottom: 10px;
}

.wpclever_plugins_wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.wpclever_plugins .item {
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 10px 0;
    display: inline-block;
    width: 25%;
}

@media only screen and (max-width: 1440px) {
    .wpclever_plugins .item {
        width: 33.33%;
    }
}

@media only screen and (max-width: 1024px) {
    .wpclever_plugins .item {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .wpclever_plugins .item {
        width: 100%;
    }
}

.wpclever_plugins .item:hover {
    background-color: #fafafa;
}

.wpclever_plugins .item:last-child {
    border-bottom: none;
}

.wpclever_plugins .item a {
    display: inline-block;
    width: 100%;
    color: #23282d;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

.wpclever_plugins .item img {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    border-radius: 2px;
}

.wpclever_plugins .item .num {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    border-radius: 20px;
    background-color: #b05d93;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
}

.wpclever_plugins .item .info {
    opacity: 0.5;
}

/* RTL */
body.rtl .wpclever_plugins .item .num {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

body.rtl .wpclever_settings_page .wpclever_settings_page_nav .nav-tab-wrapper a {
    margin-right: 0;
    margin-left: 7px;
}

body.rtl .wpclever_settings_page .wpclever_settings_page_content table tr.heading {
    border-left: none;
    border-right: 4px solid #23282d;
}

body.rtl .wpclever_settings_page .wpclever_settings_page_content table tr.submit .wpclever_export {
    left: 20px;
    right: auto;
}

/* Premium */
.wpc-premium,
.wpc-premium a {
    color: #c9356e;
}

/* WPC Dialog */
.ui-dialog.wpc-dialog {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100102;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: #3c434a;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 13px;
    line-height: 1.4em;
}

.ui-dialog.wpc-dialog+.ui-widget-overlay {
    background-image: none;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}

.ui-dialog.wpc-dialog .ui-dialog-titlebar {
    background: #fcfcfc;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dfdfdf;
    border-radius: 0;
    height: 36px;
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
    padding: 0 36px 0 16px;
}

.ui-dialog.wpc-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog.wpc-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #666;
    cursor: pointer;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    outline: none;
    overflow: hidden;
    font-size: 0;
}

.ui-dialog.wpc-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
    font: 400 20px/1 dashicons;
    vertical-align: top;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 36px;
    width: 36px;
    height: 36px;
    content: "\f158";
}

.ui-dialog.wpc-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
    color: #00a0d2;
}

.ui-dialog.wpc-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
    display: none;
}

.ui-dialog.wpc-dialog .ui-dialog-content {
    padding: 16px;
    overflow: auto;
}

/* ──── Thickbox modal ───────────────────────────────────────── */
body.toplevel_page_wpclever #TB_window,
body.wpclever_page_wpclever-kit #TB_window {
    border-radius: 10px;
    overflow: hidden;
}

body.toplevel_page_wpclever #TB_title,
body.wpclever_page_wpclever-kit #TB_title {
    height: 48px;
    line-height: 48px;
}

body.toplevel_page_wpclever #TB_ajaxWindowTitle,
body.wpclever_page_wpclever-kit #TB_ajaxWindowTitle {
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
}

body.toplevel_page_wpclever #TB_closeAjaxWindow .tb-close-icon,
body.toplevel_page_wpclever #TB_closeAjaxWindow .tb-close-icon:before,
body.wpclever_page_wpclever-kit #TB_closeAjaxWindow .tb-close-icon,
body.wpclever_page_wpclever-kit #TB_closeAjaxWindow .tb-close-icon:before {
    width: 48px;
    height: 48px;
    line-height: 48px;
}

/* ──── Responsive ───────────────────────────────────────────── */
@media (max-width: 782px) {
    .wpclever_page {
        margin: 20px;
    }

    .wpc-header {
        padding: 20px;
    }

    .wpc-header h1 {
        font-size: 18px;
    }

    .wpc-card {
        padding: 20px;
    }

    .wpclever_essential_kit_wrapper {
        grid-template-columns: 1fr;
    }
}