.table td.fit,
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

th,
td {
    vertical-align: middle !important;
}

.text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.overflow-2 {
    -webkit-line-clamp: 2;
}

.overflow-3 {
    -webkit-line-clamp: 3;
}

.overflow-4 {
    -webkit-line-clamp: 4;
}

.overflow-5 {
    -webkit-line-clamp: 5;
}

.f-shadow {
    text-shadow: 2px 2px 4px #000000;
}

a {
    text-decoration: none;
}

ul.flex-screen>li {
    flex: 1 1 auto;
}

.img-cover {
    object-fit: cover;
}

/* Hide the radio inputs */
.text-bg-align > input[type="radio"] {
    display: none;
}

/* Change icon color when radio is checked */
.text-bg-align:hover > input[type="radio"]+iconify-icon, 
.text-bg-align > input[type="radio"]:checked+iconify-icon {
    color: red;
    /* Change this to the color you want */
}

/* Optionally add styles for unchecked state */
.text-bg-align iconify-icon {
    color: gray;
    /* Default color */
}

/* ============================================
   Global Video Embed Styling
   For rich HTML content with YouTube embeds
   ============================================ */

/* Standard responsive video embed */
.intro iframe,
.description iframe,
.content iframe,
.ql-editor .ql-video,
iframe[src*="youtube.com/embed"] {
    max-width: 100%;
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
    border-radius: 8px;
    margin: 1rem 0;
    display: block;
}

/* Video wrapper from Quill editor - hide delete button on frontend */
.video-wrapper {
    position: relative;
    display: block;
    max-width: 100%;
    margin: 1rem 0;
}

.video-wrapper iframe {
    margin: 0;
}

.video-wrapper .video-delete-btn {
    display: none;
}