.footer .footer-top{
    border-top: 1px solid
        color-mix(in srgb, var(--default-color), transparent 90%);
}
h2{
    font-size: 1.3rem;
    margin-top: 2rem;
}
.text-center{
    text-align: center;
}
.panel{
    margin-bottom: 2rem;
    padding: 1rem;
    border: 1px solid #dee2e6;
}
.w100{
    width:100%;
}
.w50{
    width:45%;
}
@media(max-width:991px) {
    .filter-form .cc {
        margin-bottom: 1rem;
    }
    .filter-form .cc:last-child {
        margin-bottom: 0;
    }
}
.panel-filter{
    background-color: #f3f9ff;
}
.btn-clearfilter, .btn-clearfilter:hover{
    background: #fff;
    margin-right: 10px;
    border: 1px solid #dee2e6;
}
.btn-clearfilter:hover{
    opacity:0.8;
}
.empty{
    color: silver;
    text-align: center;
    font-size: 25px;
    margin-top: 50px;
}
.mw20{
    max-width: 20px;
}
.mw25{
    max-width: 25px;
}
.w25{
    width:25px;
}
.mb2rem{
    margin-bottom: 2rem;
}

.features .nav-link.active {
    color: var(--contrast-color);
}
.features .nav-link {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.logo-text {
    font-family: 'Orbitron', sans-serif !important;
    font-weight: 700;
}
.main-logo{
    width:100%;
    height:auto;
}
.main-logo-index{
    max-width: 290px;
    height:auto;
}
.header .btn-getstarted{
    background-color: #1E3A8A;
    color:#ffffff!important;
}
.header .btn-getstarted:hover,.header .btn-getstarted:focus,.header .btn-getstarted:active{
    background-color: #EA580C;
    color:#ffffff!important;
}

a, .nav-link{
    color:#1E3A8A!important;
}
a:hover{
    color: #EA580C!important;
}
.nav-link:hover:not(.active){
    color: #EA580C!important;
}
.features .nav-link.active, .active>.page-link, .page-link.active{
    color:#fff!important;
}
.scroll-top{
    background-color: #1E3A8A!important;
}

.scroll-top:hover{
    background-color: #EA580C!important;
}
.btn-primary {
    background-color: #1E3A8A;
    color: #ffffff !important;
    border:1px solid #1E3A8A;
}
.btn-primary:hover {
    background-color: #EA580C!important;
    border:1px solid #EA580C!important;
    color: #ffffff !important;
}
.btn-outline-secondary{
    border:1px solid #1E3A8A;
    color: #1E3A8A !important;
}
.btn-outline-secondary:hover{
    background-color: #EA580C!important;
    color: #ffffff !important;
    border:1px solid #EA580C!important;
}

.flex-center{
    display: flex;
    align-items: center;
}
.green{
    color: #01640F;
}
.red{
    color:#F60002;
}

table th{
    border-bottom: 2px solid #1E3A8A;
    border-bottom-width: 2px !important;
}
.card .card-header{
    background-color: #1E3A8A;
    color: #ffffff !important;
}
.status_server_ul, .account_nav_ul{
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    line-height: 30px;
}
.progress-bar{
    background-color: #1E3A8A;
}
@media(max-width:991px){
    .server_status_card{
        margin-top:1rem;
    }
    .main-logo-sm{
        display:none!important;
    }
}
.status_server_ul .progress{
    margin-bottom:10px;
}
.ul-line li{
    border-bottom:1px solid #f1f1f1;
}
.ul-line li:last-child{
    border:none;
}
.carousel{
    border-radius:5px;
    overflow: hidden;
    border:1px solid #1E3A8A;
}
.top_10_table{
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-radius: 0 5px 5px 0;
    overflow: hidden;
}
.top_10_table td{
    border-bottom:1px solid #dee2e6;
}
.top_10_table tr:last-child td{
    border-bottom: 0;
}

.header .logo img,
.footer .footer-about .logo img{
    max-height: 20px;
}
@media(max-width:1199px){
    .header .logo img{
        max-height: 15px;
    }
}
.mb-0{
    margin-bottom:0;
}
.index-header-area{
    display: flex;
    justify-content: center;
    align-items: center;
}

.light-background{
    position: relative;
    border-bottom: 2px solid #d2d2d2;
}
.light-background:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../img/background2.webp);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.08;
}
.header .header-container{
    z-index: 1;
}

