/* ===== Dima Admin - Light Pastel Blue Theme v1.2 ===== */
@import url('vazir.css');
:root {
    --dima-bg-primary: #eef4ff;
    --wp-editor-canvas-background: #eef4ff;
    --dima-bg-secondary: #ffffff;
    --dima-bg-tertiary: #e0ecff;
    --dima-bg-card: rgba(255, 255, 255, 0.85);
    --dima-bg-sidebar: #f8fbff;
    --dima-bg-hover: rgba(147, 197, 253, 0.25);
    --dima-text-primary: #1e3a5f;
    --dima-text-secondary: #5b7a9e;
    --dima-text-muted: #8fa8c8;
    --dima-accent-blue: #7eb8e0;
    --dima-accent-purple: #a5b4fc;
    --dima-accent-cyan: #93c5fd;
    --dima-accent-green: #86efac;
    --dima-accent-red: #fca5a5;
    --dima-accent-orange: #fcd34d;
    --dima-border: rgba(147, 197, 253, 0.35);
    --dima-border-light: rgba(147, 197, 253, 0.18);
    --dima-shadow: 0 4px 24px rgba(126, 184, 224, 0.15);
    --dima-shadow-sm: 0 2px 10px rgba(126, 184, 224, 0.1);
}

/* ===== پایه ===== */
* { box-sizing: border-box; text-decoration: none!important; }

html { scroll-behavior: smooth; }

body {
    background: var(--dima-bg-primary) !important;
    color: var(--dima-text-primary) !important;
    font-family: 'Vazir', 'Segoe UI', Tahoma, sans-serif !important;
    line-height: 1.6;
}
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6{
    color: var(--dima-text-primary) !important;
    font-family: 'Vazir', 'Segoe UI', Tahoma, sans-serif !important;
}
#adminmenu, #adminmenuback, #adminmenuwrap,#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item,input[type="checkbox"], input[type="radio"],.dima-admin-card,.dima-admin-box,.dima-shortcode,.health-check-header, .privacy-settings-header,.dima-firewall-card,.dima-firewall-status-bar,.comment-ays, .feature-filter, .popular-tags, .stuffbox, .widgets-holder-wrap, .wp-editor-container, p.popular-tags, table.widefat,.plugins tr,.customize-section-title,.customize-controls-close,#customize-controls .customize-info .customize-panel-description, #customize-controls .customize-info .customize-section-description, #customize-controls .no-widget-areas-rendered-notice, #customize-outer-theme-controls .customize-info .customize-section-description,.customize-panel-back, .customize-section-back,#customize-header-actions,#customize-theme-controls .control-panel-themes > .accordion-section-title, #customize-theme-controls .control-panel-themes > .accordion-section-title:hover,#customize-outer-theme-controls .accordion-section-title, #customize-theme-controls .accordion-section-title,.theme-browser .theme .theme-actions,.theme-browser .theme,.theme-browser .theme .theme-name,.woocommerce-layout__header,#contact-form-editor .contact-form-editor-panel,.wpcf7-welcome-panel,.welcome-panel-header-wrap,#future-posts li:nth-child(2n+1), #published-posts li:nth-child(2n+1),#activity-widget #the-comment-list .comment-item,.alternate, .striped > tbody > :nth-child(2n+1), ul.striped > :nth-child(2n+1),#wp-content-editor-tools,.wp-editor-container,.quicktags-toolbar,.wp-editor-expand #post-status-info,#major-publishing-actions,.dima-seo-check{
    background: var(--dima-bg-tertiary) !important;
    border-color: var(--dima-border) !important;
}
#adminmenu div.wp-menu-image::before,.importer-title,#customize-controls .description,#customize-outer-theme-controls .accordion-section-content, #customize-theme-controls .accordion-section-content,.theme-browser .theme .theme-actions,.theme-browser .theme,.theme-browser .theme .theme-name,.woocommerce-layout__activity-panel-tabs .woocommerce-layout__activity-panel-tab,.woocommerce-layout__activity-panel-tabs .woocommerce-layout__activity-panel-tab:hover, .woocommerce-layout__activity-panel-tabs .woocommerce-layout__activity-panel-tab.components-button:not(:disabled):not([aria-disabled="true"]):hover,.wpcf7-welcome-panel .welcome-panel-column p,.widefat ol, .widefat p, .widefat ul,.community-events li,#future-posts li, #published-posts li,.dashboard-widget-finish-setup .progress-wrapper > span,html body .gray,.dup-dashboard-widget-content .gary,#latest-comments #the-comment-list .comment-meta,#dashboard_activity .subsubsub a .count, #dashboard_activity .subsubsub a.current .count,.activity-block .subsubsub li,.dup-dashboard-widget-content .dup-recommended-label,.postbox .handle-order-higher, .postbox .handle-order-lower,.handlediv, .item-edit, .postbox .handlediv.button-link, .toggle-indicator,#dashboard_right_now .search-engines-info::before, #dashboard_right_now li a::before, #dashboard_right_now li span::before, .welcome-panel .welcome-icon::before{
    color: var(--dima-text-primary) !important;
}
#adminmenu .wp-submenu li,#adminmenu li.menu-top{
    border-bottom:1px solid var(--dima-border) !important;
}
.welcome-panel .welcome-panel-column-container{
    background: var(--dima-bg-secondary) !important;
    border-color: var(--dima-border) !important;
}
.welcome-panel-header-image{
    display:none;
}
a { color: var(--dima-accent-blue) !important; transition: color 0.2s;text-decoration: none!important; }
a:hover { color: var(--dima-accent-purple) !important; }
#adminmenu div.wp-menu-image.svg{
    filter:invert(100);
}

