/**
 * Gaps
 */
.content-padding-left {
    padding-left: var(--spacing-2xl);
}
.content-padding-right {
    padding-right: var(--spacing-2xl);
}
.content-padding-bottom {
    padding-bottom: var(--spacing-2xl);
}

.content-margin-right {
    margin-right: var(--spacing-sm);
}
.content-margin-bottom {
    margin-bottom: var(--spacing-sm);
}
.content-margin-top {
    margin-top: var(--spacing-lg);
}

.no-gaps {
    margin: 0;
}


.big-dailymotion-logo-background {
    background-image: url("../Assets/Dailymotion.png");
    background-repeat: no-repeat;
    background-position: -163px 125%;
    background-size: 450px auto;
}

.max-width-86 {
    max-width: 86%;
}

.max-width-700 {
    max-width: 669px;
}

.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}

.hidden {
    display: none;
}

.width-auto {
    --button-width: auto;
}

.position-relative {
    position: relative;
}

.space-top {
    margin-top: 54px;
}

.divider-line {
    border-bottom: 1px solid var(--divider-color);
    border-top: none;
    margin-bottom: var(--spacing-sm);
}

.disable-view-mode {
    opacity: .3;
}

/**
 * Footer styles for Dailymotion Pro admin panel
 */
.st0 {
    fill: #0E0E0E;
}
.st1 {
    fill: none;
}

/* Utility: three inline inputs (1 text + 2 selects) */
.input-group-3cols {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap; /* allow wrap on narrow screens */
}


/* Keep selects at fixed widths as requested */
.input-group-3cols > *:nth-child(2) {
    width: 127px;
    flex: 0 0 127px;
}
.input-group-3cols > *:nth-child(3) {
    width: 74px;
    flex: 0 0 74px;
}

/* Utility: two inline selects (keep 3-cols col-2 and col-3 sizes) */
.input-group-2cols {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap; /* allow wrap on narrow screens */
}
.input-group-2cols > *:nth-child(1) {
    width: var(--first-child-width, 127px);
    flex: 0 0 var(--first-child-width, 127px);
}
.input-group-2cols > *:nth-child(2) {
    width: var(--second-child-width, 74px);
    flex: 0 0 var(--second-child-width, 74px);
}

.gradient-text-color {
    background: var(--gradient-text-color);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.highlighted-text {
    color: var(--interaction-color);
    font-weight: 700;
}

.dm__video-heading {
    margin: 0 0 var(--spacing-sm);
    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow: hidden;
    line-height: 1.4;
}
.dm-wrapper {
    width: 100%;
    margin: 0;
    position: relative;

    .dailymotion-player-root {
        border-radius: var(--border-radius-default);
        overflow: hidden;
    }

    .dm__video-title {
        line-height: 1.4;
    }

    iframe {
        width: 100%;
        margin: 0 0 var(--spacing-sm);
    }
}