/*
 * Indian Tenant Theme Override
 * Replaces blue (#0163fc) with Indian Tenant orange (#FF6600)
 * Adds green accent (#00A651) from logo
 */

:root {
  /* Primary brand orange - replaces blue */
  --ztc-bg-bg-3:    #FF6600;
  --ztc-bg-bg-6:    #FF6600;
  --ztc-text-text-4: #FF6600;
  --ztc-text-text-7: #FF6600;

  /* Brand green (logo secondary) */
  --it-green: #00A651;
  --it-orange: #FF6600;
  --it-dark:  #1A1A1A;
}

/* ── Buttons ── */
.theme-btn1,
.theme-btn2 {
  background: #FF6600 !important;
  border-color: #FF6600 !important;
  color: #fff !important;
}
.theme-btn1:hover,
.theme-btn2:hover {
  background: #e65c00 !important;
  border-color: #e65c00 !important;
}

/* ── Nav active / hover ── */
.header1-section-area .nav-area ul li a:hover,
.header1-section-area .nav-area ul li.active > a {
  color: #FF6600 !important;
}

/* ── Headings accent / highlights ── */
.text-orange, .highlight-text { color: #FF6600 !important; }
.bg-orange    { background-color: #FF6600 !important; }
.text-green   { color: #00A651 !important; }
.bg-green     { background-color: #00A651 !important; }

/* ── Form focus rings ── */
input:focus, select:focus, textarea:focus {
  border-color: #FF6600 !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 102, 0, 0.2) !important;
  outline: none;
}

/* ── Badges / tags ── */
.badge-primary, .tag-primary {
  background: #FF6600 !important;
}

/* ── Links ── */
a.color-primary { color: #FF6600 !important; }
a.color-primary:hover { color: #e65c00 !important; }

/* ── Pagination active ── */
.pagination .page-item.active .page-link {
  background: #FF6600 !important;
  border-color: #FF6600 !important;
}
.pagination .page-link {
  color: #FF6600 !important;
}

/* ── Progress / range ── */
.progress-bar { background: #FF6600 !important; }

/* ── Subscription / pricing highlight ── */
.pricing-card.featured,
.plan-card.popular {
  border-color: #FF6600 !important;
}
.pricing-badge {
  background: #FF6600 !important;
  color: #fff !important;
}

/* ── Footer branding ── */
.footer1-section-area .footer-content h3 { color: #FF6600 !important; }
.copyright a { color: #FF6600 !important; }

/* ── Admin sidebar (admin2) ── */
.sidebar-nav .active > a,
.sidebar-nav a:hover {
  color: #FF6600 !important;
  border-left-color: #FF6600 !important;
}

/* ── Indian flag stripe accent (top of page) ── */
body::before {
  content: '';
  display: block;
  height: 3px;
  background: linear-gradient(to right, #FF6600 33.3%, #fff 33.3% 66.6%, #138808 66.6%);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

/* ── FIX: theme rotates ALL <span> inside buttons (meant only for .arrow1/.arrow2) ── */
.theme-btn1 span:not(.arrow1):not(.arrow2),
.theme-btn2 span:not(.arrow1):not(.arrow2),
.theme-btn3 span:not(.arrow1):not(.arrow2),
.theme-btn4 span:not(.arrow1):not(.arrow2),
.theme-btn5 span:not(.arrow1):not(.arrow2) {
  transform: none !important;
  width: auto !important;
  display: inline !important;
}

/* ── Form action buttons – clean horizontal style, no arrow animation ── */
#login-submit-btn,
#register-submit-btn,
#popup-login-submit-btn,
#verify-phone-btn,
#popup-verify-phone-btn,
#confirm-otp-btn,
#popup-confirm-otp-btn {
  text-transform: none !important;
  writing-mode: horizontal-tb !important;
  letter-spacing: normal !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  gap: 6px !important;
}
#login-submit-btn::after,
#register-submit-btn::after,
#popup-login-submit-btn::after,
#verify-phone-btn::after,
#popup-verify-phone-btn::after,
#confirm-otp-btn::after,
#popup-confirm-otp-btn::after {
  display: none !important;
}