/* ============================================
   FONT OPTIMIZATION - FORCE FONT-DISPLAY SWAP
   ============================================ */

/* Note: Material's privacy plugin loads fonts without font-display: swap */
/* Unfortunately, we can't override this via CSS alone */
/* The font-display property must be set in the @font-face src declaration */
/* This is a known limitation of Material for MkDocs privacy plugin */


/* ============================================
   HEADER TITLE - Hide on all screens
   ============================================ */

.md-header__title {
    display: none !important;
}

/* ============================================
   NAVIGATION DRAWER TITLE - Hide from hamburger menu
   ============================================ */

.md-nav__title {
    display: none !important;
}

/* ============================================
   PROFILE PHOTO ALIGNMENT
   ============================================ */

.md-nav__title {
    display: none !important;
}

/* ============================================
   PROFILE PHOTO ALIGNMENT
   ============================================ */

/* Ensure profile photos align with the top of bio text */
.md-typeset .grid img[align="left"] {
    margin-top: 0 !important;
    margin-right: 1em !important;
    margin-bottom: 0.5em !important;
    vertical-align: top !important;
}

/* Only remove top margin from first paragraph in grid cards (bio text) */
.md-typeset .grid > ul > li > p:first-of-type {
    margin-top: 0 !important;
}

/* ============================================
   ACCESSIBILITY: LINK UNDERLINES
   ============================================ */

/* Ensure links in content have underlines (fixes "Links rely on color" error) */
.md-typeset a {
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
}

/* Exception: Don't underline links that are buttons or cards */
.md-button,
.md-typeset .grid a {
    text-decoration: none !important;
}

/* ============================================
   ACCESSIBILITY: FOOTER CONTRAST
   ============================================ */

/* Darken footer copyright text for better contrast */
.md-footer-copyright {
    opacity: 0.85 !important;
}

/* ============================================
   LIST SPACING OPTIMIZATION
   ============================================ */

/* Tighten bullet point spacing */
.md-typeset li {
    margin-bottom: 0.25em !important;
}

/* Ensure the list itself doesn't have excessive bottom padding */
.md-typeset ul, 
.md-typeset ol {
    margin-bottom: 1em !important;
}

/* ============================================
   CPL AIR LAW PAGE - FIX NESTED BLOCKQUOTE INDENTATION
   ============================================ */

/* AGGRESSIVE FIX: Remove ALL excessive indentation from blockquotes */
.md-typeset blockquote {
    padding-left: 0.6rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left-width: 0.2rem !important;
}

/* Nested blockquotes - NO additional indentation */
.md-typeset blockquote blockquote {
    padding-left: 0.6rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left-width: 0.2rem !important;
}

/* Triple and deeper nesting - still NO additional indentation */
.md-typeset blockquote blockquote blockquote {
    padding-left: 0.6rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Remove extra spacing from all elements within blockquotes */
.md-typeset blockquote p,
.md-typeset blockquote ul,
.md-typeset blockquote ol,
.md-typeset blockquote li {
    margin-left: 0 !important;
}

/* Lists within blockquotes - minimal indentation */
.md-typeset blockquote ul,
.md-typeset blockquote ol {
    padding-left: 1.2rem !important;
}

/* ============================================
   DESKTOP SPACING & LUXURY LAYOUT
   ============================================ */

@media screen and (min-width: 76.25em) {

    :root {
        --md-header-height: 6rem;
    }

    .md-header__inner {
        min-height: 6rem !important;
        display: flex !important;
        align-items: center !important;
    }

    .md-header__button.md-logo {
        margin-left: 3rem !important;
        /* Flexbox centering handles vertical alignment - no manual padding needed */
    }

    .md-tabs {
        margin-left: 3rem !important;
    }

    .md-header__button.md-logo img,
    .md-header__button.md-logo svg {
        height: 24px !important;
        width: auto !important;
        max-height: 24px !important;
    }

    /* Homepage left margin */
    .md-main:has(.md-sidebar--primary[hidden]) .md-content {
        margin-left: 10%;
        padding-left: 2rem;
    }
}

/* ============================================
   MOBILE/TABLET FIX - PREVENT LOGO CUTOFF
   ============================================ */

@media screen and (max-width: 76.25em) {

    .md-header__inner {
        min-height: 3.5rem !important;
    }

    .md-header__button.md-logo {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex-shrink: 0 !important;
        transform: none !important;
    }

    .md-header__button.md-logo img,
    .md-header__button.md-logo svg {
        display: block !important;
        height: auto !important;
        max-height: 20px !important;
        min-height: 16px !important;
        max-width: 70vw !important;
        width: auto !important;
    }
}

/* ============================================
   DARK MODE - INVERT LOGO COLORS
   ============================================ */

[data-md-color-scheme="slate"] .md-header__button.md-logo img,
[data-md-color-scheme="slate"] .md-header__button.md-logo svg {
    filter: invert(1) !important;
}