/**
 * SOQ International Academy — corporate readability scale
 * Increases base type, nav, cards, and avatars for desktop / L&D use.
 * Loaded after app.min.css. Bump ?v= when changing this file.
 */

/* ---- Base type ---- */
html,
body {
  font-size: 17px !important;
  line-height: 1.7 !important;
}

@media (max-width: 767px) {
  html,
  body {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }
}

/* Utility fonts — bump common corporate-facing sizes */
.font-12 { font-size: 14px !important; }
.font-14 { font-size: 16px !important; }
.font-16 { font-size: 18px !important; }
.font-18 { font-size: 20px !important; }
.font-20 { font-size: 22px !important; }
.font-24 { font-size: 28px !important; }
.font-28 { font-size: 32px !important; }
.font-32 { font-size: 38px !important; }
.font-36 { font-size: 42px !important; }
.font-40 { font-size: 46px !important; }

h1, .h1 { font-size: 2rem !important; }
h2, .h2 { font-size: 1.75rem !important; }
h3, .h3 { font-size: 1.4rem !important; }
h4, .h4 { font-size: 1.2rem !important; }
h5, .h5 { font-size: 1.1rem !important; }
h6, .h6 { font-size: 1rem !important; }

/* Wider reading column on large screens */
@media (min-width: 1200px) {
  .container {
    max-width: 1560px !important;
    width: 94% !important;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1680px !important;
  }
}

/* ---- Header / nav ---- */
#appHeaderArea .theme-header-1__nav-link,
#appHeaderArea .theme-header-2__nav-link,
.theme-header-1__nav-link,
.theme-header-2__nav-link {
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 10px 14px !important;
}

#appHeaderArea .theme-header-1__main-search,
#appHeaderArea .theme-header-2__main-search {
  height: 52px !important;
}

.theme-header-1__main-search .form-control,
.theme-header-1__main-search input,
.theme-header-2__main-search .form-control,
.theme-header-2__main-search input {
  font-size: 16px !important;
  min-height: 52px !important;
  height: 52px !important;
}

.theme-header-1__categories-btn,
.theme-header-1 .categories-dropdown-btn,
.theme-header-1__main .btn {
  font-size: 15px !important;
}

.theme-header-1__logo img,
.theme-header-2__logo img {
  max-height: 64px !important;
}

/* Compact sticky bar + hamburger on tablet / phone widths (desktop header UA) */
@media (max-width: 991px) {
  #appHeaderArea .theme-header-1__main-search,
  #appHeaderArea .theme-header-2__main-search {
    height: 40px !important;
  }

  .theme-header-1__main-search .form-control,
  .theme-header-1__main-search input,
  .theme-header-2__main-search .form-control,
  .theme-header-2__main-search input {
    font-size: 14px !important;
    min-height: 40px !important;
    height: 40px !important;
  }

  .theme-header-1__main-search .search-icon {
    top: 10px !important;
    bottom: 10px !important;
  }

  .theme-header-1__logo img,
  .theme-header-2__logo img {
    max-height: 40px !important;
  }

  .theme-header-1__menu-toggle {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }
}

/* ---- Statistics strip ---- */
.statistics-section__contents {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.statistics-section__counter-value {
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.statistics-section .font-16 {
  font-size: 18px !important;
  opacity: 0.95;
}

.statistics-section [class*="statistics-section__icon-"],
.statistics-section .size-72 {
  width: 96px !important;
  min-width: 96px !important;
  height: 96px !important;
}

/* ---- Trending categories ---- */
.trending-categories-section__category-photo,
.trending-categories-section .size-48,
.trending-categories-section .size-96 {
  width: 96px !important;
  min-width: 96px !important;
  height: 96px !important;
}

.trending-categories-section__item-card .bg-white {
  padding: 24px !important;
  min-height: 200px;
}

.trending-categories-section h4 {
  font-size: 22px !important;
  margin-top: 20px !important;
}

.trending-categories-section .font-16 {
  font-size: 17px !important;
}

/* ---- Featured courses ---- */
.featured-courses-section__item-card-course-box h3 {
  font-size: 28px !important;
  line-height: 1.35 !important;
}

.featured-courses-section__item-card-course-box-description .font-16,
.featured-courses-section__item-card-course-box .text-gray-500.font-16 {
  font-size: 17px !important;
  line-height: 1.7 !important;
}

.featured-courses-section__item-card-course-box .size-48,
.featured-courses-section__item-card-course-box .size-72 {
  width: 72px !important;
  min-width: 72px !important;
  height: 72px !important;
}

@media (min-width: 992px) {
  .featured-courses-section__item-card-course-box {
    width: 580px !important;
    padding: 28px !important;
  }
}

/* ---- Instructor cards ---- */
.instructor-card {
  height: auto !important;
  min-height: 200px !important;
}

.instructor-card > .d-flex {
  min-height: 180px;
  padding: 20px !important;
}

.instructor-card .size-64 {
  width: 112px !important;
  min-width: 112px !important;
  height: 112px !important;
}

.instructor-card .size-96,
.instructor-card .size-112 {
  width: 112px !important;
  min-width: 112px !important;
  height: 112px !important;
}

.instructor-card h6,
.instructor-card .font-16 {
  font-size: 20px !important;
  font-weight: 700 !important;
}

.instructor-card .font-14,
.instructor-card .text-gray-500 {
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.instructor-card__verified-badge.size-16 {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
}

.instructor-card__rate {
  font-size: 14px !important;
  padding: 6px 10px !important;
}

.instructor-card__rate .icons {
  width: 18px !important;
  height: 18px !important;
}

.instructor-card .bg-gray-100.p-24 {
  padding: 28px !important;
  gap: 8px;
}

.instructor-card .ml-12 {
  margin-left: 20px !important;
}

/* Instructors list grid: give cards breathing room */
.instructors-lists-hero + .container .font-16,
main .js-lists-body .instructor-card {
  margin-bottom: 4px;
}

/* ---- Course grid cards ---- */
.course-grid-card-1__image {
  height: 260px !important;
}

.course-grid-card-1__body {
  min-height: 220px !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.course-grid-card-1 .course-title,
.course-grid-card-1 h3.font-16 {
  font-size: 18px !important;
  line-height: 1.4 !important;
  max-height: none !important;
}

.course-grid-card-1 .size-32 {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
}

.course-grid-card-1 .font-14 {
  font-size: 16px !important;
}

.course-grid-card-1 .font-12 {
  font-size: 14px !important;
}

/* ---- Section titles / body copy ---- */
.landing-section h2.font-32,
[class*="-section"] h2.font-32,
.trending-categories-section h2,
.free-courses-section h2,
.instructors-section h2,
.organizations-section h2,
.soq-education-verticals-section h2,
.featured-courses-section h2 {
  font-size: 40px !important;
  line-height: 1.25 !important;
}

[class*="-section"] .font-16.text-gray-500,
[class*="-section"] p.font-16 {
  font-size: 18px !important;
  line-height: 1.7 !important;
}

/* Page hero taglines under search (instructors, etc.) */
.instructors-lists-header p,
.instructors-lists-header .text-gray-500,
.courses-lists-header p,
.page-hero-description,
.container > .text-center .text-gray-500.font-16 {
  font-size: 18px !important;
  line-height: 1.7 !important;
}

/* Forms / buttons slightly larger */
.btn,
.form-control,
.select2-container .select2-selection--single {
  font-size: 16px !important;
}

.btn-lg {
  font-size: 18px !important;
  padding: 12px 24px !important;
}

/* Footer nav readability */
#appFooterArea a,
#appFooterArea p,
#appFooterArea li {
  font-size: 15px !important;
}