/*
Theme Name: OMS Academy
Theme URI: globaloms.com
Author: GlobalOMS
Description: Modern Custom Theme  
Version: 1.0
*/

:root {
  /* Blue shades */
  --blue-darkest: #001223;
  --blue-darker: #00203d;
  --blue-dark: #003c71;
  --blue: #0070d3;
  --blue-light: #e7f4ff;
  --blue-background-light: #eaecf0;

  /* Yellow shades */
  --yellow-dark: #d4aa00;
  --yellow: #fed42b;

  /* Neutral tones */
  --off-white: #fff8db;
  --gray-darkest: #212121;
  --gray-dark: #3d3d3d;
  --gray-light: #d2d2d2;

  /* Utility colors (optional naming for clarity) */
  --text-primary: #212121;
  --text-secondary: #3d3d3d;
  --bg-yellow-light: #fff8db;
  --bg-light: #ffffff;
  --bg-dark: #001223;
}

:root {
  --font-body: "Montserrat", sans-serif;
  --font-heading: "Inter", sans-serif;
  --text-color: #111;
  --accent-color: #007bff;
}

body {
  font-family: var(--font-body);
  color: var(--text-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
  font-family: var(--font-heading);
}

.container {
  width: 85%;
}

body {
  background: rgb(255, 255, 255) !important;
  padding-top: 0; /* adjust based on header height */
  overflow-x: hidden;
}



 /* ===== Unified Button System ===== */
:root{
  /* sizing */
  --btn-padding: .65rem 1.6rem;
  --btn-font-weight: 600;
  --btn-radius-pill: 999px;
  --btn-radius-rect: 12px;

  /* primary (filled) */
  --btn-primary-bg: #003c71;
  --btn-primary-bg-hover: #00203d;
  --btn-primary-text: #ffffff;

  /* outline */
  --btn-outline-bg: #ffffff;
  --btn-outline-hover: #f3f4f6;
  --btn-outline-text: #333333;
  --btn-outline-border: #d1d5db;

  /* CTA pill */
  --btn-cta-start: #fed42b;
  --btn-cta-end: #d4aa00;
  --btn-cta-text: #111;
}

/* Base button */
.btn{
  display:inline-flex!important ; align-items:center!important ; justify-content:center!important ; gap:.5rem!important ;
  padding:var(--btn-padding)!important ;
  font-weight:var(--btn-font-weight)!important ;
  line-height:1.2!important ; text-decoration:none!important ; white-space:nowrap!important ;
  border:1px solid transparent!important ;
  transition: background .4s ease, background-position .4s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, transform .15s ease!important ;
}

/* Shapes */
.btn--pill{ border-radius: var(--btn-radius-pill)!important ; }
.btn--rect{ border-radius: var(--btn-radius-rect)!important ; }

/* Primary filled */
.btn--primary{
  background: var(--btn-primary-bg)!important ;
  color: var(--btn-primary-text)!important ;
  border-color: var(--btn-primary-bg)!important ;
}
.btn--primary:hover{
  background: var(--btn-primary-bg-hover)!important ;
  border-color: var(--btn-primary-bg-hover)!important ;
  color: var(--btn-primary-text)!important ;
}

/* Outline */
.btn--outline{
  background: var(--btn-outline-bg)!important ;
  color: var(--btn-outline-text)!important ;
  border-color: var(--btn-outline-border)!important ;
}
.btn--outline:hover{
  background: var(--btn-outline-hover)!important ;
  border-color: var(--btn-primary-bg)!important ;
}

/* CTA pill */
.btn--cta{
  background: linear-gradient(90deg, var(--yellow-dark), var(--yellow))!important ;
  color: var(--btn-cta-text)!important ;
  border-radius: var(--btn-radius-pill)!important ;
  border: 1px solid transparent!important ;
  background-size: 200% 100%!important ;
  background-position: 0% 50%!important ;
  box-shadow: 0 8px 18px rgba(0,0,0,.16)!important ;
}
.btn--cta:hover{
  background-position: 100% 50%!important ;
  box-shadow: 0 10px 24px rgba(0,0,0,.2)!important ;
}

/* Icon slot */
.btn .btn-icon{ display:inline-flex!important ; line-height:0!important ; }
.btn .btn-icon > *{ width:1.1rem!important ; height:1.1rem!important ; }

/* States */
.btn:focus-visible{ outline:3px solid color-mix(in srgb, var(--btn-primary-bg-hover) 60%, white)!important ; outline-offset:2px!important ; }
.btn:active{ transform:translateY(1px)!important ; }
.btn[disabled], .btn.disabled{ opacity:.6!important ; pointer-events:none!important ; }

.cart-slider .cart-info.flex-grow-1.lazyloaded {
    width: 50%!important ;
}


.page-number.active {
    background-color: var(--off-white) !important  ;
    color: var(--blue-dark) !important  ;
    border-radius: 50%!important ;
    width: 36px!important ;
    height: 36px!important ;
    line-height: 36px!important ;
    text-align: center!important ;
    font-weight: 700!important ;
}

.cart-slider a.btn.btn-sm.btn-outline-danger.me-2 {
    padding: 4px 8px !important  ;
    font-weight: 200 !important  ;
    border: 1px solid !important  ;
}

.page-number {
    color: var(--text-secondary) !important  ;
    border-radius: 50%!important ;
    width: 36px!important ;
    height: 36px!important ;
    line-height: 36px!important ;
    text-align: center!important ;
}
.page-link {
    border: none !important  ;
    box-shadow: none!important ;
    outline: none!important ;
    color: var(--gray-dark)!important ;
    font-weight: 500!important ;
    padding: 6px 12px!important ;
    transition: all 0.3s ease!important ;
}

.pt-5 {
    padding-bottom: 3rem !important;
}

.list-unstyled li:nth-child(n+6) {
    display: none!important ;
}

.footer-links-container ul li a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important  ;
    font-weight: 500 !important  ;
    color: #4A4A4A !important  ;
    text-decoration: none !important;
}
.video.lazyloaded {
    height: 100%;
    width: 100%;
}
.video__wrapper {
    width: 100%;
    height: 100%;
}
.main_content .js-video-player_new {
    max-width: 100% !important;
    height: 100%;
}