/* Dashboard Summary - Default Flat Style */
/* This file is loaded ONLY when gradient mode is disabled (default) */

.dswp-plugin-container .dashboard-summary .card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-left: 4px solid #a78bfa !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  color: #374151 !important;
}

.dswp-plugin-container .dashboard-summary .card::before {
  content: "" !important;
  display: none !important;
}

/* Border colors for each card */
.dswp-plugin-container .dashboard-summary .card:nth-child(1) {
  border-left-color: #a78bfa !important;
}

.dswp-plugin-container .dashboard-summary .card:nth-child(2) {
  border-left-color: #60a5fa !important;
}

.dswp-plugin-container .dashboard-summary .card:nth-child(3) {
  border-left-color: #34d399 !important;
}

.dswp-plugin-container .dashboard-summary .card:nth-child(4) {
  border-left-color: #fb923c !important;
}

.dswp-plugin-container .dashboard-summary .card:nth-child(5) {
  border-left-color: #3b82f6 !important;
}

.dswp-plugin-container .dashboard-summary .card:nth-child(6) {
  border-left-color: #a78bfa !important;
}

/* Text colors for flat mode */
.dswp-plugin-container .dashboard-summary a.card,
.dswp-plugin-container .dashboard-summary a.card:link,
.dswp-plugin-container .dashboard-summary a.card:visited,
.dswp-plugin-container .dashboard-summary a.card:hover,
.dswp-plugin-container .dashboard-summary a.card:active {
  color: #374151 !important;
}

.dswp-plugin-container .dashboard-summary a.card h2,
.dswp-plugin-container .dashboard-summary a.card .card-value,
.dswp-plugin-container .dashboard-summary a.card .card-content,
.dswp-plugin-container .dashboard-summary a.card * {
  color: #374151 !important;
}

.dswp-plugin-container .dashboard-summary .card h2 {
  color: #6b7280 !important;
}

.dswp-plugin-container .dashboard-summary .card-value {
  color: #111827 !important;
}

.dswp-plugin-container .dashboard-summary .card p {
  color: #111827 !important;
}

/* Icon colors matching border colors */
.dswp-plugin-container .dashboard-summary .card:nth-child(1) .card-icon {
  color: #a78bfa !important;
  background: rgba(167, 139, 250, 0.1) !important;
}

.dswp-plugin-container .dashboard-summary .card:nth-child(2) .card-icon {
  color: #60a5fa !important;
  background: rgba(96, 165, 250, 0.1) !important;
}

.dswp-plugin-container .dashboard-summary .card:nth-child(3) .card-icon {
  color: #34d399 !important;
  background: rgba(52, 211, 153, 0.1) !important;
}

.dswp-plugin-container .dashboard-summary .card:nth-child(4) .card-icon {
  color: #fb923c !important;
  background: rgba(251, 146, 60, 0.1) !important;
}

.dswp-plugin-container .dashboard-summary .card:nth-child(5) .card-icon {
  color: #3b82f6 !important;
  background: rgba(59, 130, 246, 0.1) !important;
}

.dswp-plugin-container .dashboard-summary .card:nth-child(6) .card-icon {
  color: #a78bfa !important;
  background: rgba(167, 139, 250, 0.1) !important;
}

/* Icon styling for flat mode */
.dswp-plugin-container .dashboard-summary .card-icon {
  border-radius: 50% !important;
}

.dswp-plugin-container .dashboard-summary .card-icon.dashicons,
.dswp-plugin-container .dashboard-summary .card-icon.dashicons:before {
  color: inherit !important;
}

/* Hover effect for flat mode */
.dswp-plugin-container .dashboard-summary .card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-2px) !important;
}

/* Mobile responsive for flat mode */
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .dswp-plugin-container .dashboard-summary .card-icon {
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 50% !important;
  }
}

@media only screen and (max-width: 480px) {
  .dswp-plugin-container .dashboard-summary .card-icon {
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 50% !important;
  }
}