/* Additional Responsive Fixes for Tender.am */

/* Mobile First - Base Styles */
* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

/* Tender List Responsive */
.tender-wrapper {
    display: flex;
    flex-direction: column;
    padding: 15px;
    gap: 10px;
}

.logo-wrapper {
    width: 100%;
    text-align: center;
}

.logo-wrapper img {
    max-width: 150px;
    width: 100%;
    height: auto;
}

.info-wrapper {
    width: 100%;
    position: relative;
}

.singletenderparts {
    margin-bottom: 8px;
    word-wrap: break-word;
}

/* Tab area responsive */
#tabarea {
    width: 100%;
    overflow-x: auto;
}

#tabs div.bordershadow {
    padding: 15px;
}

/* Login box adjustments */
.loginboxlist,
.boxlist {
    width: 100%;
    max-width: 100%;
    margin: 10px 0;
}

#loginbox {
    float: none;
    margin: 10px 0;
}

/* Tablet and up */
@media (min-width: 768px) {
    .tender-wrapper {
        flex-direction: row;
        gap: 15px;
    }

    .logo-wrapper {
        width: 150px;
        flex-shrink: 0;
        text-align: left;
    }

    .info-wrapper {
        flex: 1;
    }

    #tabarea {
        overflow-x: visible;
    }
}

/* Desktop */
@media (min-width: 1000px) {
    .loginboxlist {
        max-width: 244px;
    }

    .boxlist {
        max-width: 242px;
    }

    #loginbox {
        float: left;
        margin: 0px 0px 0px 3px;
    }
}

/* Clear floats */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}