/*
Theme Name: Hamnus Education Theme
Theme URI: https://hamnus.com
Description: Professional LMS-styled educational theme for Hamnus.com - A modern learning platform featuring courses, tutorials, and educational resources for Filipino students. Built as a child theme of EduPress with LearnPress LMS integration.
Author: Hamnus
Author URI: https://hamnus.com
Template: edupress
Version: 2.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hamnus-theme
Tags: education, lms, courses, learning, two-columns, custom-colors, custom-menu, featured-images, theme-options
*/

/* ==========================================================================
   HAMNUS EDUCATION THEME - Main Stylesheet

   This file imports all modular CSS components.
   Individual component styles are located in /assets/css/

   File Structure:
   ├── style.css (this file)
   └── assets/css/
       ├── variables.css   - CSS Custom Properties
       ├── base.css        - Typography, Reset, Utilities
       ├── header.css      - Header & Navigation
       ├── hero.css        - Hero Sections
       ├── cards.css       - Post & Course Cards
       ├── sidebar.css     - Sidebar & Widgets
       ├── footer.css      - Footer Styles
       └── learnpress.css  - LearnPress LMS Styles
   ========================================================================== */

/* Note: CSS files are enqueued via functions.php for better performance.
   The styles below serve as fallback and contain critical path CSS. */

/* ==========================================================================
   CRITICAL PATH CSS (Inline for faster render)
   ========================================================================== */

:root {
  --hamnus-primary: #1e3a5f;
  --hamnus-primary-light: #2d5a87;
  --hamnus-accent: #0d9488;
  --hamnus-accent-dark: #0f766e;
  --hamnus-white: #ffffff;
  --hamnus-gray-50: #f8fafc;
  --hamnus-gray-100: #f1f5f9;
  --hamnus-gray-200: #e2e8f0;
  --hamnus-gray-600: #475569;
  --hamnus-gray-700: #334155;
  --hamnus-gray-800: #1e293b;
  --hamnus-gray-900: #0f172a;
  --hamnus-font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --hamnus-radius-lg: 0.5rem;
  --hamnus-radius-xl: 0.75rem;
  --hamnus-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  --hamnus-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
  --hamnus-container-max: 1200px;
}

body {
  font-family: var(--hamnus-font-sans) !important;
  background: var(--hamnus-gray-50);
  color: var(--hamnus-gray-700);
}

/* Header Critical */
.site-header {
  background: var(--hamnus-white) !important;
  border-bottom: 1px solid var(--hamnus-gray-200);
  position: sticky;
  top: 0;
  z-index: 1000;
}

.wrapper-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.5rem 1.5rem !important;
  max-width: var(--hamnus-container-max);
  margin: 0 auto;
}

.site-branding {
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem;
  padding: 0 !important;
}

.site-branding img,
.custom-logo {
  height: 32px !important;
  width: auto !important;
}

.site-branding::after {
  content: "Hamnus";
  font-family: var(--hamnus-font-sans);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--hamnus-primary);
}

.site-title { display: none !important; }

/* Navigation Critical */
#site-primary-menu {
  display: flex !important;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

#site-primary-menu > li > a {
  padding: 0.35rem 0.6rem !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  color: var(--hamnus-gray-600) !important;
  border-radius: 4px;
}

#site-primary-menu > li > a:hover,
#site-primary-menu > li.current-menu-item > a {
  color: var(--hamnus-accent) !important;
  background: var(--hamnus-gray-50) !important;
}

#site-mobile-menu-toggle { display: none !important; }

/* Cards Critical */
article.hentry,
.ilovewp-post {
  background: var(--hamnus-white);
  border-radius: var(--hamnus-radius-xl);
  box-shadow: var(--hamnus-shadow-md);
  margin-bottom: 1.5rem;
  border: 1px solid var(--hamnus-gray-100);
  display: flex !important;
  gap: 1rem;
  padding: 1rem !important;
}

.post-cover-wrapper,
.post-cover {
  min-width: 240px !important;
  width: 240px !important;
}

.post-cover img {
  width: 240px !important;
  height: 160px !important;
  object-fit: cover !important;
  border-radius: var(--hamnus-radius-lg) !important;
}

.title-post,
.entry-title {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
}

.title-post a,
.entry-title a {
  color: var(--hamnus-gray-900) !important;
}

.title-post a:hover,
.entry-title a:hover {
  color: var(--hamnus-accent) !important;
}

/* Footer Critical */
.site-footer {
  background: var(--hamnus-gray-900) !important;
  color: var(--hamnus-gray-400) !important;
  padding: 3rem 0 1.5rem !important;
  margin-top: 3rem;
}

/* Responsive */
@media (max-width: 900px) {
  #site-mobile-menu-toggle { display: block !important; }
  #site-header-menu { display: none !important; }
}

@media (max-width: 768px) {
  .ilovewp-post { flex-direction: column; }
  .post-cover-wrapper,
  .post-cover { width: 100% !important; min-width: 100% !important; }
  .post-cover img { width: 100% !important; height: 200px !important; }
}