/* DTU Wind Energy Branding for WindKit Documentation */

:root {
    /* DTU Primary Colors */
    --dtu-red: #990000;
    --dtu-red-dark: #7a0000;
    --dtu-blue: #003366;
    --dtu-blue-dark: #002244;

    /* WindKit accent color */
    --windkit-teal: #1a6e6e;

    /* Light theme overrides */
    --pst-color-primary: var(--dtu-red);
    --pst-color-secondary: var(--dtu-blue);
    --pst-color-link: var(--dtu-red);
    --pst-color-link-hover: var(--dtu-red-dark);
}

/* Dark theme overrides */
html[data-theme="dark"] {
    --pst-color-primary: #cc4444;
    --pst-color-secondary: #6699cc;
    --pst-color-link: #cc6666;
    --pst-color-link-hover: #ff8888;
}

/* Navigation bar styling */
.navbar-brand-box {
    font-weight: 600;
}

.bd-header .navbar-nav > li > a:hover {
    color: var(--dtu-red) !important;
}

/* Sidebar active link */
.bd-sidebar .nav-link.active {
    border-left-color: var(--dtu-red);
    color: var(--dtu-red);
}

/* Code blocks */
.highlight {
    border-radius: 6px;
    border: 1px solid var(--pst-color-border);
}

/* Copy button styling */
button.copybtn {
    background-color: var(--pst-color-surface);
}

button.copybtn:hover {
    background-color: var(--dtu-red);
    color: white;
}

/* sphinx-design cards */
.sd-card {
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.sd-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.sd-card-header {
    background-color: var(--pst-color-surface);
    border-bottom: 2px solid var(--dtu-red);
}

/* Homepage hero section */
.hero-section {
    background: linear-gradient(135deg, var(--dtu-blue) 0%, var(--windkit-teal) 100%);
    color: white;
    padding: 3rem 2rem;
    border-radius: 12px;
    margin-bottom: 2rem;
}

.hero-section h1 {
    color: white;
    font-weight: 700;
}

.hero-section p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.2rem;
}

/* Feature highlights */
.feature-card {
    text-align: center;
    padding: 1.5rem;
}

.feature-card .sd-card-title {
    color: var(--dtu-red);
}

/* Getting started pathway cards */
.pathway-card {
    border-left: 4px solid var(--dtu-red);
}

.pathway-card.tutorial {
    border-left-color: var(--windkit-teal);
}

.pathway-card.api {
    border-left-color: var(--dtu-blue);
}

/* Tables */
table.docutils {
    border-collapse: collapse;
    width: 100%;
}

table.docutils th {
    background-color: var(--dtu-blue);
    color: white;
    padding: 0.75rem;
}

table.docutils td {
    padding: 0.75rem;
    border-bottom: 1px solid var(--pst-color-border);
}

/* Admonition styling */
.admonition {
    border-radius: 6px;
    border-left-width: 4px;
}

.admonition.note {
    border-left-color: var(--dtu-blue);
}

.admonition.tip {
    border-left-color: #2e7d32;
}

.admonition.warning {
    border-left-color: #f57c00;
}

.admonition.danger,
.admonition.error {
    border-left-color: var(--dtu-red);
}

/* API reference styling */
.py.class > dt,
.py.function > dt,
.py.method > dt {
    background-color: var(--pst-color-surface);
    padding: 0.5rem 1rem;
    border-radius: 4px;
    border-left: 3px solid var(--dtu-red);
}

/* Footer */
.footer {
    border-top: 2px solid var(--dtu-red);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-section {
        padding: 2rem 1rem;
    }

    .hero-section h1 {
        font-size: 1.75rem;
    }
}

/* Print styles */
@media print {
    .bd-sidebar,
    .bd-header,
    .footer {
        display: none !important;
    }

    .bd-content {
        max-width: 100% !important;
    }
}