/* Custom Font Configuration for Tailwind CSS */

@tailwind base;
@tailwind components;
@tailwind utilities;

/* Configure custom font families */
:root {
  --font-primary: "SharpSans", "Inter", -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --font-secondary: "CiscoSans", "Source Sans Pro", -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-cisco: "CiscoSans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --font-sharp: "SharpSans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

body {
  overflow: auto !important;
}

/* Override Tailwind's default font families */
.font-sans {
  font-family: var(--font-cisco);
}

.font-secondary {
  font-family: var(--font-secondary);
}

/* Custom font utility classes */
.font-inter {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

.font-source-sans {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

.font-sharp-sans {
  font-family: "SharpSans", "Inter", -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  font-weight: 700; /* Only bold variant available */
}

.font-cisco-sans {
  font-family: "CiscoSans", "Inter", -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
}

/* Improved font rendering */
html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Optional: Custom font sizes for better typography */
.text-display {
  font-size: 3.5rem;
  line-height: 1.1;
  font-weight: 700;
}

.text-headline {
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 600;
}

.text-subhead {
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
}
/* SharpSans Font Loading */
@font-face {
  font-family: "SharpSans";
  src: url("./fonts/sharp-sans/SharpSans-Bold.woff2") format("woff2"),
    url("./fonts/sharp-sans/SharpSans-Bold.woff") format("woff"),
    url("./fonts/sharp-sans/SharpSans-Bold.eot") format("embedded-opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* CiscoSans Font Loading */
@font-face {
  font-family: "CiscoSans";
  src: url("./cui/fonts/CiscoSans/CiscoSansTTRegular.woff2") format("woff2"),
    url("./cui/fonts/CiscoSans/CiscoSansTTRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CiscoLight";
  src: url("./cui/fonts/CiscoSans/CiscoSansTTLight.woff2") format("woff2"),
    url("./cui/fonts/CiscoSans/CiscoSansTTLight.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CiscoExtralight";
  src: url("./cui/fonts/CiscoSans/CiscoSansTTThin.woff") format("woff2"),
    url("./cui/fonts/CiscoSans/CiscoSansTTThin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CiscoSans";
  src: url("./cui/fonts/CiscoSans/CiscoSansTTLight.woff2") format("woff2"),
    url("./cui/fonts/CiscoSans/CiscoSansTTLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CiscoSans";
  src: url("./cui/fonts/CiscoSans/CiscoSansTTBold.woff2") format("woff2"),
    url("./cui/fonts/CiscoSans/CiscoSansTTBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.link-underline {
  text-decoration: underline;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 10;
  position: relative;
}

/* Make footer links always clickable */
.footer-link > a {
  pointer-events: auto !important;
  position: relative;
  z-index: 100 !important;
  cursor: pointer !important;
  display: inline-block;
  padding: 2px 4px;
}

.footer-link > a:hover {
  text-decoration: underline;
}

/* Ensure footer itself doesn't block interactions */
main,
footer {
  pointer-events: auto !important;
  z-index: 1;
}

/* Additional fallback for all footer links */
footer a {
  pointer-events: auto !important;
  position: relative;
  z-index: 50;
}

/* Ensure native tooltips (title attribute) work */
[title] {
  pointer-events: auto !important;
}

/* Ensure all interactive elements have pointer cursor */
.footer-link a,
.footer-link,
button,
[role="button"] {
  cursor: pointer !important;
}

.hide {
  display: none !important;
}

.bot-div {
  display: none;
}
.landing-btn {
  border: 2px solid #1d4ed8;
  pointer-events: auto !important;
  position: relative;
  /*z-index: 1000;*/
  cursor: pointer !important;
}

.hero-section {
  background-image: url("./static-assets/v2/images/landingpage_eclipse.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}