/* ============================================
   THOTH.AI - Coptic & Hieroglyph Font Applications
   ============================================ */

/* Apply Antinoou font to all Coptic text */
.coptic-text,
.message-content strong,
[lang="cop"],
.coptic-example {
    font-family: 'Antinoou', serif !important;
}

/* Apply EgyptianHiero font to all hieroglyphs */
.hieroglyph-text,
[lang="egy"],
.hieroglyph-example {
    font-family: 'EgyptianHiero', serif !important;
}

/* Special styling for Coptic in examples */
.example-content .query,
.example-content .result {
    font-family: 'Antinoou', 'Courier New', monospace;
}

/* Coptic in credentials */
.hieroglyph-text.credential {
    font-family: 'EgyptianHiero', serif;
    font-size: 24px;
    letter-spacing: 2px;
}

/* Format note styling */
.format-note ul li {
    font-family: 'Antinoou', var(--font-body);
}

/* Welcome message hieroglyphs */
.welcome-message h3 {
    font-family: var(--font-elegant);
}

.welcome-message h3::before {
    content: '𓂧𓎛𓅱𓏏𓀭';
    font-family: 'EgyptianHiero', serif;
    margin-right: 10px;
    color: var(--primary-gold);
}

/* Section titles with hieroglyphs */
.section-title.with-hieroglyph::before {
    content: '𓂧𓎛𓅱𓏏𓀭';
    font-family: 'EgyptianHiero', serif;
    display: block;
    font-size: 0.6em;
    opacity: 0.5;
    margin-bottom: 10px;
}

/* Coptic examples in feature cards */
.feature-card ul li,
.use-case-card p,
.warning-item p {
    /* Allow Coptic characters to render properly */
}

/* Login hint with hieroglyph */
.login-hint p::before {
    content: '𓂧𓎛𓅱𓏏𓀭 ';
    font-family: 'EgyptianHiero', serif;
    color: var(--primary-gold);
    margin-right: 5px;
}

/* Chat status with Coptic */
#chatStatus.coptic {
    font-family: 'Antinoou', var(--font-modern);
}

/* Footer with hieroglyphs */
.footer-logo h3::after {
    content: ' 𓂧𓎛𓅱𓏏𓀭';
    font-family: 'EgyptianHiero', serif;
    font-size: 0.8em;
    opacity: 0.7;
    margin-left: 10px;
}

/* Acknowledgment section */
.acknowledgment::before {
    content: '𓂧𓎛 ';
    font-family: 'EgyptianHiero', serif;
    color: var(--accent-teal);
}

/* Technical details with Coptic/Hieroglyphs */
.tech-card h4 i {
    font-family: 'EgyptianHiero', serif;
}

/* About section title decoration */
.about-text h3::before {
    content: '𓂧𓎛𓅱𓏏 ';
    font-family: 'EgyptianHiero', serif;
    color: var(--primary-gold);
    margin-right: 10px;
    opacity: 0.7;
}

/* Creator name with hieroglyphs */
.creator-info h3::after {
    content: ' 𓁹';
    font-family: 'EgyptianHiero', serif;
    font-size: 0.7em;
    opacity: 0.6;
    margin-left: 8px;
}

/* Warning box icon replacement */
.warning-icon i::before {
    font-family: 'EgyptianHiero', serif;
}

/* Resource links with hieroglyphs */
.resource-card:hover h4::before {
    content: '𓂧 ';
    font-family: 'EgyptianHiero', serif;
    color: var(--accent-teal);
}

/* Access section decorations */
.access-notice h3::before {
    content: '𓊃𓊪𓏏 ';
    font-family: 'EgyptianHiero', serif;
    color: var(--primary-gold);
    margin-right: 10px;
    opacity: 0.7;
}

/* Example numbers with hieroglyphs */
.example-number {
    font-family: 'EgyptianHiero', var(--font-modern);
}

/* Message avatars - add hieroglyph backgrounds */
.message-avatar::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-family: 'EgyptianHiero', serif;
    font-size: 60px;
    color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
}

/* User avatar hieroglyph */
.user-avatar::after {
    content: '𓀀';
}

/* Bot avatar hieroglyph */
.message-avatar:not(.user-avatar)::after {
    content: '𓂧';
}

/* Scroll indicator with hieroglyph */
.scroll-indicator::before {
    content: '𓇋𓈖';
    font-family: 'EgyptianHiero', serif;
    font-size: 20px;
    color: var(--accent-teal);
    opacity: 0.5;
    display: block;
    margin-bottom: 5px;
}

/* Feature icons - optional hieroglyphs */
.feature-icon::before {
    position: absolute;
    font-family: 'EgyptianHiero', serif;
    font-size: 50px;
    color: rgba(255, 255, 255, 0.1);
    z-index: -1;
}

.feature-card:nth-child(1) .feature-icon::before {
    content: '𓅱';
}

.feature-card:nth-child(2) .feature-icon::before {
    content: '𓎛';
}

.feature-card:nth-child(3) .feature-icon::before {
    content: '𓂧';
}

.feature-card:nth-child(4) .feature-icon::before {
    content: '𓈖';
}

.feature-card:nth-child(5) .feature-icon::before {
    content: '𓊪';
}

.feature-card:nth-child(6) .feature-icon::before {
    content: '𓏏';
}

/* Loading state with hieroglyph animation */
@keyframes hieroglyphPulse {
    0%, 100% {
        opacity: 0.3;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.1);
    }
}

.loading-hieroglyph {
    font-family: 'EgyptianHiero', serif;
    font-size: 40px;
    color: var(--primary-gold);
    animation: hieroglyphPulse 2s infinite;
    display: inline-block;
}

/* Special Coptic rendering fixes */
@supports (font-feature-settings: normal) {
    .coptic-text,
    .message-content strong {
        font-feature-settings: "liga" 1, "calt" 1;
        text-rendering: optimizeLegibility;
    }
}

/* Ensure proper line height for Coptic */
[lang="cop"],
.coptic-text {
    line-height: 1.8;
    letter-spacing: 0.5px;
}

/* Ensure proper line height for hieroglyphs */
[lang="egy"],
.hieroglyph-text {
    line-height: 1.6;
    letter-spacing: 1px;
}