/* Custom styles for Esubalew's Portfolio */

/* Ethiopian Font Definitions */
@font-face {
    font-family: 'EthiopicLeTewahedo';
    src: url('../assets/EthiopicLeTewahedo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EthiopicLeTewahedo';
    src: url('../assets/EthiopicLeTewahedo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EthiopicLeTewahedo';
    src: url('../assets/EthiopicLeTewahedo-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'EthiopicLeTewahedo';
    src: url('../assets/EthiopicLeTewahedo-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

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

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

/* Hero section styling - Use EthiopicLeTewahedo for main titles */
.md-typeset h1 {
    font-family: 'EthiopicLeTewahedo', 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

/* Subheadings - Use EthiopicLeTewahedo for h2 */
.md-typeset h2 {
    font-family: 'EthiopicLeTewahedo', 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* h3 headings - Use DestaUnicode for variety */
.md-typeset h3 {
    font-family: 'DestaUnicode', 'EthiopicLeTewahedo', 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: 0;
}

/* h4, h5, h6 - Use AddisAbebaUnicode */
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    font-family: 'AddisAbebaUnicode', 'EthiopicLeTewahedo', 'Roboto', sans-serif;
    font-weight: 600;
}

/* Grid cards for the "What I Do" section */
.grid.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}

.grid.cards > * {
    padding: 1.5rem;
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 0.5rem;
    transition: transform 0.2s, box-shadow 0.2s;
}

.grid.cards > *:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

/* Button enhancements */
.md-button {
    transition: all 0.2s;
}

.md-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.md-button--primary {
    background-color: var(--md-primary-fg-color);
    border-color: var(--md-primary-fg-color);
}

/* Project cards - Enhanced with Ethiopian fonts */
.md-typeset h3 a {
    text-decoration: none;
    color: var(--md-primary-fg-color);
    font-family: 'DestaUnicode', 'EthiopicLeTewahedo', 'Roboto', sans-serif;
    font-weight: 600;
}

.md-typeset h3 a:hover {
    text-decoration: underline;
}

/* Blog post titles - Special styling with AddisAbebaUnicode */
article.md-content__inner h1 {
    font-family: 'AddisAbebaUnicode', 'EthiopicLeTewahedo', 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 2.5em;
    line-height: 1.2;
}

/* Navigation tabs - Use EthiopicLeTewahedo */
.md-tabs__link {
    font-family: 'EthiopicLeTewahedo', 'Roboto', sans-serif;
    font-weight: 500;
}

/* Header site name - Use EthiopicLeTewahedo Bold */
.md-header__title {
    font-family: 'EthiopicLeTewahedo', 'Roboto', sans-serif;
    font-weight: 700;
}

/* Sidebar navigation - Use AddisAbebaUnicode */
.md-nav__title {
    font-family: 'AddisAbebaUnicode', 'EthiopicLeTewahedo', 'Roboto', sans-serif;
    font-weight: 600;
}

/* Responsive adjustments */
@media screen and (max-width: 76.1875em) {
    .grid.cards {
        grid-template-columns: 1fr;
    }
}

/* Homepage hero styling */
.md-content article > p:first-of-type {
    font-size: 1.1em;
    margin-bottom: 2rem;
}

/* Icon styling */
.md-typeset .lg.middle {
    font-size: 2rem;
    vertical-align: middle;
}

/* Footer enhancement */
.md-footer-meta {
    background-color: var(--md-footer-bg-color);
}

/* Link hover effects */
.md-typeset a:hover {
    color: var(--md-accent-fg-color);
}

/* Code block enhancements */
.md-typeset pre > code {
    border-radius: 0.4rem;
}

/* Custom spacing for sections */
.md-typeset hr {
    margin: 3rem 0;
    border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

/* Social icons in footer */
.md-social__link svg {
    width: 1.4rem;
    height: 1.4rem;
}

/* Table styling for resume */
.md-typeset table:not([class]) {
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 0.4rem;
}

/* Enhanced readability */
.md-typeset {
    line-height: 1.7;
}

/* Project tags/tech stack */
.md-typeset strong {
    color: var(--md-primary-fg-color);
    font-family: 'EthiopicLeTewahedo', 'Roboto', sans-serif;
}

/* Buttons - Use Ethiopian fonts */
.md-button,
.md-button--primary {
    font-family: 'EthiopicLeTewahedo', 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* Blockquotes - Use DestaUnicode for emphasis */
.md-typeset blockquote {
    font-family: 'DestaUnicode', 'EthiopicLeTewahedo', Georgia, serif;
    font-style: italic;
    font-size: 1.05em;
    line-height: 1.6;
}

/* Footer text - Use AddisAbebaUnicode */
.md-footer-meta,
.md-footer-copyright {
    font-family: 'AddisAbebaUnicode', 'EthiopicLeTewahedo', 'Roboto', sans-serif;
}

/* Card titles in grid - Use Ethiopian fonts */
.grid.cards h3,
.grid.cards h4 {
    font-family: 'DestaUnicode', 'EthiopicLeTewahedo', 'Roboto', sans-serif;
    font-weight: 700;
}

/* Table headers - Use EthiopicLeTewahedo */
.md-typeset table th {
    font-family: 'EthiopicLeTewahedo', 'Roboto', sans-serif;
    font-weight: 700;
}

/* Resume section headings */
.md-typeset h2[id*="education"],
.md-typeset h2[id*="experience"],
.md-typeset h2[id*="skills"],
.md-typeset h2[id*="projects"],
.md-typeset h2[id*="awards"] {
    font-family: 'AddisAbebaUnicode', 'EthiopicLeTewahedo', 'Roboto', sans-serif;
    border-bottom: 2px solid var(--md-primary-fg-color);
    padding-bottom: 0.5rem;
}

/* Blog meta information (tags, date) */
.md-typeset .md-tag {
    font-family: 'EthiopicLeTewahedo', 'Roboto', sans-serif;
    font-weight: 500;
}