/* ===== نوار بالا ===== */
#wpadminbar {
    background: var(--dima-bg-sidebar) !important;
    border-bottom: 1px solid var(--dima-border) !important;
    box-shadow: var(--dima-shadow-sm);
}
#wpadminbar .ab-item,
#wpadminbar .ab-top-menu > li > .ab-item,
#wpadminbar #wp-admin-bar-user-info .ab-item {
    color: var(--dima-text-primary) !important;
}
#wpadminbar .ab-item:hover {
    background: var(--dima-bg-hover) !important;
    color: var(--dima-accent-blue) !important;
}
#wpadminbar .ab-sub-wrapper {
    background: var(--dima-bg-sidebar) !important;
    border: 1px solid var(--dima-border) !important;
    box-shadow: var(--dima-shadow);
}
#wpadminbar .menupop .ab-sub-wrapper .ab-item {
    color: var(--dima-text-secondary) !important;
}

/* ===== سایدبار ===== */
#adminmenuwrap {
    background: var(--dima-bg-sidebar) !important;
    border-right: 1px solid var(--dima-border) !important;
}
#adminmenu,
#adminmenu .wp-submenu,
#adminmenu .wp-submenu-wrap {
    background: var(--dima-bg-sidebar) !important;
}
#adminmenu a {
    color: var(--dima-text-secondary) !important;
    transition: all 0.25s ease;
}
#adminmenu a:hover,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu .current a {
    color: var(--dima-text-primary) !important;
    background: var(--dima-bg-hover) !important;
}
#adminmenu .wp-menu-name { color: var(--dima-text-secondary) !important; }
#adminmenu .wp-submenu a { color: var(--dima-text-muted) !important; }
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu .current a { color: var(--dima-accent-blue) !important; }

/* ===== محتوای اصلی ===== */
#wpcontent {
    background: var(--dima-bg-primary) !important;
    padding-left: 20px !important;
}
#wpbody { background: var(--dima-bg-primary) !important; }
#wpbody-content { background: var(--dima-bg-primary) !important; }

/* ===== عنوان صفحات ===== */
.wrap h1, .wrap h2, .wrap .page-title-action {
    color: var(--dima-text-primary) !important;
    font-weight: 700 !important;
}
.wrap .page-title-action {
    background: linear-gradient(135deg, var(--dima-accent-blue), var(--dima-accent-purple)) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    box-shadow: 0 4px 12px rgba(126, 184, 224, 0.3) !important;
    transition: all 0.3s ease !important;
}
.wrap .page-title-action:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(126, 184, 224, 0.5) !important;
    color: #fff !important;
}

