/* ============================================================
   Oracle APEX - Custom Font Setup: Teko + Roboto
   Apply this CSS in: Shared Components > Theme Styles > Custom CSS
   OR: Page Designer > Page > CSS > Inline
   ============================================================ */

/* --- Google Fonts Import --- */
@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700&display=swap");

/* ============================================================
   FONT VARIABLE DEFINITIONS
   ============================================================ */
:root {
  --font-heading: "Teko", sans-serif;
  --font-body: "Roboto", sans-serif;
}

.t-Region {
  border-radius: 0 !important;
}

/*Sirf Page 15 (Inventory Management) pe grid lagega */
.page-15 .t-Body-main,
.page-22 .t-Body-main {
  display: grid !important;
}

/*Baaki sabhi pages pe unset rahega */
.t-Body-main {
  display: unset;
}

/* Modal popup always above content */
/* .ui-dialog{
    z-index: 10000 !important;
    top: 150px !important;
} */

/* body.t-Dialog-page .ui-dialog{
    top: 150px !important;
} */

/* ============================================================
   GLOBAL BODY - Roboto for all body text
   ============================================================ */
body,
.t-Body,
.t-PageBody,
p,
span,
div,
td,
th,
input,
select,
textarea,
button,
label,
.apex-item-text,
.apex-item-select,
.apex-item-textarea {
  font-family: var(--font-body) !important;
  font-weight: 500;
}

/* ============================================================
   HEADINGS - Teko for all headings
   ============================================================ */
h1,
h2,
h3,
h4,
h5,
h6,
.t-Header-logo,
.t-Region-title,
.t-Report-colHead,
.t-Card-title,
.t-HeroRegion-title,
.t-PageHeader-title,
.t-Breadcrumb-label,
.t-Region--title,
.a-IRR-title,
.a-IG-title,
.t-AVPList-label,
.t-MediaList-title,
.t-ContentRow-title {
  font-family: var(--font-heading) !important;
  font-weight: 500;
  letter-spacing: 0.5px;
}

/* ============================================================
   PAGE TITLE & NAVIGATION - Teko
   ============================================================ */
.t-Header-navBar,
.t-NavigationBar,
.t-TreeNav .t-TreeNav-label,
.t-SideNav .t-TreeNav-label,
.t-MenuNav .a-MenuItem-label,
.t-NavTabs .t-NavTabs-item,
.t-Tabs .t-Tabs-item {
  font-family: var(--font-heading) !important;
  font-weight: 400;
}

/* ============================================================
   BUTTONS - Roboto Medium
   ============================================================ */
.t-Button,
.a-Button,
button.t-Button,
.apex-button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  font-family: var(--font-body) !important;
  font-weight: 500;
}

/* ============================================================
   FORM ITEMS - Roboto Regular
   ============================================================ */
.apex-item-wrapper input,
.apex-item-wrapper select,
.apex-item-wrapper textarea,
.t-Form-fieldContainer input,
.t-Form-fieldContainer select,
.t-Form-fieldContainer textarea {
  font-family: var(--font-body) !important;
  font-weight: 400;
}

/* ============================================================
   INTERACTIVE REPORT / GRID - Roboto
   ============================================================ */
.a-IRR-table td,
.a-IRR-table th,
.a-IG-cell,
.a-IG-header {
  font-family: var(--font-body) !important;
}

.a-IRR-table th,
.a-IG-header {
  font-weight: 500;
}

/* ============================================================
   CARDS - Title in Teko, Body in Roboto
   ============================================================ */
.t-Card-title {
  font-family: var(--font-heading) !important;
  font-weight: 500;
}

.t-Card-body,
.t-Card-info,
.t-Card-subTitle {
  font-family: var(--font-body) !important;
}

/* ============================================================
   BREADCRUMB - Roboto
   ============================================================ */
.t-Breadcrumb-item,
.t-Breadcrumb-link {
  font-family: var(--font-body) !important;
  font-weight: 400;
}

/* ============================================================
   NOTIFICATIONS & ALERTS - Roboto
   ============================================================ */
.t-Alert,
.t-Notification,
.apex-page-success,
.apex-page-error {
  font-family: var(--font-body) !important;
}

.t-Body-contentInner {
  padding: 0;
}