/* ===============================
   CFO Tech Theme - Final Unified CSS (Step-Back Version)
   =============================== */

/* Global font and color settings */
body {
  font-family: 'Poppins', 'Roboto', sans-serif !important;
  color: #26262B;
  background-color: #ffffff;
}

a, a:visited {
  color: #1D41A7;
}

a:hover {
  color: #0f2b74;
}

/* ===============================
   HEADER
   =============================== */

/* Reset background image styling for clean step-back */
.Header__headerBg {
  background-color: #1D41A7 !important;
}

/* Logo image: white mode */
 .Header__logoimg img {
  max-height: 44px;
  filter: brightness(0) invert(1); /* make logo white */
 } 

/* Remove "CFO Tech" text next to logo */
.Header__logotxt {
  display: none !important;
}

/* Navigation text */
.Header__menuList {
  color: #ffffff !important;
  font-weight: 500;
  padding: 12px 16px;
  font-size: 1rem;
  transition: color 0.3s, background 0.3s;
}

.Header__menuList:hover {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}

/* Welcome Title & Description */
.Header__welcomeTitle,
.Header__welcomeDescription {
  color: #ffffff !important;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* Search bar */
.Header__searchBox {
  background-color: #ffffff;
  border: 2px solid #1D41A7;
  border-radius: 4px;
  padding: 8px 12px;
  color: #26262B;
  font-weight: 500;
}

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

.zd-button,
button,
input[type="submit"] {
  background-color: #1D41A7 !important;
  color: #ffffff !important;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  font-weight: 600;
  transition: background 0.3s ease;
}

.zd-button:hover,
button:hover,
input[type="submit"]:hover {
  background-color: #0f2b74 !important;
}

/* ===============================
   FORMS
   =============================== */

input[type="text"],
input[type="email"],
textarea,
select {
  border: 1px solid #ccc;
  padding: 8px;
  border-radius: 4px;
  font-family: 'Poppins', sans-serif;
}

/* ===============================
   TABLES
   =============================== */

table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.95rem;
}

table th {
  background-color: #1D41A7;
  color: white;
  padding: 10px;
  text-align: left;
}

table td {
  padding: 10px;
  border-top: 1px solid #e0e0e0;
}

/* ===============================
   FOOTER
   =============================== */

.zd-footer {
  background-color: #f5f5f5;
  color: #26262B;
  font-size: 0.85rem;
  text-align: center;
  padding: 20px 0;
}

/* ===============================
   MICROCOPY / HINTS / ACCENTS
   =============================== */

.tooltip, .hint, .microcopy {
  font-size: 0.8rem;
  color: #555;
  font-style: italic;
}

/* Playful accent element (optional) */
.cheeky-accent::after {
  content: ' ✨';
  color: #1D41A7;
  font-weight: bold;
}