/* ===== کارت‌ها و postbox ===== */
.postbox,
.wrap .card,
.dashboard-widgets-wrap .postbox,
.dima-admin-welcome,
.dima-admin-info {
    background: var(--dima-bg-card) !important;
    border: 1px solid var(--dima-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--dima-shadow) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.postbox:hover, .wrap .card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(126, 184, 224, 0.25) !important;
}
.postbox-header, .postbox h2, .postbox h3, .postbox .hndle {
    background: transparent !important;
    color: var(--dima-text-primary) !important;
    border-bottom: 1px solid var(--dima-border) !important;
    font-weight: 600;
}
.postbox .inside { color: var(--dima-text-secondary) !important; }

/* ===== Screen Meta (Help & Screen Options) ===== */
#screen-meta {
    background: var(--dima-bg-secondary) !important;
    border-bottom: 1px solid var(--dima-border) !important;
    color: var(--dima-text-primary) !important;
}
#screen-meta-links {
    background: transparent !important;
}
#screen-meta-links a {
    color: var(--dima-text-secondary) !important;
    border: 1px solid var(--dima-border) !important;
    border-radius: 8px 8px 0 0 !important;
    background: var(--dima-bg-secondary) !important;
    transition: all 0.25s ease;
}
#screen-meta-links a:hover,
#screen-meta-links a.screen-meta-active {
    background: var(--dima-bg-tertiary) !important;
    color: var(--dima-accent-blue) !important;
    border-color: var(--dima-accent-blue) !important;
}
#contextual-help-wrap,
#screen-options-wrap {
    background: var(--dima-bg-secondary) !important;
    color: var(--dima-text-primary) !important;
    border: none !important;
}
#contextual-help-wrap h5,
#screen-options-wrap h5 {
    color: var(--dima-text-primary) !important;
}
#contextual-help-wrap p,
#screen-options-wrap p,
#contextual-help-wrap td,
#screen-options-wrap td {
    color: var(--dima-text-secondary) !important;
}
#contextual-help-wrap a,
#screen-options-wrap a {
    color: var(--dima-accent-blue) !important;
}

/* ===== فیلترها و subsubsub ===== */
.wp-filter {
    background: var(--dima-bg-card) !important;
    border: 1px solid var(--dima-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--dima-shadow-sm);
}
.subsubsub {
    background: transparent !important;
}
.subsubsub a {
    color: var(--dima-text-secondary) !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease;
}
.subsubsub a:hover,
.subsubsub .current a {
    color: var(--dima-accent-blue) !important;
    background: var(--dima-bg-hover) !important;
}
.subsubsub .current a {
    color: var(--dima-accent-blue) !important;
}

/* ===== جداول ===== */
.wp-list-table {
    background: var(--dima-bg-card) !important;
    border-radius: 12px !important;
    overflow: hidden;
    border: 1px solid var(--dima-border) !important;
}
.wp-list-table th,
.wp-list-table td {
    border-color: var(--dima-border-light) !important;
    color: var(--dima-text-primary) !important;
}
.wp-list-table thead th,
.wp-list-table thead td {
    background: var(--dima-bg-secondary) !important;
    color: var(--dima-text-primary) !important;
    font-weight: 600;
}
.wp-list-table tbody tr { transition: background 0.2s ease; }
.wp-list-table tbody tr:hover {
    background: var(--dima-bg-hover) !important;
}
.wp-list-table .striped > tbody > :nth-child(odd) {
    background: rgba(224, 236, 255, 0.3) !important;
}
.wp-list-table .striped > tbody > :nth-child(even) {
    background: transparent !important;
}
.wp-list-table .check-column { border-color: var(--dima-border-light) !important; }

/* widefat عمومی */
.widefat {
    background: var(--dima-bg-card) !important;
    color: var(--dima-text-primary) !important;
    border-color: var(--dima-border) !important;
}
.widefat th, .widefat td {
    border-color: var(--dima-border-light) !important;
    color: var(--dima-text-primary) !important;
}

