/**
 * IYA Medical - Modern Font Override
 * Uses Inter font family for a clean, modern look
 * This file should be loaded AFTER style.css
 */

/* Import Inter Font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* ======================
   GLOBAL FONT RESET
====================== */
:root {
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Apply Inter to EVERYTHING */
html {
    font-family: var(--font-primary) !important;
}

body {
    font-family: var(--font-primary) !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #1f2937;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* All text elements */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-primary) !important;
    font-weight: 700;
    line-height: 1.2;
    color: #0f172a;
    letter-spacing: -0.025em;
}

h1, .h1 { font-size: 2.5rem; font-weight: 800; }
h2, .h2 { font-size: 2rem; font-weight: 700; }
h3, .h3 { font-size: 1.5rem; font-weight: 700; }
h4, .h4 { font-size: 1.25rem; font-weight: 600; }
h5, .h5 { font-size: 1.125rem; font-weight: 600; }
h6, .h6 { font-size: 1rem; font-weight: 600; }

p, span, div, a, li, td, th, label, input, textarea, select, button {
    font-family: var(--font-primary) !important;
}

/* Specific overrides for all classes using old fonts */
.f-roboto,
.f-roboto-light,
.f-roboto-regular,
.f-roboto-medium,
.f-roboto-semibold,
.f-roboto-bold,
.f-roboto-extrabold,
.f-roboto-italic,
.f-poppins,
.f-poppins-light,
.f-poppins-regular,
.f-poppins-medium,
.f-poppins-semibold,
.f-poppins-bold,
.f-poppins-extrabold,
.f-poppins-italic {
    font-family: var(--font-primary) !important;
}

.f-roboto-light, .f-poppins-light { font-weight: 300 !important; }
.f-roboto-regular, .f-poppins-regular { font-weight: 400 !important; }
.f-roboto-medium, .f-poppins-medium { font-weight: 500 !important; }
.f-roboto-semibold, .f-poppins-semibold { font-weight: 600 !important; }
.f-roboto-bold, .f-poppins-bold { font-weight: 700 !important; }
.f-roboto-extrabold, .f-poppins-extrabold { font-weight: 800 !important; }
.f-roboto-italic, .f-poppins-italic { font-style: italic !important; }

/* ======================
   NAVBAR FONTS
====================== */
.navbar,
.navbar-nav,
.nav-link,
.navbar-brand,
.dropdown-menu,
.dropdown-item {
    font-family: var(--font-primary) !important;
}

.nav-link {
    font-weight: 500 !important;
    font-size: 0.9375rem !important;
    letter-spacing: 0 !important;
}

.dropdown-item {
    font-weight: 400 !important;
    font-size: 0.9375rem !important;
}

/* ======================
   HEADER ELEMENTS
====================== */
.mainHeader,
.topBar,
.middBar,
.headerLogo {
    font-family: var(--font-primary) !important;
}

.cta-appointment-link,
.cta-appointment-link a {
    font-family: var(--font-primary) !important;
    font-weight: 500 !important;
}

/* ======================
   HERO / SLIDER SECTION
====================== */
.slider-section,
.hero-section,
.carousel,
.owl-carousel {
    font-family: var(--font-primary) !important;
}

.slider-section h1,
.slider-section h2,
.slider-section h3,
.hero-title,
.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3 {
    font-family: var(--font-primary) !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
}

.slider-section p,
.hero-subtitle,
.carousel-caption p {
    font-family: var(--font-primary) !important;
    font-weight: 400 !important;
}

/* ======================
   STATS / COUNTER SECTION
====================== */
.stats-section,
.counter-section,
.stat-item,
.counter-item {
    font-family: var(--font-primary) !important;
}

.stat-number,
.counter-number,
.stats-section h2,
.stats-section h3 {
    font-family: var(--font-primary) !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
}

.stat-label,
.counter-label,
.stats-section p {
    font-family: var(--font-primary) !important;
    font-weight: 500 !important;
}

/* ======================
   SECTION TITLES
====================== */
.section-title,
.section-heading,
.section-head h2,
.secton-head h2,
.text-title,
.text-lead {
    font-family: var(--font-primary) !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
}

.section-subtitle,
.section-description {
    font-family: var(--font-primary) !important;
    font-weight: 400 !important;
}

/* ======================
   CARDS
====================== */
.card,
.card-title,
.card-text,
.card-header,
.card-body,
.card-footer {
    font-family: var(--font-primary) !important;
}

.card-title {
    font-weight: 600 !important;
}

.card-text {
    font-weight: 400 !important;
}

/* Service Cards */
.service-card,
.service-card-title,
.service-card-text,
.service-item,
.service-box {
    font-family: var(--font-primary) !important;
}

.service-card-title,
.service-item h4,
.service-box h4 {
    font-weight: 600 !important;
}

/* ======================
   BUTTONS
====================== */
.btn,
button,
input[type="button"],
input[type="submit"] {
    font-family: var(--font-primary) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

.button-white-text-transparent,
.button-border-white,
.button-transparent-white-text,
.button-bubble-pop {
    font-family: var(--font-primary) !important;
    font-weight: 600 !important;
}

/* ======================
   FORMS
====================== */
.form-control,
.form-label,
.form-text,
input,
textarea,
select,
.input-group-text {
    font-family: var(--font-primary) !important;
}

.form-control {
    font-weight: 400 !important;
    font-size: 1rem !important;
}

.form-label {
    font-weight: 500 !important;
}

/* ======================
   FOOTER
====================== */
.main-footer,
.main-footer h6,
.main-footer p,
.main-footer a,
.main-footer li {
    font-family: var(--font-primary) !important;
}

.main-footer h6 {
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
}

/* ======================
   TESTIMONIALS
====================== */
.testimonial-section,
.testimonial-card,
.testimonial-text,
.testimonial-name,
.testimonial-role {
    font-family: var(--font-primary) !important;
}

.testimonial-text {
    font-weight: 400 !important;
    font-style: normal !important;
}

.testimonial-name {
    font-weight: 600 !important;
}

/* ======================
   DOCTOR / TEAM CARDS
====================== */
.doctor-card,
.doctor-card-name,
.doctor-card-specialty,
.doctor-info,
.team-member {
    font-family: var(--font-primary) !important;
}

.doctor-card-name,
.doctor-info h4 {
    font-weight: 700 !important;
}

.doctor-card-specialty {
    font-weight: 500 !important;
}

/* ======================
   ABOUT / PAGES
====================== */
.about-section,
.page-content,
.content-section {
    font-family: var(--font-primary) !important;
}

/* ======================
   CONTACT
====================== */
.contact-section,
.contact-info,
.contact-form {
    font-family: var(--font-primary) !important;
}

/* ======================
   BADGES
====================== */
.badge {
    font-family: var(--font-primary) !important;
    font-weight: 600 !important;
}

/* ======================
   TABLES
====================== */
.table,
.table th,
.table td {
    font-family: var(--font-primary) !important;
}

.table th {
    font-weight: 600 !important;
}

/* ======================
   ALERTS
====================== */
.alert {
    font-family: var(--font-primary) !important;
}

/* ======================
   BREADCRUMB
====================== */
.breadcrumb,
.breadcrumb-item,
.breadcrumb-item a {
    font-family: var(--font-primary) !important;
    font-weight: 500 !important;
}

/* ======================
   MOBILE MENU
====================== */
#sidebar,
#sidebar a,
.metismenu,
.metismenu a {
    font-family: var(--font-primary) !important;
}

/* ======================
   MODALS
====================== */
.modal,
.modal-title,
.modal-body,
.modal-footer {
    font-family: var(--font-primary) !important;
}

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

/* ======================
   ACCORDION
====================== */
.accordion,
.accordion-button,
.accordion-body {
    font-family: var(--font-primary) !important;
}

.accordion-button {
    font-weight: 500 !important;
}

/* ======================
   LOGIN PAGE
====================== */
.login-wrapper,
.login-card,
.login-header,
.login-body {
    font-family: var(--font-primary) !important;
}

.login-header h2 {
    font-weight: 700 !important;
}

/* ======================
   DASHBOARD / INFO BOXES
====================== */
.info-box,
.info-box-text,
.info-box-number {
    font-family: var(--font-primary) !important;
}

.info-box-number {
    font-weight: 800 !important;
}

.info-box-text {
    font-weight: 500 !important;
}

/* ======================
   SEARCH
====================== */
.dropdown-search,
.search-input-wrapper,
.search-results-list {
    font-family: var(--font-primary) !important;
}

/* ======================
   SPECIFIC TEXT CLASSES
====================== */
.text-lead {
    font-size: 3rem !important;
    font-weight: 800 !important;
}

.text-title {
    font-size: 2.25rem !important;
    font-weight: 700 !important;
}

/* ======================
   MISC OVERRIDES
====================== */
.helpInfo,
.helpInfo-title,
.subText {
    font-family: var(--font-primary) !important;
}

.notice-bar {
    font-family: var(--font-primary) !important;
}

/* Japanese pattern section - keep text readable */
.japanese-pattern {
    font-family: var(--font-primary) !important;
}

/* Newsletter */
.newsletter,
.newsletter .form-control,
.newsletter .btn {
    font-family: var(--font-primary) !important;
}

/* ======================
   RESPONSIVE FONT SIZES
====================== */
@media (max-width: 1199.98px) {
    h1, .h1 { font-size: 2.25rem; }
    h2, .h2 { font-size: 1.875rem; }
    .text-lead { font-size: 2.5rem !important; }
    .text-title { font-size: 2rem !important; }
}

@media (max-width: 991.98px) {
    h1, .h1 { font-size: 2rem; }
    h2, .h2 { font-size: 1.75rem; }
    .text-lead { font-size: 2.25rem !important; }
    .text-title { font-size: 1.75rem !important; }
}

@media (max-width: 767.98px) {
    body {
        font-size: 15px;
    }

    h1, .h1 { font-size: 1.75rem; }
    h2, .h2 { font-size: 1.5rem; }
    h3, .h3 { font-size: 1.25rem; }

    .text-lead { font-size: 1.75rem !important; }
    .text-title { font-size: 1.5rem !important; }

    .nav-link {
        font-size: 1rem !important;
    }
}

@media (max-width: 575.98px) {
    h1, .h1 { font-size: 1.5rem; }
    h2, .h2 { font-size: 1.375rem; }

    .text-lead { font-size: 1.5rem !important; }
    .text-title { font-size: 1.375rem !important; }
}