@font-face {
  font-family: "ShoptsyRegular";
  src: url("/static/assets/fonts/Switzer-Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "ShoptsySemiBold";
  src: url("/static/assets/fonts/Switzer-Semibold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "ShoptsyVariable";
  src: url("/static/assets/fonts/MonaSans-VariableFont.ttf") format("truetype");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

:root,
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-text-font: "ShoptsyVariable", sans-serif !important;
}

html,
body,
.md-container,
.md-main,
.md-content,
.md-content__inner,
.md-typeset,
.md-typeset p,
.md-typeset li,
.md-typeset td,
.md-typeset th,
.md-nav,
.md-nav__title,
.md-nav__link,
.md-header,
.md-tabs,
.md-search,
.md-search__input {
  font-family: "ShoptsyVariable", sans-serif !important;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6,
strong,
b {
  font-family: "ShoptsySemiBold", sans-serif !important;
}

/* Focus state */
.md-search__input:focus {
  border-color: #12B886 !important;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25);
}

/* Search container background */
.md-search {
  border-radius: 9999px;
}

/* Remove default underline */
.md-search__form {
  box-shadow: none !important;
}


/* Sidebar active page text */
.md-nav__link--active {
  color: #12B886 !important; /* green */
  font-weight: 600;
}

/* Sidebar active item indicator (left bar) */
.md-nav__item--active > .md-nav__link {
  color: #12B886 !important;
}

/* Active parent section */
.md-nav__item--active > .md-nav__link > .md-nav__icon {
  color: #12B886 !important;
}

/* Hover state */



/* Reset top navbar background */
.md-header {
  background-color: #ffffff !important;
}

/* Make navbar text dark */
.md-header,
.md-header__title,
.md-header__button,
.md-header__button svg {
  color: #0f172a !important;
  fill: #0f172a !important;
}

:root,
[data-md-color-accent],
[data-md-color-accent="indigo"] {
  --md-primary-fg-color: #12B886;
  --md-primary-fg-color--light: #3dd5a3;
  --md-primary-fg-color--dark: #0f9e72;

  --md-accent-fg-color: #12B886;
  --md-accent-fg-color--transparent: rgba(18, 184, 134, 0.1);

  --md-typeset-a-color: #12B886;
  --md-default-fg-color--link: #12B886;

   --md-typeset-mark-color: rgba(18, 184, 134, 0.25) !important;
}

/* Search input box */
.md-search__input {
  border: 2px solid #D1D5DB !important;  /* green border */
  border-radius: 0.375rem !important;    /* Material md rounded corners */
  padding-left: 12px;
  padding-right: 12px;
  background-color: #ffffff;              /* keep white background */
  color: #000000;                         /* black text */
  box-shadow: none !important;
}

/* Placeholder text color (optional) */
.md-search__input::placeholder {
  color: #64748b; /* gray placeholder */
}

/* Focus state */
.md-search__input:focus {
  border-color: #12B886 !important;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.25);
}

/* Search icon color */
.md-search__icon {
  color: #9CA3AF !important;
  fill: #000000 !important;
}

.md-search__output {
  border-radius: 10px !important;
}

/* Remove default form shadow */
.md-search__form {
  box-shadow: none !important;
  background-color: transparent !important;
}


/* Hide original footer text */
.md-copyright {
  font-size: 0;            /* hide existing text */
}

/* Inject custom copyright text */
.md-copyright {
  content: "© YEAR Kapsus Technologies Private Limited. All rights reserved.";
  font-size: 13px;
  color: #64748b;          /* slate gray */
  font-weight: 400;
}


/* ===============================
   Next / Previous buttons style
================================ */

/* Button container */
.md-footer__link {
         /* rounded-full */
  background-color: transparent;
}

/* Button text (always green) */
.md-footer__link span {
  color: #12B886 !important;
  font-weight: 700;

}

/* Arrow icons (always green) */
.md-footer__link svg {
  fill: #12B886 !important;
}


.md-footer__title {
  color: #12B886 !important;   /* green text */
  font-weight: 500;             /* optional semi-bold */
}

/* Ensure ellipsis text is green too */
.md-footer__title .md-ellipsis {
  color: #12B886 !important;
}


/* ===============================
   Footer background → white
================================ */

.md-footer {
  background-color: #ffffff !important;
  border-top: 1px solid #e5e7eb; /* light gray border */
}

/* Remove Material footer gradient */
.md-footer-nav {
  background: none !important;
}

.md-footer-meta {
  background: none !important;
}


h1, h2 {
  font-weight: 700 !important;
  color: black !important;
}


.md-content__inner > .md-footer__inner {
  border-top: 1px solid var(--md-default-fg-color--lightest);
}


/* Center copyright text */
.md-copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
}
.md-typeset {
    font-size: 0.75rem !important
}

.md-header--shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
              0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
  transition: transform 0.25s cubic-bezier(0.1, 0.7, 0.1, 1),
              box-shadow 0.25s ease;
}

.md-header__inner {
    align-items: center;
    display: flex
;
    padding: 10px .2rem !important;
}



/* Sidebar scrollbar only */

/* Sidebar scrollbar - subtle gray */

/* Chrome, Edge, Safari */
.md-sidebar__scrollwrap::-webkit-scrollbar {
  width: 6px;
}

.md-sidebar__scrollwrap::-webkit-scrollbar-track {
  background: transparent;
}

/* Default = light gray */
.md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
  background-color: #d1d5db !important;   /* light gray */
  border-radius: 10px;
}

/* On hover = darker gray */
.md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
  background-color: #9ca3af !important;   /* gray */
}

/* Firefox */
.md-sidebar__scrollwrap {
  scrollbar-width: thin;
  scrollbar-color: #d1d5db transparent;
}

.md-sidebar__scrollwrap:hover {
  scrollbar-color: #9ca3af transparent;
}

.md-sidebar .md-logo {
  display: none !important;
}


.grid-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: auto;
}

.card-link {
  text-decoration: none !important;
  color: inherit !important;
}

.card-box {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  background: var(--md-default-bg-color);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.card-box:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  border-color: #12B886;
}

.card-icon {
  width: 40px;
  height: 40px;
  background: #12B886;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.icon-svg {
  width: 22px;
  height: 22px;
  color: white;
}

.card-title {
  color: #374151 !important;
  font-weight: 700 !important;
  margin-bottom: 6px;
}

.card-subtitle {
  color: #4B5563;
}

.card-icon svg {
  width: 22px;
  height: 22px;
  fill: #ffffff !important;
  display: block;
}

.card-icon {
  width: 40px;
  height: 40px;
  background: #12B886;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}