/* ===== فرم‌ها ===== */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="tel"],
textarea,
select {
    background: var(--dima-bg-secondary) !important;
    border: 1px solid var(--dima-border) !important;
    color: var(--dima-text-primary) !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    transition: all 0.25s ease;
}
input:focus, textarea:focus, select:focus {
    border-color: var(--dima-accent-blue) !important;
    box-shadow: 0 0 0 3px rgba(126, 184, 224, 0.2) !important;
    outline: none !important;
}
input::placeholder, textarea::placeholder {
    color: var(--dima-text-muted) !important;
}

.form-table th {
    color: var(--dima-text-primary) !important;
}
.form-table td {
    color: var(--dima-text-secondary) !important;
}
.form-table .description {
    color: var(--dima-text-muted) !important;
}

/* ===== دکمه‌ها ===== */
.button, .button-primary, .button-secondary, .button-hero {
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    font-weight: 500;
}
.button {
    background: var(--dima-bg-secondary) !important;
    border: 1px solid var(--dima-border) !important;
    color: var(--dima-text-primary) !important;
}
.button:hover {
    background: var(--dima-bg-tertiary) !important;
    border-color: var(--dima-accent-blue) !important;
    color: var(--dima-accent-blue) !important;
}
.button-primary {
    background: linear-gradient(135deg, var(--dima-accent-blue), var(--dima-accent-purple)) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(126, 184, 224, 0.4) !important;
}
.button-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(126, 184, 224, 0.6) !important;
    color: #fff !important;
}
.button-secondary {
    background: var(--dima-bg-secondary) !important;
    color: var(--dima-text-primary) !important;
}

/* ===== Notice ها ===== */
.notice, .updated, .error {
    background: var(--dima-bg-card) !important;
    border-left: 4px solid var(--dima-accent-blue) !important;
    border-radius: 8px !important;
    color: var(--dima-text-primary) !important;
    box-shadow: var(--dima-shadow-sm);
    backdrop-filter: blur(10px);
}
.notice-success, .updated { border-left-color: var(--dima-accent-green) !important; }
.notice-warning { border-left-color: var(--dima-accent-orange) !important; }
.notice-error, .error { border-left-color: var(--dima-accent-red) !important; }
.notice-info { border-left-color: var(--dima-accent-blue) !important; }
.notice p { color: var(--dima-text-primary) !important; }

/* ===== Media Frame ===== */
.media-frame {
    background: var(--dima-bg-primary) !important;
    border-color: var(--dima-border) !important;
}
.media-frame .media-sidebar {
    background: var(--dima-bg-secondary) !important;
    border-color: var(--dima-border) !important;
}
.media-frame .media-toolbar {
    background: var(--dima-bg-secondary) !important;
    border-color: var(--dima-border) !important;
}
.media-frame .attachment {
    background: var(--dima-bg-card) !important;
    border-color: var(--dima-border) !important;
}
.media-frame .attachment.selected {
    border-color: var(--dima-accent-blue) !important;
    box-shadow: 0 0 0 2px var(--dima-accent-blue);
}
.media-frame .media-menu a {
    color: var(--dima-text-secondary) !important;
}
.media-frame .media-menu a:hover,
.media-frame .media-menu .active {
    color: var(--dima-accent-blue) !important;
    background: var(--dima-bg-hover) !important;
}

/* ===== Menu Management ===== */
#menu-management .menu-edit {
    background: var(--dima-bg-card) !important;
    border: 1px solid var(--dima-border) !important;
    border-radius: 12px;
}
.menu-item-handle {
    background: var(--dima-bg-secondary) !important;
    border: 1px solid var(--dima-border) !important;
    color: var(--dima-text-primary) !important;
}
.menu-item-handle:hover {
    background: var(--dima-bg-tertiary) !important;
}
#menu-management .menu-item-bar .item-delete {
    color: var(--dima-accent-red) !important;
}
.nav-menus-php .postbox {
    background: var(--dima-bg-card) !important;
    border: 1px solid var(--dima-border) !important;
}

/* ===== Widgets ===== */
.widget {
    background: var(--dima-bg-card) !important;
    border: 1px solid var(--dima-border) !important;
    border-radius: 12px !important;
}
.widget-title {
    color: var(--dima-text-primary) !important;
    border-bottom: 1px solid var(--dima-border) !important;
}
.widgets-sortables {
    background: transparent !important;
}
#available-widgets .widget-title {
    color: var(--dima-text-secondary) !important;
}

