/**
 * Kodii+ Frontend Theme Add-on
 * Version: v1.0.0
 *
 * Changelog:
 * - v1.0.0 (2026-05-29): Initiale globale Divi-kompatible Theme-Schicht mit Kodii+ Farbrollen,
 *   Layer-System, Soft-Cards, Data-Cards, Buttons, Inputs, Calculator-/Tool-Modus und vorbereiteter Sidebar.
 */

:root {
  --kodii-primary: #088be4;
  --kodii-primary-dark: #066cb1;
  --kodii-sky: #9bdffe;
  --kodii-frame: #044e80;
  --kodii-ink: #02304f;
  --kodii-white: #ffffff;

  --kodii-bg-page: #043f69;
  --kodii-bg-frame: #044e80;
  --kodii-bg-panel: #f5fbff;
  --kodii-bg-card: #ffffff;
  --kodii-bg-soft: #eaf7fd;
  --kodii-bg-muted: #dff1fa;

  --kodii-text: #02304f;
  --kodii-text-muted: rgba(2, 48, 79, 0.68);
  --kodii-text-inverse: #eaf8ff;

  --kodii-border: rgba(2, 48, 79, 0.16);
  --kodii-border-strong: rgba(2, 48, 79, 0.34);
  --kodii-focus: rgba(8, 139, 228, 0.28);

  --kodii-success-bg: #edf9f1;
  --kodii-success-text: #176c2f;
  --kodii-warning-bg: #fff7e5;
  --kodii-warning-text: #7a5700;
  --kodii-error-bg: #fff0f0;
  --kodii-error-text: #8f2c2c;
  --kodii-info-bg: #eaf7fd;
  --kodii-info-text: #045f99;

  --kodii-radius-sm: 8px;
  --kodii-radius-md: 12px;
  --kodii-radius-lg: 18px;
  --kodii-radius-xl: 24px;

  --kodii-shadow-sm: 0 8px 20px rgba(2, 48, 79, 0.08);
  --kodii-shadow-md: 0 16px 42px rgba(2, 48, 79, 0.13);
  --kodii-shadow-lg: 0 24px 70px rgba(0, 21, 40, 0.22);

  --kodii-transition: 180ms ease;
  --kodii-container: min(1180px, calc(100vw - 40px));
  --kodii-container-wide: min(1440px, calc(100vw - 32px));
}

/* -------------------------------------------------------------------------
 * Global Divi-compatible base
 * ------------------------------------------------------------------------- */

body.kodii-theme-addon {
  background:
    radial-gradient(circle at 15% 0%, rgba(155, 223, 254, 0.18), transparent 34%),
    linear-gradient(180deg, #02304f 0%, var(--kodii-bg-page) 42%, #032b47 100%) !important;
  color: var(--kodii-text);
  text-rendering: optimizeLegibility;
}

body.kodii-theme-addon #page-container,
body.kodii-theme-addon #main-content {
  background: transparent !important;
}

body.kodii-theme-addon .et_pb_section {
  background-color: transparent;
}

body.kodii-theme-addon .et_pb_row {
  width: var(--kodii-container);
  max-width: var(--kodii-container);
}

body.kodii-theme-addon .kodii-wide-row,
body.kodii-theme-addon .kodii-tool-row,
body.kodii-theme-addon .kodii-dashboard-row {
  width: var(--kodii-container-wide) !important;
  max-width: var(--kodii-container-wide) !important;
}

body.kodii-theme-addon a {
  color: var(--kodii-primary-dark);
  transition: color var(--kodii-transition), opacity var(--kodii-transition), transform var(--kodii-transition);
}

body.kodii-theme-addon a:hover,
body.kodii-theme-addon a:focus {
  color: var(--kodii-primary);
}

body.kodii-theme-addon ::selection {
  background: rgba(8, 139, 228, 0.24);
  color: var(--kodii-ink);
}

/* -------------------------------------------------------------------------
 * Divi header/footer visual improvement, conservative and reversible
 * ------------------------------------------------------------------------- */

body.kodii-theme-addon #main-header,
body.kodii-theme-addon .et-l--header .et_pb_section:first-child {
  background: rgba(2, 48, 79, 0.94) !important;
  border-bottom: 1px solid rgba(155, 223, 254, 0.18);
  box-shadow: 0 12px 36px rgba(0, 20, 38, 0.18);
  backdrop-filter: blur(14px);
}

