/* Only theme CrossCart pages */
body.crosscart-admin-page #wpcontent {
  background: #f5f4ff;
}

body.crosscart-admin-page #wpbody-content {
  padding-bottom: 40px;
}

/* Theme vars */
.crosscart-admin{
  --cc-accent: #02294f;
  --cc-navy: #02294f;
  --cc-purple: #6e40cb;

  --cc-pro: #6e40cb;     /* purple */
  --cc-plus: #2e7dd6;    /* blue */
  --cc-border: #dcdcde;
  --cc-text: #1d2327;
}

/* Header */
.cc-header{
  background: linear-gradient(135deg, var(--cc-navy), var(--cc-purple));
  border-radius: 18px;
  padding: 22px 22px;
  color: #fff;
  margin: 14px 0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.cc-title{
  display:flex;
  align-items:center;
  gap:16px;
}

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

.cc-subtitle{
  margin:6px 0 0;
  opacity:0.92;
}

.cc-pill{
  border: 1px solid rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.14);
  color:#fff;
  padding: 6px 12px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

/* Page content wrappers */
.cc-content{
  max-width: 1100px;
}

/* Cards */
.cc-card{
  background:#fff;
  border: 1px solid #e6e6ef;
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 6px 18px rgba(24,0,173,0.06);
  margin: 16px 0;
}

.cc-card--secondary{
  border-color: rgba(110,64,203,0.25);
}

.cc-h2{
  margin-top:0;
}

.cc-muted{
  color:#646970;
  margin:0;
}

.cc-price{
  font-size:22px;
  font-weight:700;
  margin:10px 0 0;
  color: var(--cc-accent);
}

/* Admin settings form table */
.cc-form-table th{
  width: 240px;
  padding-top: 16px;
}
.cc-form-table td{
  padding-top: 14px;
}

body.crosscart-admin-page .cc-form-table input.regular-text,
body.crosscart-admin-page .cc-form-table input.small-text,
body.crosscart-admin-page .cc-form-table textarea{
  border-radius: 10px;
  border: 1px solid #d7d7ea;
  padding: 10px 12px;
  box-shadow: none;
}

body.crosscart-admin-page .cc-form-table textarea{
  min-height: 140px;
}

body.crosscart-admin-page .cc-form-table input:focus,
body.crosscart-admin-page .cc-form-table textarea:focus{
  border-color: rgba(110,64,203,0.7);
  box-shadow: 0 0 0 3px rgba(110,64,203,0.15);
  outline: none;
}

/* Status text */
.cc-status{ margin: 8px 0 0; font-weight:600; }
.cc-status--ok{ color: #0a7a2f; }
.cc-status--warn{ color: #b36b00; }
.cc-status--bad{ color: #c10000; }

/* Actions */
.cc-actions{
  margin-top: 12px;
  display:flex;
  gap:10px;
}

/* Buttons */
body.crosscart-admin-page .button-primary{
  background: var(--cc-purple);
  border-color: var(--cc-purple);
}

body.crosscart-admin-page .button-primary:hover{
  background: #5f35bb;
  border-color: #5f35bb;
}

/* Notices inside cards / content */
body.crosscart-admin-page .notice{
  border-radius: 12px;
}

body.crosscart-admin-page .description{
  color:#5a5f6b;
}

/* Optional note style */
.cc-note{
  border-left: 4px solid var(--cc-accent);
  padding-left: 12px;
}

/* =========================================================
   Comparison table (cc-compare) — TechSmith-like
   ========================================================= */

.crosscart-admin .cc-compare{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--cc-border);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}

/* Full grid lines: rows + columns */
.crosscart-admin .cc-compare th,
.crosscart-admin .cc-compare td{
  padding: 12px 12px;
  border-bottom: 1px solid var(--cc-border);
  border-right: 1px solid var(--cc-border);
  vertical-align: middle;
}

/* Remove extra border on right/bottom edges */
.crosscart-admin .cc-compare tr > *:last-child{
  border-right: 0;
}
.crosscart-admin .cc-compare tbody tr:last-child > *{
  border-bottom: 0;
}

/* Header row */
.crosscart-admin .cc-compare thead th{
  font-weight: 800;
  text-align: center;
  color: #fff;
}

/* Feature header is white like the example */
.crosscart-admin .cc-compare thead th.cc-compare__feature{
  background: #ffffff;
  color: var(--cc-text);
  text-align: left;
}

/* Coloured column headers */
.crosscart-admin .cc-compare__plan--basic{ background: var(--cc-navy); }
.crosscart-admin .cc-compare__plan--pro{ background: var(--cc-pro); }
.crosscart-admin .cc-compare__plan--plus{ background: var(--cc-plus); }

/* Feature (row title) column */
.crosscart-admin .cc-compare__rowtitle{
  text-align: left;
  font-weight: 700;
  color: var(--cc-text);
  background: #fff;
  width: 44%;
}

/* Plan cells */
.crosscart-admin .cc-compare__cell{
  text-align: center;
  font-weight: 600;
}

.crosscart-admin .cc-compare__cell--basic{ background: rgba(2, 41, 79, 0.06); }
.crosscart-admin .cc-compare__cell--pro{ background: rgba(110, 64, 203, 0.06); }
.crosscart-admin .cc-compare__cell--plus{ background: rgba(46, 125, 214, 0.06); }

/* Zebra rows (subtle) */
.crosscart-admin .cc-compare tbody tr:nth-child(even) .cc-compare__rowtitle{
  background: #fbfbfc;
}
.crosscart-admin .cc-compare tbody tr:nth-child(even) .cc-compare__cell--basic{
  background: rgba(2, 41, 79, 0.075);
}
.crosscart-admin .cc-compare tbody tr:nth-child(even) .cc-compare__cell--pro{
  background: rgba(110, 64, 203, 0.075);
}
.crosscart-admin .cc-compare tbody tr:nth-child(even) .cc-compare__cell--plus{
  background: rgba(46, 125, 214, 0.075);
}

/* Tick styling */
.crosscart-admin .cc-yes{
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff;
  font-weight: 900;
  font-size: 14px;
  background: var(--cc-navy);
}
.crosscart-admin .cc-compare__cell--pro .cc-yes{ background: var(--cc-pro); }
.crosscart-admin .cc-compare__cell--plus .cc-yes{ background: var(--cc-plus); }

.crosscart-admin .cc-no{
  color: #6b7280;
  font-weight: 700;
}

/* Mobile: allow horizontal scroll */
@media (max-width: 900px){
  .crosscart-admin .cc-compare{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .crosscart-admin .cc-compare__rowtitle{
    width: auto;
  }
}
.cc-logo{
  height: 50px;
  width: auto;
  display: block;
}
body.crosscart-admin-page #wpbody-content > .notice,
body.crosscart-admin-page #wpbody-content > .error,
body.crosscart-admin-page #wpbody-content > .updated{
  display:none !important;
}
/* A dedicated place for WP notices (moved via JS) */
body.crosscart-admin-page #crosscart-admin-notices > .notice,
body.crosscart-admin-page #crosscart-admin-notices > .error,
body.crosscart-admin-page #crosscart-admin-notices > .updated,
body.crosscart-admin-page #crosscart-admin-notices > .update-nag{
  margin: 12px 0 14px;
}