/*
Theme Name: Lectus Academy Theme
Theme URI: https://lectusacademy.com
Author: Lectus Team
Author URI: https://lectusacademy.com
Description: Professional WordPress theme for Lectus Class System - Online Education Platform with Tailwind CSS
Version: 2.15.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lectus-academy
Tags: education, lms, courses, e-learning, responsive, woocommerce, tailwind
*/

/* Tailwind CSS is loaded via style-tailwind.css */
/* NanumSquare font is loaded via CDN (nanumsquare.css) in functions.php */

/* Global font-family */
body {
    font-family: 'NanumSquare', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* NanumSquare weight helpers for Tailwind arbitrary values */
.font-\[NanumSquare\:ExtraBold\],
.font-\[NanumSquare\:Bold\] {
    font-family: 'NanumSquare', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.font-\[NanumSquare\:ExtraBold\] {
    font-weight: 800 !important;
}

.font-\[NanumSquare\:Bold\] {
    font-weight: 700 !important;
}

/* Course Intro Markdown Styles */
#overview-details a {
    color: #30b2e5;
    text-decoration: underline;
    transition: color 0.2s ease;
}

#overview-details a:hover {
    color: #0284c7;
}

/* User Dropdown Menu */
.user-dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s 0.2s;
}

.user-dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 0.2s ease, transform 0.2s ease;
    display: block !important;
}

/* Custom Logo Styles */
.site-branding {
    display: flex;
    align-items: center;
}

.site-branding .site-logo {
    display: block;
    width: 100%;
    max-width: 160px;
}

.site-branding .custom-logo {
    width: 100%;
    height: auto;
    max-height: 48px;
    object-fit: contain;
    display: block;
}

/* Responsive logo sizing */
@media (max-width: 640px) {
    .site-branding {
        width: 128px;
    }

    .site-branding .custom-logo {
        max-height: 40px;
    }
}

@media (min-width: 640px) {
    .site-branding {
        width: 160px;
    }

    .site-branding .custom-logo {
        max-height: 48px;
    }
}