body.kodii-theme-addon #main-header .nav li a,
body.kodii-theme-addon #top-menu a,
body.kodii-theme-addon .et-menu a {
  color: rgba(234, 248, 255, 0.9) !important;
  font-weight: 600;
  letter-spacing: 0.01em;
}

body.kodii-theme-addon #top-menu li.current-menu-item > a,
body.kodii-theme-addon #top-menu li.current_page_item > a,
body.kodii-theme-addon .et-menu li.current-menu-item > a,
body.kodii-theme-addon .et-menu li.current_page_item > a {
  color: var(--kodii-sky) !important;
}

body.kodii-theme-addon #top-menu a:hover,
body.kodii-theme-addon .et-menu a:hover {
  color: var(--kodii-sky) !important;
  opacity: 1 !important;
}

body.kodii-theme-addon #footer-bottom,
body.kodii-theme-addon .et-l--footer {
  background: #022b47 !important;
  color: rgba(234, 248, 255, 0.76);
}

/* -------------------------------------------------------------------------
 * Content surface helpers for future Divi pages
 * ------------------------------------------------------------------------- */

body.kodii-theme-addon .kodii-theme-surface,
body.kodii-theme-addon .kodii-content-surface {
  background: linear-gradient(180deg, rgba(255,255,255,0.97), rgba(245,251,255,0.97));
  border: 1px solid rgba(155, 223, 254, 0.24);
  border-radius: var(--kodii-radius-xl);
  box-shadow: var(--kodii-shadow-lg);
  color: var(--kodii-text);
  overflow: hidden;
}

body.kodii-theme-addon .kodii-theme-section-title,
body.kodii-theme-addon .kodii-content-title {
  color: var(--kodii-ink);
  font-weight: 800;
  letter-spacing: -0.025em;
}

body.kodii-theme-addon .kodii-theme-muted,
body.kodii-theme-addon .kodii-content-muted {
  color: var(--kodii-text-muted);
}

/* -------------------------------------------------------------------------
 * Kodii+ shortcode shell and safe component modernization
 * ------------------------------------------------------------------------- */

body.kodii-theme-addon .kodii-plus-frontend {
  color: var(--kodii-text) !important;
  font-size: 15px;
  line-height: 1.55;
}

