/* Custom CSS for Night Owl Protect Documentation */

/* Primary colors */
:root {
    --primary-color: #1a237e;
    --secondary-color: #303f9f;
    --accent-color: #ff5722;
    --text-color: #333333;
    --bg-light: #f5f5f5;
}

/* Header styling */
.wy-side-nav-search {
    background-color: var(--primary-color) !important;
}

.wy-side-nav-search a {
    color: #ffffff !important;
}

/* Navigation links */
.wy-menu-vertical a:hover {
    background-color: var(--secondary-color) !important;
    color: #ffffff !important;
}

/* Active navigation item */
.wy-menu-vertical li.current > a {
    background-color: var(--secondary-color) !important;
    color: #ffffff !important;
}

/* Content area */
.wy-nav-content {
    max-width: 900px;
}

/* Code blocks */
.highlight {
    border-radius: 4px;
}

/* Note and warning boxes */
.admonition {
    border-radius: 4px;
}

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

.admonition.warning {
    border-left-color: var(--accent-color);
}

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

table.docutils td, table.docutils th {
    padding: 12px;
    border: 1px solid #ddd;
}

table.docutils th {
    background-color: var(--primary-color);
    color: #ffffff;
}

/* Images */
img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

/* Feature list styling */
.feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 20px 0;
}

.feature-card {
    padding: 20px;
    background: var(--bg-light);
    border-radius: 8px;
    border-left: 4px solid var(--primary-color);
}