/* ===== Customizer ===== */
.wp-customizer { background: var(--dima-bg-primary) !important; }
#customize-controls {
    background: var(--dima-bg-secondary) !important;
    border-left: 1px solid var(--dima-border) !important;
}
#customize-info .accordion-section-title {
    background: var(--dima-bg-secondary) !important;
    color: var(--dima-text-primary) !important;
    border-color: var(--dima-border) !important;
}
.customize-control {
    border-bottom: 1px solid var(--dima-border-light) !important;
}

/* ===== UI Datepicker ===== */
.ui-datepicker {
    background: var(--dima-bg-secondary) !important;
    border: 1px solid var(--dima-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--dima-shadow) !important;
}
.ui-datepicker table { background: transparent !important; }
.ui-datepicker th {
    color: var(--dima-text-primary) !important;
}
.ui-datepicker td a, .ui-datepicker td span {
    color: var(--dima-text-secondary) !important;
    border-radius: 6px !important;
}
.ui-datepicker td a:hover {
    background: var(--dima-bg-hover) !important;
    color: var(--dima-accent-blue) !important;
}
.ui-datepicker .ui-state-active {
    background: var(--dima-accent-blue) !important;
    color: #fff !important;
}
.ui-datepicker .ui-state-highlight {
    border-color: var(--dima-accent-blue) !important;
}

/* ===== WP Pointer ===== */
.wp-pointer {
    background: var(--dima-bg-secondary) !important;
    border: 1px solid var(--dima-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--dima-shadow) !important;
}
.wp-pointer-content {
    color: var(--dima-text-primary) !important;
}
.wp-pointer-content h3 {
    color: var(--dima-text-primary) !important;
}
.wp-pointer-content p {
    color: var(--dima-text-secondary) !important;
}

/* ===== Tabs ===== */
.nav-tab-wrapper {
    border-bottom: 1px solid var(--dima-border) !important;
}
.nav-tab {
    background: var(--dima-bg-secondary) !important;
    border: 1px solid var(--dima-border) !important;
    border-bottom: none !important;
    color: var(--dima-text-secondary) !important;
    border-radius: 8px 8px 0 0 !important;
    transition: all 0.2s ease;
}
.nav-tab:hover {
    background: var(--dima-bg-tertiary) !important;
    color: var(--dima-text-primary) !important;
}
.nav-tab-active, .nav-tab-active:hover {
    background: var(--dima-bg-primary) !important;
    color: var(--dima-accent-blue) !important;
    border-color: var(--dima-border) !important;
}

/* ===== Plugin Card ===== */
.plugin-card {
    background: var(--dima-bg-card) !important;
    border: 1px solid var(--dima-border) !important;
    border-radius: 12px !important;
}
.plugin-card-top {
    border-bottom: 1px solid var(--dima-border-light) !important;
}
.plugin-card-bottom {
    background: var(--dima-bg-secondary) !important;
    border-top: 1px solid var(--dima-border-light) !important;
}

/* ===== Update Core ===== */
.update-core-php .wrap { background: var(--dima-bg-primary) !important; }

/* ===== اسکرول بار سفارشی ===== */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--dima-bg-secondary); }
::-webkit-scrollbar-thumb {
    background: linear-gradient(var(--dima-accent-blue), var(--dima-accent-purple));
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(var(--dima-accent-cyan), var(--dima-accent-blue));
}

/* ===== انیمیشن ورود ===== */
.postbox, .card, .notice, .wrap .card {
    animation: dimaFadeIn 0.5s ease-out;
}
@keyframes dimaFadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ===== صفحه تنظیمات Dima Admin ===== */
.dima-admin-settings h1 {
    background: linear-gradient(135deg, var(--dima-accent-blue), var(--dima-accent-purple));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 2em;
    margin-bottom: 20px;
}
.dima-admin-welcome, .dima-admin-info {
    padding: 24px !important;
    margin-bottom: 20px;
}
.dima-admin-welcome h2, .dima-admin-info h2 {
    color: var(--dima-text-primary) !important;
    margin-top: 0;
}
.dima-admin-welcome p, .dima-admin-info p {
    color: var(--dima-text-secondary) !important;
}

