/*
Theme Name: Ashoka World Educational Campus (AIMS)
Theme URI: https://aimspune.com/
Author: Techmates Solutions 
Author URI: https://techmates-solutions.com/
Description: A premium, modern academic WordPress theme custom-built for Ashoka World Educational Campus. Features Tailwind CSS and custom post types for maximum performance and flexibility.
Version: 1.0.0
Text Domain: aims
*/

/* * Custom global styles extracted from HTML templates.
 * Tailwind CSS is loaded and configured dynamically via functions.php 
 */

html { 
    scroll-behavior: smooth; 
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    overflow: hidden;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    overflow: hidden;
}

/* Hide scrollbars for horizontal scrolling containers */
.hide-scrollbar::-webkit-scrollbar,
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar,
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.blog-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Custom File Input Styling for Forms */
input[type="file"]::file-selector-button {
    margin-right: 16px;
    padding: 8px 16px;
    border-radius: 50px;
    border: none;
    background-color: #eef2fc;
    color: #263e76;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

input[type="file"]::file-selector-button:hover {
    background-color: #dbeafe;
}

/* Checkbox Styling */
input[type="checkbox"] {
    accent-color: #709d30;
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
}

/* Form Field Transitions */
.form-input {
    transition: all 0.3s ease;
}

.form-input:focus {
    box-shadow: 0 0 0 4px rgba(38, 62, 118, 0.1);
}