/**
 * Gateway Workshops — Inner pages (all non-homepage routes)
 * Scoped to .gw-site.gw-inner-page
 */

.gw-inner-page {
  background: var(--gw-bg);
  min-height: 100vh;
}

.gw-inner-page .gw-page-main {
  min-height: 40vh;
}

/* Page hero / breadcrumb band */
.gw-inner-page #breadcrumb.breadcrumb-section {
  background: linear-gradient(180deg, var(--gw-primary-light) 0%, var(--gw-bg) 100%) !important;
  padding: 2.25rem 0 2rem !important;
  min-height: 0 !important;
  margin: 0;
}

.gw-inner-page #breadcrumb .blakish-overlay,
.gw-inner-page .backgroud-style::before {
  display: none !important;
}

.gw-inner-page #breadcrumb .page-breadcrumb-content {
  padding: 0;
}

.gw-inner-page #breadcrumb .breadcrumb-head,
.gw-inner-page #breadcrumb h2 {
  font-family: var(--gw-display) !important;
  color: var(--gw-ink) !important;
  font-size: clamp(1.75rem, 3vw, 2.45rem) !important;
  font-weight: 700 !important;
  line-height: 1.2;
  margin: 0;
}

.gw-inner-page #breadcrumb .breadcrumb-head span {
  color: var(--gw-primary) !important;
}

.gw-inner-page #breadcrumb .breadcrumb {
  justify-content: center;
  background: transparent;
}

.gw-inner-page #breadcrumb .breadcrumb-item,
.gw-inner-page #breadcrumb .breadcrumb-item a {
  color: var(--gw-ink-muted) !important;
  font-size: 0.88rem;
}

.gw-inner-page #breadcrumb .breadcrumb-item.active {
  color: var(--gw-ink) !important;
}

/* Section spacing */
.gw-inner-page .course-page-section,
.gw-inner-page .teacher-page-section,
.gw-inner-page .blog-item-post,
.gw-inner-page .about-page-section,
.gw-inner-page .contact-section,
.gw-inner-page .faq-page-section,
.gw-inner-page .checkout-section,
.gw-inner-page .cart-page-section,
.gw-inner-page .certificate-page-section,
.gw-inner-page section[class$="-section"] {
  background: transparent !important;
  padding: 2rem 0 3.5rem !important;
}

.gw-inner-page .container {
  width: min(1180px, calc(100% - 48px));
  max-width: none;
}

/* Typography */
.gw-inner-page h1,
.gw-inner-page h2,
.gw-inner-page h3,
.gw-inner-page .section-title h2,
.gw-inner-page .section-title-2 h2,
.gw-inner-page .widget-title {
  font-family: var(--gw-display);
  color: var(--gw-ink);
}

.gw-inner-page p,
.gw-inner-page li,
.gw-inner-page .content {
  color: var(--gw-ink-soft);
}

.gw-inner-page a:not(.gw-btn):not(.btn):not(.genius-btn) {
  color: var(--gw-primary);
}

.gw-inner-page a:not(.gw-btn):not(.btn):not(.genius-btn):hover {
  color: var(--gw-primary-dark);
}

