/**
 * Copyright (c) 2024
 *
 * This file is part of pet-friendly.
 *
 * pet-friendly is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * any later version.
 *
 * pet-friendly is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Foobar.  If not, see <https://www.gnu.org/licenses/>.
 *
 * esinkutaykilic@gmail.com
 */

/*v1.0.0*/

@import "nnx/nnxuikit.css";
@import "color.css";
@import "index.css";
@import "card.css";

/*CSS Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
    font-weight: 300;
}
img{
    vertical-align: middle;
}
a{
    text-decoration: none;
    color: inherit;
}
address{
    font-style: unset;
}
/*CSS Reset*/

:root {
    font-family: -apple-system, BlinkMacSystemFont, Inter, sans-serif;
    font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
}
@supports (font-variation-settings: normal) {
    :root { font-family: -apple-system, BlinkMacSystemFont, InterVariable, sans-serif; }
}

body{
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    background-color: var(--color-background);
    color: var(--color-on-background);
}

button{
    font-family: inherit;
    font-optical-sizing: inherit;
    font-weight: inherit;
    font-style: inherit;
}

.bcsa-button-pill {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 44px;
    padding: 10px 18px;
    border-radius: calc(39px / 2);
    border: none;
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    font-size: 1rem;
    text-align: center;
}

.bcsa-button-pill.bcsa-button-pill--full {
    width: 100%;
}

.bcsa-light-forced .bcsa-color-scheme-hide--light {
    display: none;
}

.bcsa-dark-forced .bcsa-color-scheme-hide--dark {
    display: none;
}

.bcsa-download-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 3px solid rgba(0,0,0,0.2);
    border-top-color: rgba(0,0,0,0.6);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

.bcsa-light-forced .bcsa-download-spinner {
    border-color: rgba(255,255,255,0.2);
    border-top-color: rgba(255,255,255,0.9);
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.bcsa-hidden {
    display: none;
}

@media (prefers-color-scheme: dark) {
    html:not(.bcsa-light-forced) .bcsa-color-scheme-hide--dark {
        display: none;
    }
}

@media (prefers-color-scheme: light) {
    *:not(.bcsa-dark-forced) .bcsa-color-scheme-hide--light {
        display: none;
    }

    html:not(.bcsa-dark-forced) .bcsa-download-spinner {
        border-color: rgba(255,255,255,0.2);
        border-top-color: rgba(255,255,255,0.9);
    }
}