/* Color palette from logo */
:root {
    --rich-black: #101519;
    --dark-cyan: #108681;
    --eerie-black: #161B1D;
    --gunmetal: #203636;
    --dark-cyan-2: #1C8C86;
}

/* Logo styling - targeting all possible logo elements */
.gdoc-brand__logo,
.gdoc-brand img,
.gdoc-header img,
img[src*="logo"],
.gdoc-brand a img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    border: 3px solid var(--rich-black) !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* Header bar styling with extracted colors */
.gdoc-header {
    background: var(--rich-black) !important;
    border-bottom: 2px solid var(--eerie-black);
}

.gdoc-brand {
    color: white !important;
}

.gdoc-brand__title {
    color: white !important;
    font-weight: 600;
}

/* Header navigation items */
.gdoc-header .gdoc-nav__entry {
    color: rgba(255, 255, 255, 0.9) !important;
}

.gdoc-header .gdoc-nav__entry:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

/* Search in header */
.gdoc-search input {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
}

.gdoc-search input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

/* Custom color scheme using logo palette */
.gdoc-page__nav a:hover,
.gdoc-nav__entry:hover,
.gdoc-search__entry:hover {
    background-color: rgba(16, 134, 129, 0.1);
    color: var(--dark-cyan-2);
}

/* Active navigation items */
.gdoc-nav__entry.is-active {
    background-color: rgba(16, 134, 129, 0.15);
    color: var(--dark-cyan-2);
    border-left: 4px solid var(--dark-cyan);
}

/* Search highlighting */
.gdoc-search mark {
    background-color: rgba(16, 134, 129, 0.3);
    color: var(--rich-black);
}

/* Button styling */
.gdoc-button {
    background-color: var(--dark-cyan);
    border-color: var(--dark-cyan);
    color: white;
}

.gdoc-button:hover {
    background-color: var(--dark-cyan-2);
    border-color: var(--dark-cyan-2);
}

/* Code block improvements */
.gdoc-code {
    border-left: 4px solid var(--dark-cyan);
}

/* Dark mode adjustments */
[data-dark-mode] {
    --rich-black: #f0f4f8;
    --dark-cyan: #4dd0d0;
    --eerie-black: #e2e8ea;
    --gunmetal: #b8cccc;
    --dark-cyan-2: #66e6e6;
}

/* Dark mode logo border */
[data-dark-mode] .gdoc-brand__logo,
[data-dark-mode] .gdoc-brand img,
[data-dark-mode] .gdoc-header img,
[data-dark-mode] img[src*="logo"],
[data-dark-mode] .gdoc-brand a img {
    border-color: var(--eerie-black) !important;
}

/* Dark mode header styling */
[data-dark-mode] .gdoc-header {
    background: var(--rich-black) !important;
    border-bottom: 2px solid var(--eerie-black);
}

[data-dark-mode] .gdoc-page__nav a:hover,
[data-dark-mode] .gdoc-nav__entry:hover,
[data-dark-mode] .gdoc-search__entry:hover {
    background-color: rgba(77, 208, 208, 0.1);
    color: var(--dark-cyan);
}

[data-dark-mode] .gdoc-nav__entry.is-active {
    background-color: rgba(77, 208, 208, 0.15);
    color: var(--dark-cyan);
    border-left: 4px solid var(--dark-cyan-2);
}

/* Remove dashed underline on navigation links (active and hover) */
.gdoc-nav__entry.is-active,
.gdoc-nav__entry:hover {
    text-decoration: none !important;
    border-bottom: none !important;
}

.gdoc-nav__entry.is-active:after,
.gdoc-nav__entry:hover:after {
    display: none !important;
}

/* Additional hover state cleanup */
.gdoc-nav__entry:hover {
    text-decoration-line: none !important;
}

/* Hide all footer branding text */
.gdoc-footer__link,
.gdoc-footer a[href*="gohugo"],
.gdoc-footer a[href*="hugo"],
.gdoc-footer__item,
.gdoc-footer p,
.gdoc-footer span {
    display: none !important;
}

/* Hide entire footer if only branding remains */
.gdoc-footer:empty,
.gdoc-footer:has(:only-child) {
    display: none !important;
}

/* Style regular content links to match theme */
.gdoc-markdown a,
.gdoc-page__content a,
.gdoc-page a:not(.gdoc-nav__entry):not(.gdoc-button) {
    color: var(--dark-cyan-2) !important;
    text-decoration: none;
    font-weight: 600;
}

.gdoc-markdown a:hover,
.gdoc-page__content a:hover,
.gdoc-page a:not(.gdoc-nav__entry):not(.gdoc-button):hover {
    color: var(--dark-cyan) !important;
    text-decoration: none;
}

/* Dark mode content links */
[data-dark-mode] .gdoc-markdown a,
[data-dark-mode] .gdoc-page__content a,
[data-dark-mode] .gdoc-page a:not(.gdoc-nav__entry):not(.gdoc-button) {
    color: var(--dark-cyan) !important;
}

[data-dark-mode] .gdoc-markdown a:hover,
[data-dark-mode] .gdoc-page__content a:hover,
[data-dark-mode] .gdoc-page a:not(.gdoc-nav__entry):not(.gdoc-button):hover {
    color: var(--dark-cyan-2) !important;
}

/* Dark mode body background complement */
[data-dark-mode] body,
[data-dark-mode] .gdoc-page,
[data-dark-mode] .gdoc-main {
    background-color: var(--gunmetal) !important;
}

[data-dark-mode] .gdoc-nav,
[data-dark-mode] .gdoc-nav__list {
    background-color: var(--eerie-black) !important;
}

[data-dark-mode] .gdoc-page__content,
[data-dark-mode] .gdoc-markdown {
    background-color: var(--gunmetal) !important;
    color: #e2e8ea !important;
}