/* Index.php 12px Font Sizes Override
   All fonts set to 12px for compact readability
   Target: ONLY index.php page elements
*/

/* ===== BASE FONT 12PX ===== */
html {
    font-size: 16px !important; /* Keep base 16px for rem calculations */
}

body {
    font-size: 0.75rem !important; /* 12px */
    line-height: 1.5 !important;
}

/* ===== ALL TEXT ELEMENTS TO 12PX ===== */
p, div, span, td, th, li, a, button, input, textarea, select, label {
    font-size: 0.75rem !important; /* 12px for all text */
}

/* ===== HEADING SIZES - SLIGHTLY LARGER THAN 12PX ===== */
h1, .section-title {
    font-size: 1rem !important; /* 16px - slightly larger for headings */
}

h2 {
    font-size: 0.875rem !important; /* 14px - medium heading */
}

h3 {
    font-size: 0.8125rem !important; /* 13px - small heading */
}

h4, h5, h6 {
    font-size: 0.75rem !important; /* 12px - same as body text */
}

/* ===== INDEX.PHP SPECIFIC ELEMENTS - ALL 12PX ===== */

/* Search Section */
.search-input {
    font-size: 0.75rem !important; /* 12px */
}

.search-form .btn-primary {
    font-size: 0.75rem !important; /* 12px */
}

/* Auction Table Elements */
.table-header {
    font-size: 0.75rem !important; /* 12px */
}

.table-header > div {
    font-size: 0.75rem !important;
}

.domain-row {
    font-size: 0.75rem !important;
}

.domain-name {
    font-size: 0.75rem !important; /* 12px */
}

.domain-price {
    font-size: 0.75rem !important; /* 12px */
}

.bid-count {
    font-size: 0.75rem !important; /* 12px */
}

.domain-time {
    font-size: 0.75rem !important; /* 12px */
}

/* Category System */
.category-pills .category-header {
    font-size: 0.75rem !important;
}

.category-pill {
    font-size: 0.75rem !important; /* 12px */
}

.category-name {
    font-size: 0.75rem !important;
}

.category-count {
    font-size: 0.75rem !important; /* 12px */
}

/* Toggle Buttons */
.toggle-btn {
    font-size: 0.75rem !important; /* 12px */
}

/* Platform Stats in Sidebar */
.header-stat span:first-child {
    font-size: 0.75rem !important;
}

.header-stat span:last-child {
    font-size: 0.75rem !important;
}

.header-stat strong {
    font-size: 0.75rem !important; /* 12px */
}

/* Tab Navigation */
.tab-btn {
    font-size: 0.75rem !important; /* 12px */
}

.tab-btn.active,
.tab-btn:hover {
    font-size: 0.75rem !important;
}

/* Sold Domains Section */
.sold-section-header {
    font-size: 0.75rem !important;
}

.sold-item {
    font-size: 0.75rem !important;
}

.sold-domain-name {
    font-size: 0.75rem !important; /* 12px */
}

.sold-price {
    font-size: 0.75rem !important; /* 12px */
}

.sold-time, .sold-month {
    font-size: 0.75rem !important; /* 12px */
}

.sold-rank {
    font-size: 0.75rem !important;
}

/* Not Sold Section */
.new-section-header {
    font-size: 0.75rem !important;
}

.new-section-item {
    font-size: 0.75rem !important;
}

.not-sold-header {
    font-size: 0.75rem !important; /* 12px */
}

.not-sold-status, .reserve-status, .bid-status {
    font-size: 0.75rem !important; /* 12px */
}

.not-sold-info {
    font-size: 0.75rem !important;
}

/* Portfolio Section */
.portfolio-header {
    font-size: 0.75rem !important;
}

.portfolio-item {
    font-size: 0.75rem !important;
}

.owner-link {
    font-size: 0.75rem !important; /* 12px */
}

/* Action Buttons */
.btn, .btn-sm {
    font-size: 0.75rem !important; /* 12px */
}

.action-buttons .btn-sm {
    font-size: 0.75rem !important;
}

.enquire-btn {
    font-size: 0.75rem !important; /* 12px */
}

.btn-buy, .btn-offer, .btn-enquiry, .btn-auction {
    font-size: 0.75rem !important;
}

/* Empty States */
.state-title {
    font-size: 1rem !important; /* 16px - slightly larger for titles */
}

.state-description {
    font-size: 0.75rem !important; /* 12px */
}

.state-icon {
    font-size: 2rem !important; /* 32px - larger icons for visibility */
}

/* Alert Messages */
.alert {
    font-size: 0.75rem !important; /* 12px */
}

/* Form Elements */
input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="number"],
textarea, select {
    font-size: 0.75rem !important; /* 12px */
}

label {
    font-size: 0.75rem !important; /* 12px */
}

::placeholder {
    font-size: 0.75rem !important; /* 12px */
}

/* Navigation */
.nav-link, .navbar-nav a {
    font-size: 0.75rem !important; /* 12px */
}

/* Tables */
table {
    font-size: 0.75rem !important;
}

table th, table td {
    font-size: 0.75rem !important; /* 12px */
}

/* Force override for any stubborn elements */
.auction-section *, 
.sidebar-section *, 
.sold-domains-container *, 
.new-sections-container * {
    font-size: 0.75rem !important;
}

/* Special override for icons and emojis to maintain visibility */
.domain-icon, .state-icon, .category-pill .category-name::before {
    font-size: 1rem !important; /* 16px - slightly larger for icons */
}

/* ===== RESPONSIVE 12PX ===== */
/* Keep 12px sizes across all screen sizes for consistency */
@media (max-width: 1024px) {
    html { font-size: 16px !important; }
    body, * { font-size: 0.75rem !important; }
    h1, .section-title { font-size: 1rem !important; }
    h2 { font-size: 0.875rem !important; }
}

@media (max-width: 768px) {
    html { font-size: 16px !important; }
    body, * { font-size: 0.75rem !important; }
    h1, .section-title { font-size: 1rem !important; }
    h2 { font-size: 0.875rem !important; }
}

@media (max-width: 480px) {
    html { font-size: 16px !important; }
    body, * { font-size: 0.75rem !important; }
    h1, .section-title { font-size: 1rem !important; }
    h2 { font-size: 0.875rem !important; }
}

/* ===== ACCESSIBILITY ===== */
/* Ensure all text meets minimum 12px requirement */
* {
    font-size: 0.75rem !important;
    min-font-size: 12px !important;
}

/* Final catch-all override */
body * {
    font-size: inherit !important;
}

body {
    font-size: 0.75rem !important;
}