/* ============================================================
   CUSTOM CSS — Aman Malik Website
   ============================================================ */

/* 0. ACCENT COLOR — forest green replacing default blue */
:root {
    --primary-color: #2d6a4f !important;
    --text-link-color: #2d6a4f !important;
    --bs-link-color: #2d6a4f !important;
    --bs-link-hover-color: #1e4a37 !important;
}

a, a:link, a:visited,
body a, body a:link, body a:visited {
    color: inherit !important;
    text-decoration: none !important;
}
a:hover, a:active,
body a:hover, body a:active {
    color: inherit !important;
    opacity: 0.7 !important;
}

/* Only underline inline text links inside paragraphs */
p a, p a:link, p a:visited {
    text-decoration: underline !important;
}

/* About Me section — links in black, underlined */
#about p a,
#about p a:link,
#about p a:visited {
    color: #2a2218 !important;
    text-decoration: underline !important;
}
#about p a:hover {
    color: #2a2218 !important;
    opacity: 0.7 !important;
}

/* Buttons */
#hero a.btn,
.btn {
    color: #2d6a4f !important;
    border-color: #2d6a4f !important;
}
#hero a.btn:hover,
.btn:hover {
    background-color: #2d6a4f !important;
    color: #fff !important;
}

/* CV button — circular like social icons */
#hero a.btn:not(.social-icon) {
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.8rem !important;
    line-height: 1 !important;
}

/* Hero subtitle — restore normal size */
#hero h2 {
    font-size: clamp(20px, 3vw, 30px) !important;
}

/* Hero title "Aman Malik." */
#hero h1 {
    color: #2d6a4f !important;
}

/* Social icon circles — fixed size to match CV */
#hero a.btn.social-icon {
    color: #2d6a4f !important;
    border-color: #2d6a4f !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* LEARN MORE links */
.consulting-learn-more,
a[href*="consulting"] {
    color: #2d6a4f !important;
}

/* 1. ROOT BACKGROUND — set everywhere */
html,
body {
    background-color: #f5f2ed !important;
}

/* Bootstrap overrides body bg to white. This kills it. */
body.light,
body.light * {
    background-color: inherit;
}

/* 2. SECTIONS — all same cream, no boxes */
section,
section *:not(.card):not(.card-body):not(img):not(svg):not(path):not(circle):not(rect):not(canvas):not(.nav-link.active) {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 3. ROOT HTML explicitly */
:root {
    --background-color: #f5f2ed !important;
    --secondary-background-color: #f5f2ed !important;
    --secondary-color: #ede9e1 !important;
}

/* 4. CARDS — give them a slightly warm tone so they stand out subtly */
.card {
    background-color: #ede9e1 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
    border: 1px solid #ddd8cf !important;
}

/* Consulting cards — terracotta left border */
#consulting .card {
    border-left: 4px solid #b5502a !important;
}

/* Consulting section — warm amber accent bar under heading */
#consulting h3 {
    position: relative;
    padding-bottom: 1rem;
}
#consulting h3::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: linear-gradient(to right, #b5502a, #c4922a);
    margin: 0.6rem auto 0;
    border-radius: 2px;
}

.card-body {
    background-color: #ede9e1 !important;
}

/* 5. NAV ACTIVE TAB in experience */
#experience .nav-link.active {
    background-color: #e2dbd0 !important;
}

/* 6. EXPERIENCE CONTAINER — remove box */
#experience .experience-container {
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* 7. FONTS — Playfair Display + Source Sans 3 */
.primary-font,
h1, h2, h3, h4, h5, h6,
.navbar-brand {
    font-family: 'Playfair Display', Georgia, serif !important;
}

body,
p, li, span,
.secondary-font,
.nav-link,
input, textarea, select, button {
    font-family: 'Source Sans 3', system-ui, sans-serif !important;
}



/* 8. PROJECTS — heavier body text */
.bw-single-content p,
.bw-single-content li {
    font-weight: 400 !important;
}

