/* WiseLeaf Size Optimization - Professional Journal Sizing */
/* This file reduces all elements slightly for a more professional, user-friendly look */

/* Root font size adjustment for proportional scaling */
html {
    font-size: 95%; /* Slightly reduce base font size from 100% to 95% */
}

/* Body and base typography - make slightly smaller */
body {
    font-size: 13px !important; /* Reduced from 14px */
    line-height: 1.5 !important; /* Slightly tighter line height */
}

/* Logo sizing - KEEP ORIGINAL SIZES - DO NOT REDUCE */
/* Logo and logo text sizes are maintained as per user request */

/* Header sizing */
.header {
    height: 80px !important; /* Reduced from 90px */
}

.header-links a {
    font-size: 12px !important; /* Reduced from 13px */
    padding: 6px 10px !important; /* Reduced from 8px 12px */
}

/* Navigation menu */
.nav-links a {
    font-size: 13px !important; /* Reduced from 14px */
    padding: 12px 18px !important; /* Reduced from 15px 22px */
}

/* Button sizing - reduce all buttons proportionally */
.btn, button, .auth-btn, .cta-btn, .submit-btn {
    padding: 10px 18px !important; /* Reduced from 12px 20px */
    font-size: 13px !important; /* Reduced from 14px */
}

.btn-primary, .btn-secondary {
    padding: 10px 20px !important; /* Reduced from 12px 24px */
    font-size: 13px !important;
}

/* Large buttons */
.btn-lg, .primary-btn {
    padding: 12px 24px !important; /* Reduced from 15px 30px */
    font-size: 14px !important; /* Reduced from 16px */
}

/* Card sizing */
.card {
    padding: 18px !important; /* Reduced from 20px */
}

.card h3 {
    font-size: 1.05rem !important; /* Reduced from 1.1rem */
    margin-bottom: 8px !important; /* Reduced from 10px */
}

.card p {
    font-size: 12px !important; /* Reduced from 13px */
    margin-bottom: 12px !important; /* Reduced from 15px */
}

.card-link {
    font-size: 12px !important; /* Reduced from 13px */
}

/* Image sizing - reduce proportionally */
.card-image {
    height: 180px !important; /* Reduced from 200px */
}

.hero-image, .banner-image {
    max-height: 350px !important; /* Add reasonable max height */
}

/* Section titles and headings */
.section-title, h1 {
    font-size: 2rem !important; /* Reduced from 2.5rem */
    margin-bottom: 16px !important; /* Reduced from 20px */
}

.section-subtitle, h2 {
    font-size: 1.6rem !important; /* Reduced from 1.8rem */
    margin-bottom: 14px !important; /* Reduced from 18px */
}

h3 {
    font-size: 1.25rem !important; /* Reduced from 1.4rem */
    margin-bottom: 10px !important; /* Reduced from 12px */
}

h4 {
    font-size: 1.1rem !important; /* Reduced from 1.2rem */
    margin-bottom: 8px !important; /* Reduced from 10px */
}

h5 {
    font-size: 1.05rem !important; /* Reduced from 1.1rem */
}

h6 {
    font-size: 0.95rem !important; /* Reduced from 1rem */
}

/* Footer sizing */
.footer {
    padding: 40px 18px 16px !important; /* Reduced from 50px 20px 20px */
}

.footer-column h4 {
    font-size: 13px !important; /* Reduced from 14px */
    margin-bottom: 12px !important; /* Reduced from 15px */
}

.footer-column ul li {
    margin-bottom: 8px !important; /* Reduced from 10px */
}

.footer-column a {
    font-size: 12px !important; /* Reduced from default */
}

/* Container padding */
.container {
    padding: 0 18px !important; /* Reduced from 20px */
}

.section {
    padding: 50px 0 !important; /* Reduced from 60px */
}

/* Forms and inputs */
input, textarea, select {
    padding: 8px 12px !important; /* Reduced from 10px 14px */
    font-size: 13px !important; /* Reduced from 14px */
}

.form-group {
    margin-bottom: 16px !important; /* Reduced from 20px */
}

label {
    font-size: 12px !important; /* Reduced from 13px */
    margin-bottom: 6px !important; /* Reduced from 8px */
}

/* Book catalog specific sizing */
.book-card {
    margin-bottom: 20px !important; /* Reduced from 25px */
}

