body {
    font-family: 'Rubik', sans-serif; /* Вкажіть ваш бажаний шрифт */
}

/* Django Debug Toolbar (лише DEBUG=True для staff) - його бічна вкладка-хендл
   висить fixed по центру правого краю і на вузьких екранах перекриває
   контент карток матчів. На проді (DEBUG=False) тулбар взагалі не рендериться,
   тож це суто зручність для розробки на мобільній ширині. */
@media (max-width: 991.98px) {
    #djDebugToolbarHandle,
    #djDebug {
        display: none !important;
    }
}
    .red-card-menu{
        font-size: 10px;
        padding: 2px 5px;
        background-color: #dc3545;
        color: white;
        border-radius: 4px;

    }

    .yellow-card-menu{
        font-size: 10px;
        padding: 2px 5px;
        background-color: #ffbe0b;
        color: white;
        border-radius: 4px;
    }
    .table td, .table th {
    padding: 0.25rem !important; /* Зменшує внутрішні відступи */
    line-height: 1 !important; /* Зменшує висоту рядка */
}
    .news-font{
        font-size: 13px;
    }
    .start-red{
            font-size: 15px;
        }
    .signal-text {
             font-size: 15px !important;
         }
     @media (max-width: 1500px) {
         .signal-text {
             font-size: 12px !important;
         }
     }

    @media (max-width: 1000px) {
        .modal-dialog {
        max-width: 80%; /* Ширина модального вікна при менших розмірах екрану */
    }
        .signal-text {
    font-size: 12px!important;
}
        .mobile-inj img{
            width: 12px;
            height: 12px;
        }
    body {
        font-size: 12px; /* Зменшення розміру шрифту на мобільних пристроях */
    }
        .mobile-time{
             font-size: 12px !important;
        }

        .mobile-table{
             font-size: 5px !important;
        }
        .start-red{
            font-size: 12px;
            /*margin-left: 1px;*/
        }

    .red-card-menu{
        font-size: 7px;
        padding: 2px 5px;
        background-color: #dc3545;
        color: white;
        border-radius: 4px;

    }
    .news-font{
        font-size: 10px;
    }
    .mobile-menu{
        font-size: 12px;
    }
    .mobile-hidde{
        display: none;
    }

    .yellow-card-menu{
        font-size: 7px;
        padding: 2px 5px;
        background-color: #ffbe0b;
        color: white;
        border-radius: 4px;
    }


}

     @media (max-width: 400px) {
        .modal-dialog {
        max-width: 120%; /* Ширина модального вікна при менших розмірах екрану */
    }
        .mobile-inj img{
            width: 8px;
            height: 8px;
        }
    body {
        font-size: 9px; /* Зменшення розміру шрифту на мобільних пристроях */
    }
    .signal-text {
    font-size: 12px!important;
}
        .mobile-time{
             font-size: 9px !important;
        }

        .mobile-table{
             font-size: 3px !important;
        }
        .start-red{
            font-size: 9px;
            /*margin-left: 1px;*/
        }

    .red-card-menu{
        font-size: 4px;
        padding: 2px 5px;
        background-color: #dc3545;
        color: white;
        border-radius: 4px;

    }
    .news-font{
        font-size: 8px;
    }
    .mobile-menu{
        font-size: 9px;
    }
    .mobile-hidde{
        display: none;
    }
    .smartphone-hidde{
        display: none;
    }

    .smartphone-text{
      font-size: 8px !important;
    }

    .smartphone-img{
      width: 8px;
        height: 8px;
    }

    .smartphone-text-hide{
        font-size: 8px !important;
       color: rgba(0, 0, 0, 0) !important;
    }

    .yellow-card-menu{
        font-size: 7px;
        padding: 2px 5px;
        background-color: #ffbe0b;
        color: white;
        border-radius: 4px;
    }


}

       ::-webkit-scrollbar {
  display: none;
}

html {
  scrollbar-width: none;
}

.s-cb2c5d07 {
    color: dodgerblue;
}

.s-f89bff64 {
    display:none;
    position:fixed;
    bottom:80px;
    right:30px;
    z-index:9999999;
    width:45px;
    height:45px;
    border-radius:50%;
    border:none;
    background:#0d6efd;
    color:white;
    font-size:20px;
    cursor:pointer;
    box-shadow:0 2px 8px rgba(0,0,0,0.3);
}