/**
* GeoSight is UNICEF's geospatial web-based business intelligence platform.
*
* Contact : geosight-no-reply@unicef.org
*
* .. note:: This program is free software; you can redistribute it and/or modify
*     it under the terms of the GNU Affero General Public License as published by
*     the Free Software Foundation; either version 3 of the License, or
*     (at your option) any later version.
*
* __author__ = 'irwan@kartoza.com'
* __date__ = '13/06/2023'
* __copyright__ = ('Copyright 2023, Unicef')
*/

@font-face {
    src: url(../assets/AvenirLTStd-Book.otf);
}

@page {
    size: a4 portrait;
    margin: 0mm;
    padding: 25mm 10mm 25mm 10mm;
    counter-increment: page;
    font-size: 8pt;
    white-space: normal;
    color: grey;

    @bottom-right {
        content: 'Copyright © Unicef';
        margin-top: -25mm;
        margin-right: 10mm;
    }

    @bottom-center {
        content: 'Page ' counter(page);
        margin-top: -25mm;
    }

}

body {
    background-image: url('../img/BackgroundBorder.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

p {
    font-family: 'avenir', 'Avenir Next', 'Segoe UI', 'Helvetica Neue', sans-serif;
    line-height: 1.6;
    margin-bottom: 1em;
}

/* Accent color: UNICEF blue */
/* Define accent and hover colors */
:root {
    --accent-color: #1cabe2;
    /* UNICEF blue */
    --hover-color: #e57373;
    /* Off red (material red lighten-2) */
}

/* Primary foreground color for Material Design */
:root>* {
    --md-primary-fg-color: #1cabe2;
    --md-primary-fg-color--light: #1cabe2;
    --md-primary-fg-color--dark: #1cabe2;
}

/* Side menu theming from Irwan */
#toc-collapse {
    padding: 0;
}

#toc-collapse ul {
    padding-left: 16px;
}

#toc-collapse>ul {
    padding-left: 0;
}

.bs-sidebar .nav li a {
    padding-left: 0;
}

/* General heading styling */
h1,
h2,
h3,
h4 {
    font-weight: 700;
    margin-top: 1.2em;
    margin-bottom: 0.5em;
}

/* H1 and H2 full-width underline */
h1::after,
h2::after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: var(--accent-color);
    margin-top: 8px;
    border-radius: 2px;
}

/* H3 subtle bottom underline */
h3 {
    border-bottom: 2px solid var(--accent-color);
    padding-bottom: 4px;
}

/* H4 accent left bar */
h4 {
    border-left: 4px solid var(--accent-color);
    padding-left: 8px;
}

/* Beautiful blockquote styling */
blockquote {
    background: #f9f9f9;
    border-left: 6px solid var(--accent-color);
    margin: 1.5em 0;
    padding: 1em 1.5em;
    font-style: italic;
    position: relative;
    color: #333 !important;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

blockquote::before {
    content: "";
    font-size: 2em;
    color: var(--accent-color);
    position: absolute;
    left: 10px;
    top: -10px;
}

blockquote p {
    margin: 0;
}

/* Material-inspired card style (no shadow) */
.card {
    border: 1px solid #e0e0e0;
    /* soft light gray border */
    border-radius: 8px;
    background-color: #ffffff;
    padding: 1.2em;
    margin: 1em 0;
    transition: border-color 0.3s, transform 0.2s;
}

.card:hover {
    border-color: var(--accent-color);
    /* match your UNICEF blue */
    transform: translateY(-2px);
    /* subtle lift on hover */
}

.card-header {
    font-weight: 700;
    font-size: 1.2em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 0.5em;
}

.card-body {
    font-size: 1em;
    color: #555;
}

.card-footer {
    font-size: 0.9em;
    color: #888;
    border-top: 1px solid #e0e0e0;
    margin-top: 1em;
    padding-top: 0.5em;
    text-align: right;
}


/* Warning admonition styling */
.admonition.warning {
    background-color: #fff5f5;
    /* soft red background */
    border-left: 6px solid #e57373;
    /* off-red accent line */
    padding: 1em 1.5em;
    margin: 1.5em 0;
    border-radius: 4px;
    color: #b71c1c;
    /* deep red text */
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.8em;
}

/* Icon styling */
.admonition.warning::before {
    content: "⚠️";
    font-size: 1.5em;
    flex-shrink: 0;
    margin-top: 0.1em;
}

/* Text block */
.admonition.warning p,
.admonition.warning {
    margin: 0;
    padding: 0;

}

/* MATERIAL THEME */
.md-sidebar--primary nav {
    padding-left: 16px;
    margin-left: 0 !important;
}

.md-sidebar--primary nav ul {
    padding-left: 0 !important;
}

@media screen and (max-width: 76.2344em) {
    .md-sidebar--primary nav {
        padding-left: 0;
    }
}

.md-sidebar--primary .md-nav--lifted>ul>li>nav>ul>li {
    margin-top: 0;
}

.md-sidebar--primary .md-nav--lifted>ul>li>nav {
    padding-left: 0;
}

.md-sidebar--primary .md-nav--lifted>ul {
    padding-left: 0;
}

.md-sidebar--primary .md-nav--lifted>.md-nav__list>.md-nav__item--active>.md-nav__link {
    display: none;
}

:root {
    --md-accent-fg-color: #2094f3;
}

#__mermaid_0 .nodeLabel, #__mermaid_0 .nodeLabel p {

}