/* Custom styles for Amphitrite documentation using brand colors */

/* Amphitrite Colors
Dark Blue: #184287 (R:24, G:66, B:135)
Light Blue: #0ca4d1 (R:12, G:164, B:209)
*/

/* Import Roboto font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* Make the logo smaller and set white background */
.wy-side-nav-search {
    background-color: white !important;
    padding: 0.8em;
    border-bottom: 1px solid #0ca4d1;
}

.wy-side-nav-search > a img.logo {
    max-width: 30%;  /* Make the logo even smaller */
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block;
}

/* Adjust the logo container and add "MetOcean API" text */
.wy-side-nav-search > a {
    margin-bottom: 0.5em;
    padding: 0;
    color: #184287 !important;
    position: relative;
    text-decoration: none !important;
}

.wy-side-nav-search > a::after {
    content: "MetOcean API";
    display: block;
    text-align: center;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #184287;
    margin-top: 8px;
    letter-spacing: 0.5px;
}

/* Make sure the search box has proper contrast */
.wy-side-nav-search input[type="text"] {
    border-color: #0ca4d1;
    border-radius: 4px;
}

/* Adjust the version text color for better contrast on white */
.wy-side-nav-search .version {
    color: #184287;
}

/* Change the sidebar background to Amphitrite dark blue */
.wy-nav-side {
    background: #184287 !important;
}

/* Adjust menu items for better contrast */
.wy-menu-vertical a {
    color: #ffffff;
}

.wy-menu-vertical a:hover {
    background-color: #0ca4d1;
    color: #ffffff;
}

/* Style the current page indicator */
.wy-menu-vertical li.current {
    background: #0a3170;
}

.wy-menu-vertical li.current > a {
    background: #0ca4d1;
    color: white;
}

.wy-menu-vertical li.current > a:hover {
    background: #0ca4d1;
}

/* Style the TOC */
.wy-menu-vertical li.toctree-l2.current > a {
    background: #0a3170;
}

.wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a {
    background: #0a3170;
}

/* Fix subsection text color - make all menu text white */
.wy-menu-vertical li.toctree-l2 a,
.wy-menu-vertical li.toctree-l3 a,
.wy-menu-vertical li.toctree-l4 a,
.wy-menu-vertical li.toctree-l5 a,
.wy-menu-vertical li.current a {
    color: white !important;
}

/* Add a subtle border to the main content area */
.wy-nav-content {
    border-left: 1px solid #e1e4e5;
}

/* Style links with Amphitrite light blue */
.wy-nav-content a {
    color: #0ca4d1;
}

.wy-nav-content a:hover {
    color: #184287;
}

/* Style headings with Amphitrite dark blue */
.wy-nav-content h1, 
.wy-nav-content h2, 
.wy-nav-content h3, 
.wy-nav-content h4, 
.wy-nav-content h5, 
.wy-nav-content h6 {
    color: #184287;
}

/* Style the footer */
footer {
    color: #404040;
}

footer a {
    color: #0ca4d1;
}

/* Hide the "Built with MkDocs" footer text */
footer p {
    display: none !important;
}

/* Hide specific footer elements with MkDocs text */
.rst-footer-buttons + hr + p,
footer > div.rst-footer-buttons + hr + p {
    display: none !important;
}

/* Style the navigation buttons */
.rst-footer-buttons .btn {
    background-color: #0ca4d1;
    color: white;
}

.rst-footer-buttons .btn:hover {
    background-color: #184287;
}

/* Style the mobile navigation */
.wy-nav-top {
    background-color: #184287;
}

/* Add a subtle highlight to code blocks */
.highlight {
    background: #f8f8f8;
    border-left: 3px solid #0ca4d1;
}