.light-background .container{
    z-index: 1;
    position: relative;
}
.divider {
    border-bottom: 1px solid #dee2e6; /* světle šedá čára */
    margin: 0.5rem 0;                /* svislé mezery nad/pod */
    list-style: none;               /* žádná odrážka */
    height: 0;                      /* výška nulová – jen čára */
}
.border-info{
    border: 1px solid #1E3A8A!important;
}
.vip-item{
    background-color: #f9f9f9;
}
.credit-package{
    background-color: #f9f9f9;
}

.credit-package.selected {
    border-color: #EA580C!important;
    background-color: #FFF4E6!important;
}
.credit-package .btn-select {
    user-select: none;
}
#total-price {
    font-weight: 700;
    color: #1E3A8A;
    font-size: 1.25rem;
}
.info-list .row{
    border-bottom:1px solid #dfe2e6;
}

.info-list .row:last-child{
    border:none;
}
.info-list .col-6 {
    padding:0
}
.info-list {
    padding-left:15px;
    padding-right:15px;
}
.loader_area {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050; /* Nad modalem */
    background-color: rgba(255, 255, 255, 0.8);
}



.loader_area .spinner-border,  .loader_area_aboslute  .spinner-border {
    width: 3rem;
    height: 3rem;
}
.color-blue{
    color:#1E3A8A!important;
}

.pell-content{
    background-color: #ffffff;
}
#pell-editor a{
    text-decoration: underline!important;
    color:#1E3A8A!important;
}
.reason_td{
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 576px) {
    .nav-tabs:not(.aos-init) {
        flex-direction: column;
        border-bottom: none;
    }

    .nav-tabs:not(.aos-init) .nav-item {
        margin-bottom: 0.5rem;
    }

    .nav-tabs:not(.aos-init) .nav-link {
        border: 1px solid #1E3A8A;
        border-radius: 0.25rem;
        width: 100%;  /* full width na mobilech */
    }

    .nav-tabs:not(.aos-init) .nav-link:hover {
        background-color: #1E3A8A;
        color: #ffffff !important;
        border: 1px solid #1E3A8A;
    }

    /* Aktivní tab na mobilu bez pozadí, jen modrý text a rámeček */
    .nav-tabs:not(.aos-init) .nav-link.active {
        background-color: #1E3A8A;
        color: #ffffff !important;
        border: 1px solid #1E3A8A;
    }
}
.custom-banner-buttons {
    gap: 10px; /* mezera mezi tlačítky */
}

.custom-banner-buttons a.btn {
    flex: 1 1 50%;  /* každé tlačítko zabírá 50% */
    max-width: 50%;
    padding: 12px 0;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;
    border-radius: 6px;
    user-select: none;
    transition: background-color 0.25s ease, box-shadow 0.25s ease;
    box-shadow: none !important; /* přepsání bootstrap shadow */
    border: none !important;      /* odstranění hranice bootstrap */
}

/* Primární modrá */
.custom-banner-buttons .btn-primary-custom {
    background-color: #1E3A8A !important;
    color: #fff !important;
}

.custom-banner-buttons .btn-primary-custom:hover,
.custom-banner-buttons .btn-primary-custom:focus {
    background-color: #163274 !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* Oranžová sekundární */
.custom-banner-buttons .btn-secondary-custom {
    background-color: #EA580C !important;
    color: #fff !important;
}

.custom-banner-buttons .btn-secondary-custom:hover,
.custom-banner-buttons .btn-secondary-custom:focus {
    background-color: #bb460a !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* Ikony */
.custom-banner-buttons a.btn i {
    font-size: 1.4rem;
    margin-right: 8px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

/* Pro mobil - tlačítka mohou jít pod sebe, pokud je potřeba */
@media (max-width: 576px) {
    .custom-banner-buttons {
        flex-direction: column;
        gap: 12px;
    }

    .custom-banner-buttons a.btn {
        max-width: 100%;
        flex: none;
    }
}

.carousel img{
    height:auto;
}

h2 {
    font-size: 2rem;   /* Sekce */
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

h3 {
    font-size: 1.5rem; /* Podsekce */
    margin-top: 1.2em;
    margin-bottom: 0.5em;
}

h4 {
    font-size: 1.25rem; /* Menší body */
}

h5 {
    font-size: 1rem;    /* Základní textová velikost */
}

h6 {
    font-size: 0.85rem; /* Nejmenší nadpis */
    text-transform: uppercase;
    color: #666;
}

h3.accordion-header{
    margin:0;
}

.accordion-button:not(.collapsed) {
    background-color: #1E3A8A;
    color: #ffffff !important;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath 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'/%3e%3c/svg%3e");
}
.accordion-button.collapsed{
    background-color: #ebebeb !important;
}