/**
 * Global Font Size Override - 10px Base
 * Home2.0 Real Estate Platform
 */

/* Global 11px font size override */
html {
    font-size: 11px !important;
}

body {
    font-size: 11px !important;
    line-height: 1.6;
}

/* Headings with proportional scaling */
h1 { font-size: 21px !important; }
h2 { font-size: 17px !important; }
h3 { font-size: 15px !important; }
h4 { font-size: 13px !important; }
h5 { font-size: 12px !important; }
h6 { font-size: 11px !important; }

/* Form elements */
input, textarea, select, button {
    font-size: 11px !important;
}

/* Navigation */
.nav-link, .navbar-nav .nav-link {
    font-size: 11px !important;
}

/* Cards and content */
.card-title { font-size: 12px !important; }
.card-text, .card-body { font-size: 11px !important; }

/* Buttons */
.btn, button {
    font-size: 11px !important;
    padding: 8px 12px !important;
}

/* Tables */
table, th, td {
    font-size: 11px !important;
}

/* Labels and small text */
label, small, .small {
    font-size: 10px !important;
}

/* Property cards */
.property-card .price {
    font-size: 13px !important;
    font-weight: 600;
}

.property-card .title {
    font-size: 12px !important;
}

.property-card .details {
    font-size: 10px !important;
}

/* Admin panel specific */
.admin-sidebar .nav-link {
    font-size: 11px !important;
}

.admin-content {
    font-size: 11px !important;
}

/* Dashboard stats */
.stat-number {
    font-size: 17px !important;
}

.stat-label {
    font-size: 10px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    html, body {
        font-size: 10px !important;
    }
    
    h1 { font-size: 19px !important; }
    h2 { font-size: 15px !important; }
    h3 { font-size: 13px !important; }
}

/* Ensure icons scale appropriately */
.icon-small { font-size: 13px !important; }
.icon-medium { font-size: 17px !important; }
.icon-large { font-size: 21px !important; }

/* Form inputs need proper sizing */
.form-control, .form-select {
    font-size: 11px !important;
    padding: 6px 10px !important;
}

/* Cursive fonts maintain readability */
.cursive-text, .hero-subtitle {
    font-size: 13px !important;
}

/* Ensure minimum readability for important elements */
.alert {
    font-size: 11px !important;
}

.modal-body, .modal-title {
    font-size: 11px !important;
}

.modal-title {
    font-size: 13px !important;
    font-weight: 600;
}