/* ===== Totekko Footer (Materialize) ===== */
#totekkoFooter {
  --tk-blue: #0C6AC6;
  --tk-green:#1DB954;
  --tk-ink:  #263238;     /* dark text */
  --tk-ink2: #546E7A;     /* secondary text */
  --tk-bg:   #F7F9FB;     /* soft bg */
  border-top: 4px solid var(--tk-green);
  background: var(--tk-bg);
  margin-top: 32px;
  font-size: 14px;
  color: var(--tk-ink);
}

#totekkoFooter .tkf-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 16px;
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 20px;
}

#totekkoFooter .tkf-title{
  margin: 0 0 8px 0;
  font-weight: 700;
  color: var(--tk-ink);
}

#totekkoFooter .tkf-list{
  margin: 0; padding: 0;
  list-style: none;
  display: flex; flex-wrap: wrap;
  gap: 6px 18px;
}
#totekkoFooter .tkf-list li::before{
  content: "• ";
  color: var(--tk-blue);
  font-weight: 900;
}

#totekkoFooter .tkf-contact a{
  color: var(--tk-ink);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dotted rgba(12,106,198,0.25);
}
#totekkoFooter .tkf-contact a:hover{
  color: var(--tk-blue);
  border-bottom-color: var(--tk-blue);
}

#totekkoFooter .tkf-legal{
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 16px 18px;
  display: flex; align-items: center; justify-content: space-between;
  color: var(--tk-ink2);
}
#totekkoFooter .tkf-legal a{
  color: var(--tk-blue); text-decoration: none; font-weight: 600;
}
#totekkoFooter .tkf-legal a:hover{ color: var(--tk-green); }

/* Materialize compatibility: don’t let theme link styles override */
#totekkoFooter a:visited { color: var(--tk-blue); }

/* Responsive */
@media (max-width: 768px){
  #totekkoFooter .tkf-inner{ grid-template-columns: 1fr; }
  #totekkoFooter .tkf-legal{ flex-direction: column; gap: 6px; text-align: center; }
}


/*-------------------------
/* Force custom Add Ticket nav link to match Zoho tabs */
.Header__tabs .Header__tabsTab a {
  color: #fff !important;            /* same as other tabs */
  font-weight: 600;
  display: inline-block;
  padding: 0 16px;
  line-height: 64px;                 /* matches header height */
  text-decoration: none;
}

/* Hover / active state */
.Header__tabs .Header__tabsTab a:hover {
  color: #fff !important;
  border-bottom: 2px solid var(--brand-green);
}

.CloseTicket__closeTicketTarget { display: none !important; }