/* 9. WRITING LIST — fix blue inherited link colour */
.writing-post { color: #2a2218 !important; }
.writing-post-title { color: #1a1612 !important; }
.writing-post-summary { color: #6b5e4e !important; }
.writing-post-meta { color: #9a8c7e !important; }
.writing-post-read { color: #4a7c59 !important; }

/* 10. PULLQUOTE */
.pullquote {
    margin: 2.5rem 0;
    padding: 1.5rem 2rem;
    border-left: 3px solid #c4a882;
    background: rgba(196, 168, 130, 0.08) !important;
    border-radius: 0 4px 4px 0;
}

.pullquote p {
    font-family: 'Lora', Georgia, serif;
    font-size: 1.25rem;
    font-style: italic;
    font-weight: 400;
    color: #3a2d1e;
    line-height: 1.7;
    margin: 0;
}

/* 11. DARK MODE — ensure text remains visible */
body.dark,
body.dark section,
body.dark section *,
body.dark .navbar,
body.dark .nav-link,
body.dark h1, body.dark h2, body.dark h3,
body.dark h4, body.dark h5, body.dark h6,
body.dark p, body.dark li, body.dark span, body.dark a {
    color: var(--text-color-dark, #e4e6eb) !important;
}

body.dark {
    background-color: var(--background-color-dark, #18191a) !important;
}

body.dark section,
body.dark section *:not(.card):not(.card-body):not(img):not(svg):not(path) {
    background-color: transparent !important;
}

body.dark .card,
body.dark .card-body {
    background-color: var(--secondary-background-color-dark, #212529) !important;
    border-color: #333 !important;
    color: #e4e6eb !important;
}

body.dark .exp-item {
    border-color: rgba(255,255,255,0.1) !important;
}

body.dark .exp-company-name,
body.dark .exp-job-title,
body.dark .exp-job-date,
body.dark .exp-job-content,
body.dark .exp-job-content * {
    color: #e4e6eb !important;
}

body.dark .writing-post-title { color: #e4e6eb !important; }
body.dark .writing-post-summary { color: #b0b3b8 !important; }
body.dark .writing-post-meta { color: #888 !important; }


/* 12. SECTION HEADING ACCENTS */

/* About Me — forest green accent bar centered below heading */
#about h3 {
    position: relative;
    padding-bottom: 1rem;
}
#about h3::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3px !important;
    background: linear-gradient(to right, #2d6a4f, #52b788) !important;
    margin: 0.6rem auto 0 !important;
    border-radius: 2px !important;
    background-color: unset !important;
}

/* Education card links — green not blue */
#education a,
#education a:link,
#education a:visited,
#education .card a,
#education .card a:link,
#education .card a:visited,
#education h6,
#education .card h6 {
    color: #2d6a4f !important;
}

/* Publications ↗ buttons — green not blue */
#publications .btn-outline-primary {
    color: #2d6a4f !important;
    border-color: #2d6a4f !important;
}
#publications .btn-outline-primary:hover {
    background-color: #2d6a4f !important;
    color: #fff !important;
}

/* "Under Review" status text — dark readable text in italics, no badge */
#publications .secondary-font em + ,
#publications .pub-status {
    color: #7a5c3a;
    font-style: italic;
}

/* Publications sub-group headings — green left border, remove grey bottom */
#publications h5 {
    border-bottom: none !important;
    border-left: 3px solid #2d6a4f !important;
    padding-left: 0.75rem !important;
    color: inherit !important;
}

/* Dark mode — keep publication sub-headings readable */
body.dark #publications h5 {
    color: #e4e6eb !important;
}

/* Experience — open item company name in green, no blue anywhere */
#experience .exp-company-name {
    color: #2d6a4f !important;
}
#experience .exp-item.open .exp-company-name {
    color: #2d6a4f !important;
}
#experience a,
#experience a:link,
#experience a:visited {
    color: #2d6a4f !important;
}
#experience .exp-company-url {
    color: #2d6a4f !important;
}
#experience .exp-chevron {
    color: #2d6a4f !important;
}

/* Talks — subtle green left rule on the list */
#talks ul {
    border-left: 3px solid #2d6a4f;
    padding-left: 1.25rem;
    list-style: none;
}
#talks ul li {
    padding: 0.3rem 0;
}
#talks ul li::before {
    content: '–';
    color: #2d6a4f;
    margin-right: 0.4rem;
}

/* Hero text size reduction */
#hero h1 {
    /* Reduced from 56px max to 42px max */
    font-size: clamp(28px, 4vw, 42px) !important;
}

#hero h2 {
    /* Reduced from 40px max to 28px max */
    font-size: clamp(20px, 3vw, 30px) !important;
}