/*
Theme Name: NeedTech IT
Theme URI: https://bd.needtechit.com
Author: NeedTech IT
Author URI: https://bd.needtechit.com
Description: Premium, career-focused EdTech and Course Marketplace theme for NeedTech IT ("Learn • Build • Grow", Sreemangal, Sylhet, Bangladesh). Featuring royal blue/cyan visual styling, interactive marketplace course cards, FOMO urgency engines, and responsive student portal interfaces.
Version: 3.8.0
License: Proprietary
License URI: https://bd.needtechit.com/terms
Text Domain: needtech-it
Tags: education, edtech, lms, course-marketplace, responsive-layout, custom-colors
*/

/* --------------------------------------------------------------------------
   Root Viewport Scrollport & Sticky Header Guarantees
   (Stylesheets are enqueued via functions.php with dynamic version strings)
   -------------------------------------------------------------------------- */
html, body {
  overflow-x: visible !important;
}

.main-header {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* WordPress Admin Bar Compatibility */
.admin-bar .main-header {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  .admin-bar .main-header {
    top: 46px !important;
  }
}

/* Enforce logo dimension constraints */
.brand-logo,
.brand-logo-wrap,
.custom-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  max-height: 48px !important;
  height: 48px !important;
}

.brand-logo img,
.brand-logo-wrap img,
.custom-logo-link img,
img.custom-logo {
  height: 44px !important;
  max-height: 44px !important;
  width: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Smooth Scrolling & Typography Anti-Aliasing */
html {
  scroll-behavior: smooth !important;
  scroll-padding-top: 88px !important;
}

body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}