/* Component Styles for Common Inline Styles */

/* Background image cards */
.card-bg-img {
    background-image: url('../img/bg-img/3.jpg');
}

/* Button color overrides */
.btn-white-text {
    color: #ffffff !important;
}

/* Hidden elements */
.hidden {
    display: none;
}

/* Modal fullscreen styles */
.modal-fullscreen {
    width: 100%;
    height: 100%;
    margin: 0;
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: none;
}

.modal-fullscreen .modal-body {
    height: calc(100% - 56px);
    padding: 0;
}

/* Fullscreen iframe styles */
.fullscreen-iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Additional utility classes */
.text-center {
    text-align: center;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

/* Display utilities */
.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

/* Modal utilities */
.modal-body-scroll {
    max-height: 80vh;
    overflow-y: auto;
}

.modal-footer-left {
    text-align: left !important;
}

/* Modal specific styles */
.modal-image-fill {
    height: 100%;
    width: auto;
    object-fit: cover;
}

.fw-bold {
    font-weight: bold;
}

.justify-content-start {
    justify-content: flex-start;
}

/* Clickable elements */
.clickable {
    cursor: pointer;
}

/* Background colors */
.bg-white {
    background-color: #ffffff;
}

/* Flex utilities */
.d-flex {
    display: flex;
}

.justify-content-between {
    justify-content: space-between;
}

.w-100 {
    width: 100%;
}

/* Button utilities */
.btn-flex {
    flex: 1;
}

.btn-margin-right {
    margin-right: 5px;
}

.btn-margin-left {
    margin-left: 5px;
}

.btn-fixed-height {
    height: 50px;
}