/* ============================================
   KHAZEENA-E-KUTUB UNIFIED TYPOGRAPHY SYSTEM
   ============================================ */

@font-face {
    font-family: 'Payami Nastaleeq';
    src: url('../fonts/Payami Nastaleeq.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-urdu: 'Payami Nastaleeq', serif;
    --font-english: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --line-height-urdu: 2.2;
    --line-height-english: 1.6;
    --urdu-direction: rtl;
    --english-direction: ltr;
}

/* ===== BASE URDU TEXT - RTL by default ===== */
.urdu,
[lang="ur"],
.urdu-text,
.urdu-paragraph,
.urdu-label,
.urdu-link,
.urdu span,
.urdu p,
.urdu div:not(.urdu-title):not(.urdu-heading),
[data-language="urdu"] {
    font-family: var(--font-urdu) !important;
    line-height: var(--line-height-urdu) !important;
    direction: var(--urdu-direction) !important;
    text-align: right !important;
    font-weight: normal !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

/* ===== URDU HEADINGS - CENTER ALIGNED ===== */
h1.urdu,
h2.urdu,
h3.urdu,
h4.urdu,
h5.urdu,
h6.urdu,
.urdu-title,
.urdu-heading,
.urdu.auth-title,
.urdu.auth-subtitle,
.page-title-urdu,
.section-title-urdu,
.hero-slide .urdu,
.quote-block .urdu,
.package-title-urdu-header,
.invoice-header .urdu {
    font-family: var(--font-urdu) !important;
    line-height: var(--line-height-urdu) !important;
    direction: var(--urdu-direction) !important;
    text-align: center !important;
    font-weight: normal !important;
}

/* ===== MIXED CONTENT (Urdu & English together) ===== */
.mixed-content,
[data-language="mixed"],
.book-title-container,
.mixed-title,
.item-details,
.cart-item-details,
.order-item-details {
    font-family: var(--font-english) !important;
    direction: var(--english-direction) !important;
    text-align: left !important;
}

.mixed-content .urdu,
.mixed-content [lang="ur"],
.book-title-container .urdu,
.mixed-title .urdu,
.item-details .urdu,
.cart-item-details .urdu,
.order-item-details .urdu {
    font-family: var(--font-urdu) !important;
    direction: var(--urdu-direction) !important;
    text-align: left !important;
    display: inline-block;
}

/* ===== ENGLISH TEXT ===== */
.english,
[lang="en"],
.english-text,
.english-title,
.english-heading,
.english-paragraph,
.english-button,
.english-link,
.english span,
.english p,
.english div,
[data-language="english"] {
    font-family: var(--font-english) !important;
    line-height: var(--line-height-english) !important;
    direction: var(--english-direction) !important;
    text-align: left !important;
    font-weight: 400 !important;
}

/* ===== ENGLISH CENTERED (for headings) ===== */
.english.centered,
.english-title.centered,
h1.english,
h2.english,
h3.english,
.page-title-english {
    text-align: center !important;
}

/* ===== INPUT FIELDS ===== */
.auto-input {
    width: 100%;
    padding: 0.8rem 1rem;
    background: #2A4A7A;
    border: 1px solid #3A5A7A;
    border-radius: 8px;
    color: #FDF6E9;
    font-size: 1rem;
    transition: all 0.3s;
    font-family: var(--font-english);
}

.auto-input:focus {
    outline: none;
    border-color: #D4AF37;
    background: #1E3A5F;
}

.auto-input.urdu-mode {
    font-family: var(--font-urdu) !important;
    direction: var(--urdu-direction) !important;
    text-align: right !important;
    font-size: 1.2rem !important;
}

.auto-input.urdu-mode::placeholder {
    font-family: var(--font-urdu) !important;
    color: #8A9BB5;
    opacity: 0.8;
    font-size: 1rem;
}

.auto-input.english-mode {
    font-family: var(--font-english) !important;
    direction: var(--english-direction) !important;
    text-align: left !important;
}

.auto-input.english-mode::placeholder {
    font-family: var(--font-english) !important;
    color: #8A9BB5;
    opacity: 0.8;
}

/* ===== ADDRESS DISPLAY (Special case) ===== */
.address-display,
.shipping-address,
.billing-address {
    font-family: var(--font-english) !important;
    direction: var(--english-direction) !important;
    text-align: left !important;
}

.address-display .urdu,
.shipping-address .urdu,
.billing-address .urdu {
    font-family: var(--font-urdu) !important;
    direction: var(--urdu-direction) !important;
    text-align: left !important;
    display: block;
}

/* ===== BOOK TITLES IN LISTS ===== */
.book-title-urdu {
    font-family: var(--font-urdu) !important;
    direction: var(--urdu-direction) !important;
    text-align: left !important;
    color: #D4AF37;
    line-height: var(--line-height-urdu);
}

.book-title-english {
    font-family: var(--font-english) !important;
    direction: var(--english-direction) !important;
    text-align: left !important;
    color: #666;
    font-size: 0.9rem;
}

/* ===== CART ITEMS ===== */
.cart-item-title-urdu,
.order-item-title-urdu {
    font-family: var(--font-urdu) !important;
    direction: var(--urdu-direction) !important;
    text-align: left !important;
    color: #D4AF37;
}

.cart-item-title-english,
.order-item-title-english {
    font-family: var(--font-english) !important;
    direction: var(--english-direction) !important;
    text-align: left !important;
}

/* ===== INVOICE SPECIFIC ===== */
.invoice-container .urdu:not(.invoice-header .urdu) {
    text-align: left !important;
}

.invoice-header .urdu {
    text-align: center !important;
}

.invoice-details-left .urdu {
    text-align: left !important;
}

/* ===== INPUT HINTS ===== */
.input-hint {
    display: block;
    margin-top: 0.3rem;
    font-size: 0.75rem;
    color: #8A9BB5;
    font-family: var(--font-english);
}

.input-hint.urdu {
    font-family: var(--font-urdu) !important;
    direction: var(--urdu-direction) !important;
    text-align: right !important;
    color: #D4AF37;
}

/* ===== RESPONSIVE ADJUSTMENTS ===== */
@media (max-width: 768px) {
    .mixed-content,
    .book-title-container,
    .address-display {
        text-align: left !important;
    }

    .mixed-content .urdu,
    .book-title-container .urdu,
    .address-display .urdu {
        text-align: left !important;
    }
}

/* ===== UTILITY CLASSES ===== */
.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.rtl {
    direction: rtl !important;
}

.ltr {
    direction: ltr !important;
}