.navbar-collapse {
    flex-grow: 0 !important;
}

html, body {
  margin: 0;
  font-family:'Courier New', Courier, monospace;
}

.bground{
 min-height: 100% !important;
 min-height: -webkit-fill-available !important;
}

.btn {
  background-color: #20c997 !important;
  color: white !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  height: 48px;
  transition: opacity 0.3s ease, transform 0.3s ease;
  border: none !important;
}

.btn:hover{
  opacity: 0.8;
  transform: translateY(2px);
  border: none !important;
}

.bg-green{
  background-color: #20c997;
}

.form-green{
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid #20c997;
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.green{
  color: #20c997;
}

.form-control{
  border: 0px !important;
}

.form-control:focus{
  box-shadow: none !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px rgba(21, 25, 29, 0.82) inset !important;
}

input[type=checkbox]{
    accent-color: #20c997 !important;
}

input[type='file']{
  accent-color: #20c997 !important;
}

a:hover{
  border: none !important;
  color: #20c997 !important;
}

.btn::after{
  border: 0px;
}

.btn:active {
  border: none !important;
}

.yandex-btn {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.yandex-btn:hover {
  opacity: 0.8;
  transform: translateY(2px);
}

.vk-btn {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.vk-btn:hover {
  opacity: 0.8;
  transform: translateY(2px);
}

.adaptive-text {
    font-size: 0.6rem;
}

.adaptive-text {
    font-size: 2rem;
    /* text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; */
}

.categories:hover{
  opacity: 0.8;
}

img{
  object-fit:cover;
}

.nav-pills .active{
  background-color: #20c997 !important;
  border-radius: 12px !important;
}

.nav-pills .active:hover {
  color: white !important;
  opacity: 0.8;
}

.nav-link
{
  border-radius: 12px !important;
}

.dropdown-item:hover{
  background-color: #20c997 !important;
  color: white !important;
}

@media ( max-width: 768px) {
    .adaptive-text {
        font-size: 1.5rem;
    }
}

@media (max-width: 520px) {
    .adaptive-text {
        font-size: 0.9rem;
    }
}

@media (max-width: 360px) {
    .adaptive-text {
        font-size: 0.8rem;
    }
}

/* Footer stick to bottom fix */
body {
    display: flex;
    flex-direction: column;
    min-height: 92vh;
}

main, .container, .container-fluid, .my-5 {
    flex: 1;
}

footer {
  margin-top: auto !important;
}

footer.sticky-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}

.container-lg.my-3{
  min-height: 574px !important;
}

.catalog{
  min-height: 550px !important;
}

.container-lg.my-4{
  min-height: 566px !important;
}

.container-lg.my-5{
  min-height: 542px !important;
}

.container-lg.py-5{
  min-height: 598px;
}

.container-lg.py-5.mt-3{
  min-height: 582px;
}

.login{
  min-height: 574px !important;
}

.number{
  min-height: 542px !important;
}

/* Custom style for admin file upload button */
#image::-webkit-file-upload-button,
#image::file-selector-button {
  background-color: #20c997 !important;
  color: white !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  padding-inline: 0.5em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  transition: opacity 0.3s ease, transform 0.3s ease;
  border: none !important;
}

#image::-webkit-file-upload-button:hover,
#image::file-selector-button:hover {
   opacity: 0.8;
  border: none !important;
}

label[for="image"] {
  cursor: pointer;
}

.accordion-button{
  background: none !important; 
  outline: none !important;
  box-shadow: none !important;
}

.acdion{
  border-bottom: rgb(0, 56, 78) 1px solid !important;
}

.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}