/* Buttons */
.gw-inner-page .genius-btn,
.gw-inner-page .gradient-bg,
.gw-inner-page .nws-button button,
.gw-inner-page .btn-primary,
.gw-inner-page .btn-success,
.gw-inner-page a.btn-success,
.gw-inner-page button.btn-success,
.gw-inner-page button[type="submit"].btn-success {
  background: var(--gw-primary, #0d1b4c) !important;
  background-image: none !important;
  border: none !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  box-shadow: var(--gw-shadow-sm, 0 1px 2px rgba(0,0,0,.08));
  transition: background 0.2s, transform 0.2s;
}

.gw-inner-page .genius-btn a,
.gw-inner-page .gradient-bg a,
.gw-inner-page .nws-button a {
  color: #fff !important;
}

.gw-inner-page .genius-btn:hover,
.gw-inner-page .gradient-bg:hover,
.gw-inner-page .nws-button button:hover,
.gw-inner-page .btn-primary:hover,
.gw-inner-page .btn-success:hover,
.gw-inner-page a.btn-success:hover,
.gw-inner-page button.btn-success:hover {
  background: var(--gw-primary-dark) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.gw-inner-page .bg-dark.genius-btn,
.gw-inner-page .btn-dark {
  background: var(--gw-ink) !important;
}

/* Forms */
.gw-inner-page .form-control,
.gw-inner-page select.form-control,
.gw-inner-page textarea.form-control,
.gw-inner-page input[type="text"],
.gw-inner-page input[type="email"],
.gw-inner-page input[type="password"],
.gw-inner-page input[type="search"] {
  border: 1px solid var(--gw-border) !important;
  border-radius: var(--gw-radius-sm) !important;
  min-height: 46px;
  color: var(--gw-ink);
  background: #fff;
  font-family: var(--gw-ui);
  font-size: var(--gw-text-sm);
}

.gw-inner-page .form-control:focus {
  border-color: var(--gw-primary) !important;
  box-shadow: 0 0 0 3px rgba(13, 27, 76, 0.12) !important;
}

.gw-inner-page label {
  color: var(--gw-ink);
  font-weight: 600;
  font-family: var(--gw-ui);
  font-size: 0.94rem;
}

/* Alerts */
.gw-inner-page .alert {
  border-radius: var(--gw-radius-sm);
  border: 1px solid var(--gw-border);
}

.gw-inner-page .alert-success {
  background: #edf8f0;
  color: #1f6b36;
}

.gw-inner-page .alert-danger {
  background: #fdecec;
  color: #8a2f2f;
}

/* Course / bundle listing cards */
.gw-inner-page .best-course-pic-text {
  background: var(--gw-surface);
  border: 1px solid var(--gw-border);
  border-radius: var(--gw-radius);
  overflow: hidden;
  box-shadow: var(--gw-shadow-sm);
  margin-bottom: 1.5rem;
  transition: transform 0.25s, box-shadow 0.25s;
}

.gw-inner-page .best-course-pic-text:hover {
  transform: translateY(-4px);
  box-shadow: var(--gw-shadow);
}

.gw-inner-page .best-course-pic {
  aspect-ratio: 16 / 10;
  min-height: 180px;
  border-radius: 0;
}

.gw-inner-page .best-course-text {
  padding: 1.15rem 1.25rem 1.35rem !important;
  position: static !important;
  background: #fff;
}

.gw-inner-page .best-course-text h3,
.gw-inner-page .best-course-text h3 a {
  font-family: var(--gw-display);
  font-size: 1.05rem;
  color: var(--gw-ink) !important;
  line-height: 1.35;
}

.gw-inner-page .best-course-text h3 a:hover {
  color: var(--gw-primary) !important;
}

.gw-inner-page .course-meta,
.gw-inner-page .course-meta a {
  color: var(--gw-ink-muted) !important;
  font-size: 0.82rem;
}

.gw-inner-page .course-meta .course-category a {
  color: var(--gw-primary) !important;
  font-weight: 600;
}

.gw-inner-page .trend-badge-2,
.gw-inner-page .trend-badge-3 {
  background: var(--gw-accent) !important;
  border-radius: 999px;
}

.gw-inner-page .course-details-btn a {
  color: #fff !important;
  font-weight: 600;
}

.gw-inner-page .blakish-overlay {
  background: linear-gradient(180deg, transparent 30%, rgba(8, 16, 40, 0.55)) !important;
}

.gw-inner-page .course-rate ul li,
.gw-inner-page .comment-ratting ul li,
.gw-inner-page .avrg-rating ul li {
  color: var(--gw-gold) !important;
}

/* Teacher cards */
.gw-inner-page .teacher-img-content {
  background: var(--gw-surface);
  border: 1px solid var(--gw-border);
  border-radius: var(--gw-radius);
  overflow: hidden;
  box-shadow: var(--gw-shadow-sm);
  margin-bottom: 1.5rem;
  transition: transform 0.25s, box-shadow 0.25s;
}

.gw-inner-page .teacher-img-content:hover {
  transform: translateY(-4px);
  box-shadow: var(--gw-shadow);
}

.gw-inner-page .teacher-text {
  padding: 1rem 1.15rem 1.25rem;
}

.gw-inner-page .teacher-text h3 a {
  font-family: var(--gw-display);
  color: var(--gw-ink) !important;
}

.gw-inner-page .teacher-text h3 a:hover {
  color: var(--gw-primary) !important;
}

/* Blog cards */
.gw-inner-page .blog-post-img-content,
.gw-inner-page .blog-post-content {
  background: var(--gw-surface);
  border: 1px solid var(--gw-border);
  border-radius: var(--gw-radius);
  overflow: hidden;
  box-shadow: var(--gw-shadow-sm);
  margin-bottom: 1.5rem;
}

.gw-inner-page .blog-post-content {
  padding: 1.25rem;
}

.gw-inner-page .blog-post-content h3 a {
  font-family: var(--gw-display);
  color: var(--gw-ink) !important;
}

.gw-inner-page .blog-post-content h3 a:hover {
  color: var(--gw-primary) !important;
}

.gw-inner-page .blog-date-cat,
.gw-inner-page .date-meta {
  color: var(--gw-ink-muted);
  font-size: 0.82rem;
}

/* Sidebars */
.gw-inner-page .side-bar,
.gw-inner-page .side-bar-widget,
.gw-inner-page .right-side-bar {
  background: transparent;
}

.gw-inner-page .side-bar-widget,
.gw-inner-page .right-side-bar .widget,
.gw-inner-page .blog-sidebar {
  background: var(--gw-surface);
  border: 1px solid var(--gw-border);
  border-radius: var(--gw-radius);
  padding: 1.25rem 1.35rem;
  margin-bottom: 1.25rem;
  box-shadow: var(--gw-shadow-sm);
}

.gw-inner-page .cat-item {
  border-radius: var(--gw-radius-sm);
  transition: background 0.2s;
}

.gw-inner-page .cat-item.active,
.gw-inner-page .cat-item:hover {
  background: var(--gw-primary-light) !important;
  color: var(--gw-primary) !important;
}

/* Pagination */
.gw-inner-page .pagination {
  gap: 0.35rem;
}

.gw-inner-page .page-link {
  border: 1px solid var(--gw-border) !important;
  border-radius: 999px !important;
  color: var(--gw-ink-muted) !important;
  background: #fff !important;
  min-width: 2.25rem;
  text-align: center;
}

.gw-inner-page .page-item.active .page-link {
  color: #fff !important;
  background: var(--gw-primary) !important;
  border-color: var(--gw-primary) !important;
}

.gw-inner-page .couse-pagination li.active {
  color: var(--gw-primary) !important;
}

/* Filters / tabs */
.gw-inner-page .short-filter-tab,
.gw-inner-page .listing-filter-form {
  background: var(--gw-surface);
  border: 1px solid var(--gw-border);
  border-radius: var(--gw-radius);
  padding: 1rem 1.15rem;
  margin-bottom: 1.5rem;
}

.gw-inner-page .product-tab li {
  border-radius: var(--gw-radius-sm);
}

.gw-inner-page .product-tab li.active {
  background: var(--gw-primary-light);
  color: var(--gw-primary);
}

/* Accordion / FAQ */
.gw-inner-page .panel,
.gw-inner-page .card.faq-card {
  border: 1px solid var(--gw-border) !important;
  border-radius: var(--gw-radius-sm) !important;
  overflow: hidden;
  margin-bottom: 0.65rem;
  background: #fff;
}

.gw-inner-page .panel .btn-link {
  color: var(--gw-ink) !important;
  font-weight: 600;
  width: 100%;
  text-align: left;
  padding: 1rem 1.15rem;
  text-decoration: none !important;
}

.gw-inner-page .panel .btn-link:hover {
  color: var(--gw-primary) !important;
}

/* Auth / account cards */
.gw-inner-page .gw-page-main > .row {
  max-width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
  padding: 2.5rem 24px 3.5rem;
}

.gw-inner-page .card {
  border: 1px solid var(--gw-border);
  border-radius: var(--gw-radius);
  box-shadow: var(--gw-shadow-sm);
  overflow: hidden;
}

.gw-inner-page .card-header {
  background: var(--gw-primary-light);
  border-bottom: 1px solid var(--gw-border);
  color: var(--gw-ink);
  font-family: var(--gw-display);
}

.gw-inner-page .card-body {
  background: #fff;
}

/* Contact */
.gw-inner-page .contact-content {
  background: var(--gw-surface);
  border: 1px solid var(--gw-border);
  border-radius: var(--gw-radius);
  padding: 1.5rem;
  box-shadow: var(--gw-shadow-sm);
}

.gw-inner-page .contact-address {
  background: var(--gw-primary-light);
  border-radius: var(--gw-radius-sm);
  padding: 1rem 1.15rem;
}

/* Cart / checkout tables */
.gw-inner-page .table {
  background: #fff;
  border-radius: var(--gw-radius);
  overflow: hidden;
}

.gw-inner-page .table thead th {
  background: var(--gw-primary-light);
  border-color: var(--gw-border);
  color: var(--gw-ink);
  font-weight: 600;
}

.gw-inner-page .table td,
.gw-inner-page .table th {
  border-color: var(--gw-border);
  vertical-align: middle;
}

/* Lesson / course player pages */
.gw-inner-page .course-details-section,
.gw-inner-page #course-details {
  background: transparent !important;
}

.gw-inner-page .course-details-item,
.gw-inner-page .course-side-bar-widget {
  background: var(--gw-surface);
  border: 1px solid var(--gw-border);
  border-radius: var(--gw-radius);
  box-shadow: var(--gw-shadow-sm);
}

.gw-inner-page .couse-feature ul li {
  border-color: var(--gw-border);
  color: var(--gw-ink-muted);
}

.gw-inner-page .couse-feature ul li span,
.gw-inner-page .couse-feature ul li span a {
  color: var(--gw-ink);
  font-weight: 600;
}

/* Modal */
.gw-inner-page .modal-content {
  border-radius: var(--gw-radius);
  border: 1px solid var(--gw-border);
  overflow: hidden;
}

.gw-inner-page .modal-header.gradient-bg {
  background: var(--gw-primary) !important;
}

/* Misc legacy resets */
.gw-inner-page .black,
.gw-inner-page .bold {
  color: inherit;
}

.gw-inner-page .sub-menu {
  border-radius: var(--gw-radius-sm);
  border: 1px solid var(--gw-border);
  box-shadow: var(--gw-shadow-sm);
}

@media (max-width: 767px) {
  .gw-inner-page .container,
  .gw-inner-page .gw-page-main > .row {
    width: calc(100% - 32px);
    padding-inline: 16px;
  }

  .gw-inner-page #breadcrumb.breadcrumb-section {
    padding: 1.75rem 0 1.5rem !important;
  }
}