/* =========================================
   GLOBAL DARK THEME
   ========================================= */

body,
.site,
.site-content,
#page,
#content {
  background: #0d0d0d !important;
  color: #f9fafb !important;
}

/* Full-width layout for all RIC plugin pages */
body.ric-page .site-content,
body.ric-page .inside-article,
body.ric-page .entry-content,
body.ric-page .container,
body.ric-page .grid-container,
body.ric-page .content-area,
body.ric-page .site-main {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* =========================================
   GLOBAL DARK CARD SYSTEM
   ========================================= */

.ric-card,
.ric-form-card,
.ric-results-card,
.ric-paycheck,
.wp-block-group,
.wp-block-columns,
.wp-block-column,
section,
.how-step {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #222 !important;
  border-radius: 12px !important;
  box-shadow: 0 0 10px rgba(0,0,0,0.35) !important;
  padding: 20px;
}

/* Headings inside cards */
.ric-card h1, .ric-card h2, .ric-card h3,
.ric-form-card h1, .ric-form-card h2, .ric-form-card h3,
section h1, section h2, section h3,
.wp-block-group h1, .wp-block-group h2, .wp-block-group h3 {
  color: #fff !important;
}

/* Paragraphs + lists inside cards */
.ric-card p, .ric-card li,
.ric-form-card p, .ric-form-card li,
section p, section li,
.wp-block-group p, .wp-block-group li {
  color: #e5e7eb !important;
}

/* =========================================
   NAVIGATION BUTTONS
   ========================================= */

.nav-buttons a,
.ric-nav a {
  display: inline-block;
  padding: 10px 20px;
  background: #1e293b;
  color: #fff !important;
  border-radius: 8px;
  text-decoration: none;
  font-size: 1rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  transition: all 0.2s ease-in-out;
}

.nav-buttons a:hover,
.ric-nav a:hover {
  background: linear-gradient(135deg, #3b82f6, #1e3a8a);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(59,130,246,0.45);
}

/* =========================================
   BUTTON SYSTEM
   ========================================= */

.ric-btn,
.wp-block-button__link {
  background: #2563eb !important;
  color: #fff !important;
  border-radius: 8px;
  padding: 12px 20px !important;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: 0.2s ease;
}

.ric-btn:hover,
.wp-block-button__link:hover {
  background: #1e40af !important;
}

/* =========================================
   TABLE SYSTEM
   ========================================= */

.ric-table,
table.dataTable {
  width: 100%;
  border-collapse: collapse;
  background: #111;
  color: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.ric-table th,
table.dataTable thead th {
  background: #1a1a1a;
  color: #fff;
  padding: 12px;
  border-bottom: 1px solid #333;
}

.ric-table td,
table.dataTable tbody td {
  padding: 10px 12px;
  border-bottom: 1px solid #222;
  color: #e5e7eb;
}

.ric-table tr:nth-child(even),
table.dataTable tbody tr:nth-child(even) {
  background: #161616;
}

.ric-table tr:hover,
table.dataTable tbody tr:hover {
  background: #1f2937 !important;
}

/* =========================================
   FORM SYSTEM
   ========================================= */

.ric-form-group label {
  color: #9ecfff !important;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}

.ric-form-group input,
.ric-form-group select,
.ric-form-group textarea {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #374151;
  background: #1f2937;
  color: #fff;
}

/* =========================================
   MODAL SYSTEM
   ========================================= */

.ric-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(4px);
  overflow-y: auto;
}

.ric-modal-content {
  background: #111;
  color: #fff;
  margin: 5% auto;
  padding: 30px;
  border-radius: 12px;
  width: 90%;
  max-width: 600px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.45);
}

.ric-modal-close {
  float: right;
  font-size: 28px;
  cursor: pointer;
  color: #aaa;
}

.ric-modal-close:hover {
  color: #fff;
}

/* =========================================
   TABS
   ========================================= */

.ric-tabs {
  display: flex;
  gap: 6px;
  justify-content: center;
  background: #111;
  padding: 8px 12px;
  border-radius: 8px;
}

.ric-tab {
  padding: 6px 14px;
  background: #1e1e1e;
  color: #ddd;
  border: 1px solid #333;
  border-radius: 6px;
  cursor: pointer;
}

.ric-tab.active {
  background: #0073aa;
  color: #fff;
  border-color: #0073aa;
}

/* =========================================
   BLOG + ARCHIVES
   ========================================= */

.single-post,
.archive,
.blog,
.category,
.tag,
.search,
.post-type-archive {
  background: #000 !important;
  color: #fff !important;
}

.single-post p,
.single-post li {
  color: #e5e7eb !important;
}

/* =========================================
   HOW IT WORKS — DARK
   ========================================= */

.how-step {
  background: #111 !important;
  color: #fff !important;
}

/* =========================================
   HOMEPAGE — DARK CARDS
   ========================================= */

.home section,
.home .wp-block-group,
.home .wp-block-columns,
.home .wp-block-column {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #222 !important;
  border-radius: 12px !important;
}
/* Remove GeneratePress footer globally */
.site-footer,
.site-footer * {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
/* Hide Period Summary until calculation is done */
.ric-results-card {
    display: none;
}
/* DirectiveOS footer — dark theme */
.dos-footer-banner {
  background: #0d0d0d !important; /* deep dark background */
  color: #ffffff !important;      /* white text */
  text-align: center;
  padding: 24px 0;
  font-size: 1.1em;
  font-weight: 600;
  position: relative;
  z-index: 999;
  border-top: 1px solid #222;
}

/* Footer link color */
.dos-footer-banner a {
  color: #0ea5e9 !important; /* electric blue link */
  text-decoration: none;
}

.dos-footer-banner a:hover {
  color: #38bdf8 !important; /* lighter blue on hover */
  text-decoration: underline;
}
/* Expense table action buttons */
.ric-table .action-btn,
.ric-table .action-btn button,
.ric-table .action-btn a {
  background: #1e293b !important; /* dark navy base */
  color: #ffffff !important;       /* white icon/text */
  border: 1px solid #374151 !important;
  border-radius: 6px;
  padding: 8px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}

/* Hover effect for action buttons */
.ric-table .action-btn:hover,
.ric-table .action-btn button:hover,
.ric-table .action-btn a:hover {
  background: #3b82f6 !important; /* electric blue hover */
  border-color: #3b82f6 !important;
  transform: translateY(-2px);
  box-shadow: 0 0 10px rgba(59,130,246,0.45);
}

/* Optional: icon color refinement */
.ric-table .action-btn svg,
.ric-table .action-btn i {
  color: #ffffff !important;
  font-size: 1.1em;
}
/* Expense table action buttons — dark theme */
.ric-table .action-btn,
.ric-table .action-btn button,
.ric-table .action-btn a {
  background: transparent !important; /* remove white background */
  color: #ffffff !important;           /* white icon */
  border: none !important;
  padding: 6px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}

/* Hover states */
.ric-table .action-btn button:hover i.fa-trash-alt {
  color: #ef4444 !important; /* red glow for delete */
}

.ric-table .action-btn button:hover i.fa-edit,
.ric-table .action-btn a:hover i.fa-edit {
  color: #3b82f6 !important; /* blue glow for edit */
}

/* Optional: subtle circular hover background */
.ric-table .action-btn button:hover,
.ric-table .action-btn a:hover {
  background: rgba(255,255,255,0.1) !important;
  border-radius: 6px;
}
/* Fix action buttons inside Expenses table */
.ric-table td button,
.ric-table td .button,
.ric-table td a.button,
.ric-table td .action-btn,
.ric-table td .action-btn a,
.ric-table td .action-btn button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 6px !important;
  margin: 0 !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* Make icons visible */
.ric-table td i,
.ric-table td .action-btn i {
  color: #ffffff !important;
  font-size: 1.2em;
}

/* Hover colors */
.ric-table td .action-btn:hover i.fa-trash-alt {
  color: #ef4444 !important; /* red delete */
}

.ric-table td .action-btn:hover i.fa-edit {
  color: #3b82f6 !important; /* blue edit */
}

/* Optional: subtle hover background */
.ric-table td .action-btn:hover {
  background: rgba(255,255,255,0.1) !important;
  border-radius: 6px;
}
/* Universal fix for action buttons */
.ric-table td .action-btn *,
.ric-table td .action-btn i,
.ric-table td .action-btn svg,
.ric-table td .action-btn span {
  background: transparent !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Hover: delete = red */
.ric-table td .action-btn:hover .fa-trash,
.ric-table td .action-btn:hover .fa-trash-alt,
.ric-table td .action-btn:hover .dashicons-trash {
  color: #ef4444 !important;
  fill: #ef4444 !important;
}

/* Hover: edit = blue */
.ric-table td .action-btn:hover .fa-edit,
.ric-table td .action-btn:hover .fa-pen,
.ric-table td .action-btn:hover .fa-pencil-alt,
.ric-table td .action-btn:hover .fa-pen-to-square,
.ric-table td .action-btn:hover .dashicons-edit {
  color: #3b82f6 !important;
  fill: #3b82f6 !important;
}
/* FORCE override WP button styles for edit/delete */
.ric-table td button,
.ric-table td .button,
.ric-table td a.button {
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  padding: 4px !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* Make ALL icons inside action buttons white */
.ric-table td button i,
.ric-table td .button i,
.ric-table td a.button i,
.ric-table td .action-btn i {
  color: #ffffff !important;
  font-size: 1.2em;
}

/* Hover: delete = red */
.ric-table td button:hover i.fa-trash,
.ric-table td button:hover i.fa-trash-alt {
  color: #ef4444 !important;
}

/* Hover: edit = blue */
.ric-table td button:hover i.fa-edit,
.ric-table td button:hover i.fas.fa-edit {
  color: #3b82f6 !important;
}
/* UNIVERSAL styling for both delete (button) and edit (a) */
.ric-icon-button {
  background: transparent !important;
  border: none !important;
  padding: 6px !important;
  margin: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* Make ALL icons white */
.ric-icon-button i {
  color: #ffffff !important;
  font-size: 1.2em;
}

/* DELETE hover = red */
.ric-icon-button.danger:hover i {
  color: #ef4444 !important;
}

/* EDIT hover = blue */
.ric-icon-button.primary:hover i {
  color: #3b82f6 !important;
}
/* DirectiveOS footer — electric blue */
.dos-footer-banner {
  background: linear-gradient(90deg, #0284c7, #0ea5e9) !important;
  color: #ffffff !important;
  text-align: center;
  padding: 24px 0;
  font-size: 1.1em;
  font-weight: 600;
  position: relative;
  z-index: 999;
  border-top: none !important;
}

/* Footer link color */
.dos-footer-banner a {
  color: #ffffff !important;
  text-decoration: underline;
}

.dos-footer-banner a:hover {
  color: #e0f2fe !important;
}