/* ===== Checkbox & Radio ===== */
input[type="checkbox"], input[type="radio"] {
    accent-color: var(--dima-accent-blue) !important;
}

/* ===== Tooltip ===== */
.tooltip { color: var(--dima-text-secondary) !important; }

/* ===== Progress Bar ===== */
.progress-bar {
    background: var(--dima-bg-secondary) !important;
    border-radius: 8px;
    overflow: hidden;
}
.progress-bar .bar {
    background: linear-gradient(90deg, var(--dima-accent-blue), var(--dima-accent-purple)) !important;
}

/* ===== Tag Cloud ===== */
.tagcloud a {
    color: var(--dima-text-secondary) !important;
    background: var(--dima-bg-secondary) !important;
    border: 1px solid var(--dima-border) !important;
    border-radius: 20px !important;
    padding: 4px 12px !important;
    transition: all 0.2s ease;
}
.tagcloud a:hover {
    background: var(--dima-accent-blue) !important;
    color: #fff !important;
    border-color: var(--dima-accent-blue) !important;
}

/* ===== Code Editor ===== */
.CodeMirror {
    background: var(--dima-bg-secondary) !important;
    color: var(--dima-text-primary) !important;
}

/* ===== Image Editor ===== */
.imgedit-wrap {
    background: var(--dima-bg-card) !important;
    border: 1px solid var(--dima-border) !important;
    border-radius: 12px;
}

/* ===== RTL Support ===== */
[dir="rtl"] #adminmenuwrap {
    border-right: none !important;
    border-left: 1px solid var(--dima-border) !important;
}
[dir="rtl"] #wpcontent {
    padding-left: 0 !important;
    padding-right: 20px !important;
}
/* ===== Dima Admin Settings Page - Color Picker ===== */
.dima-admin-settings .dima-settings-section {
    background: var(--dima-bg-card) !important;
    border: 1px solid var(--dima-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
    box-shadow: var(--dima-shadow-sm);
}

.dima-admin-settings .dima-settings-section h2 {
    color: var(--dima-text-primary) !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid var(--dima-border) !important;
    font-size: 1.5em;
}

.dima-color-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.dima-color-item {
    background: var(--dima-bg-secondary) !important;
    border: 1px solid var(--dima-border-light) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    transition: all 0.3s ease;
}

.dima-color-item:hover {
    border-color: var(--dima-accent-blue) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
}

.dima-color-item label {
    display: block;
    color: var(--dima-text-primary) !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
    font-size: 14px;
}

.dima-color-input-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dima-color-input-wrapper .wp-picker-container {
    flex: 1;
}

.dima-color-input-wrapper .button {
    white-space: nowrap;
    font-size: 12px !important;
    padding: 6px 12px !important;
}

/* افکت‌های بصری */
.dima-color-changed {
    animation: dimaColorPulse 0.6s ease;
}

.dima-color-reset {
    animation: dimaColorReset 0.5s ease;
}

.dima-color-error {
    animation: dimaColorShake 0.4s ease;
    border-color: var(--dima-accent-red) !important;
}

@keyframes dimaColorPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); box-shadow: 0 0 20px rgba(59, 130, 246, 0.3); }
}

@keyframes dimaColorReset {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(-5deg); }
    75% { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}

@keyframes dimaColorShake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-10px); }
    75% { transform: translateX(10px); }
}

/* بخش فعال */
.dima-active-section {
    border-left: 4px solid var(--dima-accent-blue) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .dima-color-grid {
        grid-template-columns: 1fr;
    }
}

/* بهبود Color Picker وردپرس */
.wp-picker-container .wp-color-result {
    border-radius: 8px !important;
    border: 2px solid var(--dima-border) !important;
}

.wp-picker-container .wp-color-result:focus {
    border-color: var(--dima-accent-blue) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

.wp-picker-container .iris-picker {
    border-radius: 12px !important;
    box-shadow: var(--dima-shadow) !important;
    border: 1px solid var(--dima-border) !important;
}