body.kodii-theme-addon .kodii-plus-frontend,
body.kodii-theme-addon .kodii-plus-shell {
  background:
    radial-gradient(circle at 16% 0%, rgba(155, 223, 254, 0.22), transparent 32%),
    linear-gradient(180deg, #064f82 0%, var(--kodii-bg-frame) 100%) !important;
  border-radius: var(--kodii-radius-xl) !important;
  border: 1px solid rgba(155, 223, 254, 0.22) !important;
  box-shadow: var(--kodii-shadow-lg) !important;
}

body.kodii-theme-addon .kodii-plus-shell {
  width: 100% !important;
  max-width: var(--kodii-container-wide) !important;
  margin: 0 auto !important;
  padding: clamp(16px, 2.4vw, 28px) !important;
  box-sizing: border-box !important;
}

body.kodii-theme-addon .kodii-plus-card,
body.kodii-theme-addon .kodii-plus-header-card,
body.kodii-theme-addon .kodii-plus-status-bar,
body.kodii-theme-addon .kodii-plus-inputs-card,
body.kodii-theme-addon .kodii-plus-actions-card,
body.kodii-theme-addon .kodii-plus-result-card,
body.kodii-theme-addon .kodii-plus-result-display-card,
body.kodii-theme-addon .kodii-plus-info-card,
body.kodii-theme-addon .kodii-plus-vin-card,
body.kodii-theme-addon .kodii-plus-errors,
body.kodii-theme-addon .kodii-plus-notice,
body.kodii-theme-addon .kodii-plus-ui-card,
body.kodii-theme-addon .kodii-plus-purchase-card,
body.kodii-theme-addon .kodii-plus-purchase-overview-card,
body.kodii-theme-addon .kodii-plus-membership-card,
body.kodii-theme-addon .kodii-plus-subscription-card,
body.kodii-theme-addon .kodii-plus-usage-card,
body.kodii-theme-addon .kodii-plus-transaction-card,
body.kodii-theme-addon .kodii-plus-user-group-card,
body.kodii-theme-addon .kodii-plus-access-denied-card {
  background: linear-gradient(180deg, var(--kodii-bg-card), var(--kodii-bg-panel)) !important;
  border: 1px solid var(--kodii-border) !important;
  border-radius: var(--kodii-radius-lg) !important;
  box-shadow: var(--kodii-shadow-sm) !important;
  color: var(--kodii-text) !important;
  transition: transform var(--kodii-transition), box-shadow var(--kodii-transition), border-color var(--kodii-transition) !important;
}

body.kodii-theme-addon .kodii-plus-card:hover,
body.kodii-theme-addon .kodii-plus-ui-card:hover,
body.kodii-theme-addon .kodii-plus-purchase-card:hover,
body.kodii-theme-addon .kodii-plus-purchase-overview-card:hover,
body.kodii-theme-addon .kodii-plus-membership-card:hover,
body.kodii-theme-addon .kodii-plus-subscription-card:hover,
body.kodii-theme-addon .kodii-plus-usage-card:hover,
body.kodii-theme-addon .kodii-plus-transaction-card:hover,
body.kodii-theme-addon .kodii-plus-user-group-card:hover {
  border-color: rgba(8, 139, 228, 0.28) !important;
  box-shadow: var(--kodii-shadow-md) !important;
  transform: translateY(-1px);
}

body.kodii-theme-addon .kodii-plus-header-card {
  background: linear-gradient(135deg, #02304f 0%, #064f82 70%, #066cb1 100%) !important;
  border-color: rgba(155, 223, 254, 0.22) !important;
  color: var(--kodii-text-inverse) !important;
}

body.kodii-theme-addon .kodii-plus-header-card *,
body.kodii-theme-addon .kodii-plus-header-card .kodii-plus-brand-mark,
body.kodii-theme-addon .kodii-plus-header-card h1,
body.kodii-theme-addon .kodii-plus-header-card h2,
body.kodii-theme-addon .kodii-plus-header-card h3,
body.kodii-theme-addon .kodii-plus-header-card p,
body.kodii-theme-addon .kodii-plus-header-card small {
  color: var(--kodii-text-inverse) !important;
}

body.kodii-theme-addon .kodii-plus-card-section-title,
body.kodii-theme-addon .kodii-plus-block-title,
body.kodii-theme-addon .kodii-plus-result-label,
body.kodii-theme-addon .kodii-plus-membership-section-heading {
  color: var(--kodii-ink) !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em;
}

body.kodii-theme-addon .kodii-plus-muted,
body.kodii-theme-addon .kodii-plus-block-description,
body.kodii-theme-addon .kodii-plus-description,
body.kodii-theme-addon .kodii-plus-help,
body.kodii-theme-addon .kodii-plus-result-subtitle {
  color: var(--kodii-text-muted) !important;
  opacity: 1 !important;
}

/* -------------------------------------------------------------------------
 * Calculator/tool mode: compact and app-like without forcing DOM changes
 * ------------------------------------------------------------------------- */

body.kodii-theme-addon .kodii-plus-vin-card,
body.kodii-theme-addon .kodii-plus-inputs-card,
body.kodii-theme-addon .kodii-plus-actions-card,
body.kodii-theme-addon .kodii-plus-result-card,
body.kodii-theme-addon .kodii-plus-info-card {
  margin-bottom: 14px !important;
}

body.kodii-theme-addon .kodii-plus-result-card,
body.kodii-theme-addon .kodii-plus-result-display-card {
  background:
    linear-gradient(180deg, #f8fdff 0%, #eaf7fd 100%) !important;
  border-color: rgba(8, 139, 228, 0.34) !important;
  box-shadow: 0 16px 46px rgba(8, 139, 228, 0.14) !important;
}

body.kodii-theme-addon .kodii-plus-result-value-box,
body.kodii-theme-addon .kodii-plus-result-card code,
body.kodii-theme-addon .kodii-plus-result-card pre,
body.kodii-theme-addon .kodii-plus-result-display-card code,
body.kodii-theme-addon .kodii-plus-result-display-card pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  letter-spacing: 0.035em;
  color: var(--kodii-ink) !important;
}

/* -------------------------------------------------------------------------
 * Forms, inputs and selects
 * ------------------------------------------------------------------------- */

body.kodii-theme-addon .kodii-plus-frontend input[type="text"],
body.kodii-theme-addon .kodii-plus-frontend input[type="search"],
body.kodii-theme-addon .kodii-plus-frontend input[type="email"],
body.kodii-theme-addon .kodii-plus-frontend input[type="url"],
body.kodii-theme-addon .kodii-plus-frontend input[type="number"],
body.kodii-theme-addon .kodii-plus-frontend input[type="password"],
body.kodii-theme-addon .kodii-plus-frontend select,
body.kodii-theme-addon .kodii-plus-frontend textarea,
body.kodii-theme-addon .kodii-plus-shortcode-search,
body.kodii-theme-addon .kodii-plus-shortcode-status-filter,
body.kodii-theme-addon .kodii-plus-public-list-search,
body.kodii-theme-addon .kodii-plus-public-list-filter,
body.kodii-theme-addon .kodii-plus-subscriptions-search,
body.kodii-theme-addon .kodii-plus-transactions-controls input,
body.kodii-theme-addon .kodii-plus-transactions-controls select {
  background: #ffffff !important;
  border: 1px solid var(--kodii-border-strong) !important;
  border-radius: var(--kodii-radius-md) !important;
  color: var(--kodii-ink) !important;
  min-height: 42px;
  padding: 10px 13px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 6px 16px rgba(2,48,79,0.04) !important;
  transition: border-color var(--kodii-transition), box-shadow var(--kodii-transition), background var(--kodii-transition) !important;
}

body.kodii-theme-addon .kodii-plus-frontend input:focus,
body.kodii-theme-addon .kodii-plus-frontend select:focus,
body.kodii-theme-addon .kodii-plus-frontend textarea:focus {
  border-color: var(--kodii-primary) !important;
  box-shadow: 0 0 0 4px var(--kodii-focus), 0 10px 22px rgba(2,48,79,0.08) !important;
  outline: none !important;
}

body.kodii-theme-addon .kodii-plus-field-invalid,
body.kodii-theme-addon .kodii-plus-invalid,
body.kodii-theme-addon .kodii-plus-field-error-focus {
  border-color: rgba(143, 44, 44, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(143, 44, 44, 0.12) !important;
}

/* -------------------------------------------------------------------------
 * Buttons and actions
 * ------------------------------------------------------------------------- */

body.kodii-theme-addon .kodii-plus-frontend button,
body.kodii-theme-addon .kodii-plus-frontend input[type="submit"],
body.kodii-theme-addon .kodii-plus-action-button,
body.kodii-theme-addon .kodii-plus-open-button,
body.kodii-theme-addon .kodii-plus-copy-button,
body.kodii-theme-addon .kodii-plus-submit,
body.kodii-theme-addon .kodii-plus-small-action,
body.kodii-theme-addon .kodii-plus-notice-action,
body.kodii-theme-addon .kodii-plus-pending-action,
body.kodii-theme-addon .kodii-plus-access-option-action {
  border-radius: var(--kodii-radius-md) !important;
  border: 1px solid rgba(6, 108, 177, 0.35) !important;
  background: linear-gradient(180deg, var(--kodii-primary), var(--kodii-primary-dark)) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(8, 139, 228, 0.22) !important;
  transition: transform var(--kodii-transition), box-shadow var(--kodii-transition), filter var(--kodii-transition), border-color var(--kodii-transition) !important;
}

body.kodii-theme-addon .kodii-plus-frontend button:hover,
body.kodii-theme-addon .kodii-plus-frontend input[type="submit"]:hover,
body.kodii-theme-addon .kodii-plus-action-button:hover,
body.kodii-theme-addon .kodii-plus-open-button:hover,
body.kodii-theme-addon .kodii-plus-copy-button:hover,
body.kodii-theme-addon .kodii-plus-submit:hover,
body.kodii-theme-addon .kodii-plus-small-action:hover,
body.kodii-theme-addon .kodii-plus-notice-action:hover,
body.kodii-theme-addon .kodii-plus-pending-action:hover,
body.kodii-theme-addon .kodii-plus-access-option-action:hover {
  transform: translateY(-1px);
  filter: brightness(1.04);
  box-shadow: 0 16px 34px rgba(8, 139, 228, 0.28) !important;
}

body.kodii-theme-addon .kodii-plus-action-locked,
body.kodii-theme-addon .kodii-plus-action-limit-reached {
  background: var(--kodii-warning-bg) !important;
  border-color: rgba(122, 87, 0, 0.22) !important;
  color: var(--kodii-warning-text) !important;
  box-shadow: none !important;
}

/* -------------------------------------------------------------------------
 * Data cards and tables
 * ------------------------------------------------------------------------- */

body.kodii-theme-addon .kodii-plus-ui-table-wrap,
body.kodii-theme-addon .kodii-plus-table-scroll,
body.kodii-theme-addon .kodii-table-scroll {
  background: var(--kodii-bg-card) !important;
  border: 1px solid var(--kodii-border) !important;
  border-radius: var(--kodii-radius-lg) !important;
  box-shadow: var(--kodii-shadow-sm) !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.kodii-theme-addon .kodii-plus-frontend table,
body.kodii-theme-addon .kodii-plus-frontend table.widefat,
body.kodii-theme-addon .kodii-plus-frontend table.kodii-plus-responsive-table,
body.kodii-theme-addon .kodii-plus-frontend table.kodii-plus-ui-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--kodii-text) !important;
}

body.kodii-theme-addon .kodii-plus-frontend table th {
  background: #eaf7fd !important;
  color: var(--kodii-ink) !important;
  font-weight: 800 !important;
  border-bottom: 1px solid var(--kodii-border) !important;
  padding: 13px 14px !important;
  white-space: nowrap;
}

body.kodii-theme-addon .kodii-plus-frontend table td {
  border-bottom: 1px solid rgba(2, 48, 79, 0.08) !important;
  color: var(--kodii-text) !important;
  padding: 12px 14px !important;
  vertical-align: middle;
}

body.kodii-theme-addon .kodii-plus-frontend table tbody tr {
  transition: background-color var(--kodii-transition);
}

body.kodii-theme-addon .kodii-plus-frontend table tbody tr:hover {
  background: rgba(155, 223, 254, 0.18) !important;
}

body.kodii-theme-addon .kodii-plus-shortcode-controls,
body.kodii-theme-addon .kodii-plus-transactions-controls,
body.kodii-theme-addon .kodii-plus-subscriptions-controls,
body.kodii-theme-addon .kodii-plus-public-list-controls,
body.kodii-theme-addon .kodii-plus-calculations-admin-controls,
body.kodii-theme-addon .kodii-plus-calculations-user-controls {
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid var(--kodii-border) !important;
  border-radius: var(--kodii-radius-lg) !important;
  padding: 14px !important;
  box-shadow: 0 8px 24px rgba(2, 48, 79, 0.06) !important;
}

/* -------------------------------------------------------------------------
 * Badges, notices and status states
 * ------------------------------------------------------------------------- */

body.kodii-theme-addon .kodii-plus-ui-badge,
body.kodii-theme-addon .kodii-status-badge,
body.kodii-theme-addon .kodii-plus-chip,
body.kodii-theme-addon .kodii-plus-status-item,
body.kodii-theme-addon .kodii-plus-copy-success {
  border-radius: 999px !important;
  border: 1px solid rgba(2, 48, 79, 0.13) !important;
  background: var(--kodii-info-bg) !important;
  color: var(--kodii-info-text) !important;
  font-weight: 800 !important;
}

body.kodii-theme-addon .kodii-status-active,
body.kodii-theme-addon .kodii-plus-notice-info {
  background: var(--kodii-info-bg) !important;
  color: var(--kodii-info-text) !important;
}

body.kodii-theme-addon .kodii-status-success,
body.kodii-theme-addon .kodii-plus-notice-success {
  background: var(--kodii-success-bg) !important;
  color: var(--kodii-success-text) !important;
}

body.kodii-theme-addon .kodii-status-locked,
body.kodii-theme-addon .kodii-status-limit-reached,
body.kodii-theme-addon .kodii-plus-notice-warning {
  background: var(--kodii-warning-bg) !important;
  color: var(--kodii-warning-text) !important;
}

body.kodii-theme-addon .kodii-plus-notice-error,
body.kodii-theme-addon .kodii-plus-error,
body.kodii-theme-addon .kodii-plus-errors {
  background: var(--kodii-error-bg) !important;
  color: var(--kodii-error-text) !important;
}

/* -------------------------------------------------------------------------
 * Grids and dashboard-like structures
 * ------------------------------------------------------------------------- */

body.kodii-theme-addon .kodii-plus-kpi-grid,
body.kodii-theme-addon .kodii-plus-ui-card-grid,
body.kodii-theme-addon .kodii-plus-shortcode-card-grid,
body.kodii-theme-addon .kodii-plus-purchase-grid,
body.kodii-theme-addon .kodii-plus-purchase-overview-grid,
body.kodii-theme-addon .kodii-plus-subscriptions-grid,
body.kodii-theme-addon .kodii-plus-transactions-grid,
body.kodii-theme-addon .kodii-plus-user-groups-grid,
body.kodii-theme-addon .kodii-plus-access-options-grid {
  gap: clamp(14px, 1.8vw, 22px) !important;
}

body.kodii-theme-addon .kodii-plus-frontend .kodii-kpi-card {
  background: linear-gradient(180deg, #ffffff, #f2fbff) !important;
  border: 1px solid var(--kodii-border) !important;
  border-radius: var(--kodii-radius-lg) !important;
  box-shadow: var(--kodii-shadow-sm) !important;
}

body.kodii-theme-addon .kodii-plus-frontend .kodii-kpi-label {
  color: var(--kodii-text-muted) !important;
  font-weight: 700;
}

/* -------------------------------------------------------------------------
 * Prepared sidebar architecture - inactive until future activation
 * ------------------------------------------------------------------------- */

body.kodii-theme-addon .kodii-theme-sidebar-shell {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 22px;
}

body.kodii-theme-addon .kodii-theme-sidebar {
  background: rgba(2, 48, 79, 0.84);
  border: 1px solid rgba(155, 223, 254, 0.18);
  border-radius: var(--kodii-radius-lg);
  box-shadow: var(--kodii-shadow-md);
  color: var(--kodii-text-inverse);
  padding: 14px;
}

/* -------------------------------------------------------------------------
 * JS-enhanced states
 * ------------------------------------------------------------------------- */

body.kodii-theme-addon .kodii-theme-js-ready .kodii-plus-card,
body.kodii-theme-addon .kodii-theme-js-ready .kodii-plus-ui-card {
  will-change: transform;
}

body.kodii-theme-addon .kodii-theme-table-has-overflow {
  position: relative;
}

body.kodii-theme-addon .kodii-theme-table-has-overflow::after {
  content: "";
  position: sticky;
  right: 0;
  top: 0;
  width: 22px;
  min-height: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.88));
  pointer-events: none;
  float: right;
}

/* -------------------------------------------------------------------------
 * Responsive behavior
 * ------------------------------------------------------------------------- */

@media (max-width: 980px) {
  :root {
    --kodii-container: min(100vw - 24px, 100%);
    --kodii-container-wide: min(100vw - 24px, 100%);
  }

  body.kodii-theme-addon .kodii-plus-shell {
    padding: 14px !important;
    border-radius: var(--kodii-radius-lg) !important;
  }

  body.kodii-theme-addon .kodii-theme-sidebar-shell {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  body.kodii-theme-addon .kodii-plus-frontend {
    font-size: 14px;
  }

  body.kodii-theme-addon .kodii-plus-card,
  body.kodii-theme-addon .kodii-plus-header-card,
  body.kodii-theme-addon .kodii-plus-status-bar,
  body.kodii-theme-addon .kodii-plus-inputs-card,
  body.kodii-theme-addon .kodii-plus-actions-card,
  body.kodii-theme-addon .kodii-plus-result-card,
  body.kodii-theme-addon .kodii-plus-info-card,
  body.kodii-theme-addon .kodii-plus-vin-card {
    border-radius: var(--kodii-radius-md) !important;
  }

  body.kodii-theme-addon .kodii-plus-shortcode-controls,
  body.kodii-theme-addon .kodii-plus-transactions-controls,
  body.kodii-theme-addon .kodii-plus-subscriptions-controls,
  body.kodii-theme-addon .kodii-plus-public-list-controls {
    padding: 12px !important;
  }
}