.book-cover {
    width: 85px !important; /* Reduced from 100px */
    height: 115px !important; /* Reduced from 130px */
    font-size: 0.75rem !important; /* Reduced from 0.8rem */
}

.book-image {
    min-width: 120px !important; /* Reduced from 140px */
    max-width: 120px !important;
    padding: 16px !important; /* Reduced from 20px */
}

.book-content {
    padding: 20px 24px !important; /* Reduced from 25px 30px */
}

.book-title {
    font-size: 1.25rem !important; /* Reduced from 1.4rem */
    margin-bottom: 6px !important; /* Reduced from 8px */
}

.book-author {
    font-size: 0.9rem !important; /* Reduced from 1rem */
    margin-bottom: 10px !important; /* Reduced from 12px */
}

.book-description {
    font-size: 0.9rem !important; /* Reduced from 0.95rem */
    margin-bottom: 12px !important; /* Reduced from 15px */
}

.book-btn {
    padding: 8px 16px !important; /* Reduced from 10px 20px */
    font-size: 0.85rem !important; /* Reduced from 0.9rem */
    min-width: 100px !important; /* Reduced from 120px */
}

/* Journal page sizing */
.journals-header h1, .books-header h1 {
    font-size: 3rem !important; /* Reduced from 3.5rem */
    margin-bottom: 16px !important; /* Reduced from 20px */
}

.journals-header p, .books-header p {
    font-size: 1.15rem !important; /* Reduced from 1.3rem */
}


/* Filters and search */
.filters-title {
    font-size: 1.25rem !important; /* Reduced from 1.4rem */
    margin-bottom: 20px !important; /* Reduced from 25px */
}

.filter-input, .filter-select {
    padding: 8px 12px !important; /* Reduced from 10px 15px */
    font-size: 12px !important; /* Reduced from 13px */
}

/* Stats and counters */
.stat-number, .counter-number {
    font-size: 2.2rem !important; /* Reduced from 2.5rem */
    margin-bottom: 8px !important; /* Reduced from 10px */
}

/* Testimonials and quotes */
.testimonial, .quote-box {
    padding: 20px !important; /* Reduced from 25px */
    margin: 24px 0 !important; /* Reduced from 30px */
}

/* Pricing tables */
.pricing-table, .service-pricing {
    padding: 24px !important; /* Reduced from 30px */
}

.price {
    font-size: 2.2rem !important; /* Reduced from 2.5rem */
    margin-bottom: 16px !important; /* Reduced from 20px */
}

/* Modal and dialog sizing */
.modal, .dialog {
    padding: 20px !important; /* Reduced from default */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    html {
        font-size: 90%; /* Further reduce on mobile */
    }
    
    .logo {
        font-size: 1.3rem !important;
        padding: 5px 8px !important;
    }
    
    .logo i {
        font-size: 1.8rem !important;
        margin-right: 8px !important;
    }
    
    .logo-img {
        height: 55px !important;
        max-width: 160px !important;
    }
    
    .section-title, h1 {
        font-size: 1.7rem !important;
    }
    
    .section-subtitle, h2 {
        font-size: 1.4rem !important;
    }
    
    .btn, button {
        padding: 8px 14px !important;
        font-size: 12px !important;
    }
    
    .book-cover {
        width: 70px !important;
        height: 95px !important;
    }
    
    .book-image {
        min-width: 100px !important;
        max-width: 100px !important;
        padding: 12px !important;
    }
    
    .book-content {
        padding: 16px !important;
    }
    
    .book-title {
        font-size: 1.1rem !important;
    }
}

@media (max-width: 480px) {
    html {
        font-size: 85%; /* Even smaller on very small screens */
    }
    
    .section {
        padding: 30px 0 !important; /* Much smaller section padding */
    }
    
    .container {
        padding: 0 12px !important; /* Tighter container padding */
    }
}

/* Ensure readability is maintained */
@media print {
    html {
        font-size: 100% !important; /* Reset to full size for printing */
    }
}

/* Animation and transition speed adjustments */
* {
    transition-duration: 0.2s !important; /* Faster transitions for snappier feel */
}

/* Ensure minimum touch targets for accessibility */
.btn, button, a {
    min-height: 32px !important; /* Ensure buttons are still touchable */
    min-width: 32px !important;
}