@import "tailwindcss";
@plugin "daisyui" {
    themes: all;
}

html, body, #app {
    width: 100%;
    height: 100%;
}

html {
    --swiper-pagination-color: var(--color-primary);
    --swiper-navigation-color: var(--color-primary);
    --swiper-pagination-bullet-inactive-color: var(--color-base-content);
    --swiper-pagination-fraction-color: var(--color-neutral-content);
    --product_list_title_max_lines: 1;
    --tc-navbar-min-height: 3rem;
}

.swiper-pagination-bullets {
    border-radius: var(--radius-selector);
    padding: 5px 0;
}

#app {
    position: relative;
    /*padding-top: var(--tg-content-safe-area-inset-top);*/
    padding-bottom: var(--tg-content-safe-area-inset-bottom);
    padding-left: var(--tg-content-safe-area-inset-left);
    padding-right: var(--tg-content-safe-area-inset-right);
}

.app-container {
    /*padding-top: calc(var(--tg-content-safe-area-inset-top) + var(--tg-safe-area-inset-top));*/
    padding-bottom: var(--tg-safe-area-inset-bottom, 0px);
    padding-left: var(--tg-safe-area-inset-left, 0px);
    padding-right: var(--tg-safe-area-inset-right, 0px);
}

.safe-top {
    padding-top: calc(var(--tg-content-safe-area-inset-top) + var(--tg-safe-area-inset-top));
}

.app-header {
    z-index: 60;
    position: fixed;
    background: var(--color-primary);
    height: calc(var(--tg-content-safe-area-inset-top) + var(--tg-safe-area-inset-top));
    min-height: calc(var(--tg-content-safe-area-inset-top) + var(--tg-safe-area-inset-top));
    max-height: calc(var(--tg-content-safe-area-inset-top) + var(--tg-safe-area-inset-top));
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    color: white;
    padding-bottom: 8px;
}

.telecart-main-section {
    padding-top: calc(var(--tg-content-safe-area-inset-top, 0rem) + var(--tg-safe-area-inset-top, 0rem) + var(--tc-navbar-min-height));
}

.swiper-pagination-bullets > .swiper-pagination-bullet {
    background-color: red;
    color: red;
}

.swiper-pagination-bullets {
    top: 10px;
}