@font-face {
    font-family: "IRANSansX";
    src: url("fonts/IRANSansXFaNum-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    src: url("fonts/IRANSansXFaNum-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

.fluent-player-header-title,
.fluent-player-header-title-text,
.fluent-player-media-title,
.fluent-playlist-header,
.fluent-playlist-header-title,
.fluent-playlist-header-title-text,
.fluent-playlist,
.fluent-playlist .playlist-header,
.fluent-playlist .fp-playlist-header,
.fluent-playlist .fp-playlist-header-title,
.fluent-playlist .playlist-items,
.fluent-playlist .playlist-item,
.fluent-playlist .fp-playlist-item-title,
.fluent-playlist .item-title,
.fluent-playlist .thumbnail-title,
.fluent-playlist .item-duration,
.fluent-playlist .fp-duration-display {
    font-family: "IRANSansX", Tahoma, sans-serif !important;
}

.fluent-player-layers-wrapper,
.fluent-player-layers-wrapper *,
.fluent-player-layer-template,
.fluent-player-layer-template *,
.fluent-player-layer-cta-content,
.fluent-player-layer-cta-content *,
.fluent-player-layer-form-content,
.fluent-player-layer-form-content *,
.fluent-player-layer-ad-content,
.fluent-player-layer-ad-content *,
.fluent-player-layer-hotspot-content,
.fluent-player-layer-hotspot-content *,
.fluent-player-layer-cta-email-content,
.fluent-player-layer-cta-email-content *,
.media-email-capture-overlay,
.media-email-capture-overlay *,
.fluent-player-layers-wrapper button,
.fluent-player-layers-wrapper input,
.fluent-player-layers-wrapper select,
.fluent-player-layers-wrapper textarea {
    font-family:
        var(
            --ast-body-font-family,
            var(
                --wp--preset--font-family--body,
                var(--e-global-typography-text-font-family, "IRANSansX")
            )
        ),
        "IRANSansX",
        Tahoma,
        sans-serif !important;
}

.fp-timed-content-container,
.fp-timed-content-container *,
.fp-timed-content-container p,
.fp-timed-content-container a,
.fp-timed-content-container button,
.fp-timed-content-container input,
.fp-timed-content-container select,
.fp-timed-content-container textarea,
.fp-timed-content-container .wp-block-button,
.fp-timed-content-container .wp-block-button__link {
    font-family:
        var(
            --ast-body-font-family,
            var(
                --wp--preset--font-family--body,
                var(--e-global-typography-text-font-family, "IRANSansX")
            )
        ),
        "IRANSansX",
        Tahoma,
        sans-serif !important;
}

.kamr-provider-player {
    position: relative;
    width: 100%;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 0 56.25% !important;
    overflow: hidden;
    aspect-ratio: auto !important;
    background: #000;
    box-sizing: border-box !important;
}

/* FluentCommunity provider chooser and player sizing. */
.kamr-community-provider-options {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 0 0 12px;
    font-family: "IRANSansX", Tahoma, sans-serif;
}

.kamr-community-provider-title {
    color: var(--fcom-text-color, #344054);
    font-size: 13px;
    font-weight: 700;
}

.kamr-community-provider-button {
    padding: 6px 12px;
    border: 1px solid var(--fcom-border-color, #d0d5dd);
    border-radius: 999px;
    background: var(--fcom-card-bg, #fff);
    color: var(--fcom-text-color, #344054);
    font: inherit;
    font-size: 13px;
    line-height: 1.5;
    cursor: pointer;
    transition: border-color .15s, background-color .15s, color .15s;
}

.kamr-community-provider-button:hover,
.kamr-community-provider-button.is-active {
    border-color: var(--fcom-primary-color, var(--media-brand, #4a90e2));
    background: var(--fcom-primary-color, var(--media-brand, #4a90e2));
    color: #fff;
}

.kamr-community-video-placeholder {
    display: grid;
    min-height: 180px;
    place-items: center;
    border-radius: 10px;
    background: #101828;
    color: #fff;
    font-family: "IRANSansX", Tahoma, sans-serif;
}

.fcom_media_wrapper .fluent-player-preview,
.fcom_media_wrapper .fluent-player,
.fcom_media_wrapper media-player,
.fcom_feed_media .fluent-player-preview,
.fcom_feed_media .fluent-player,
.fcom_feed_media media-player {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: var(--fcom-card-radius, 10px);
    overflow: hidden;
}

.kamr-provider-player iframe,
.kamr-provider-player video,
.kamr-provider-player > div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    border: 0;
    margin: 0 !important;
    padding: 0 !important;
    background: #000;
}

.fluent-playlist .playlist-items:not(.playlist-thumbnail-grid) .playlist-item .item-play-icon,
.playlist-items:not(.playlist-thumbnail-grid) .playlist-item .item-play-icon {
    margin-left: 12px !important;
}

/*
 * FluentCommunity lessons have a very wide content column. FluentPlayer's
 * generic portrait rule is based only on viewport width and can consequently
 * produce an almost full-page-height player here. Keep 9:16 videos inside the
 * visible viewport while retaining a useful size and centering the player.
 */
.fcom_lesson_content .fluent-player.fp-portrait,
.fcom_lesson_content .kamr-server-community-player .fluent-player.fp-portrait,
.fcom_media_wrapper .fluent-player.fp-portrait,
.fcom_feed_media .fluent-player.fp-portrait {
    width: min(100%, 380px, calc(72vh * 9 / 16)) !important;
    max-width: min(100%, 380px, calc(72vh * 9 / 16)) !important;
    margin-inline: auto !important;
}

/* Override FluentCommunity's broad `.feed_md_content video { height:auto }`
 * rule, which collapses portrait playback into a horizontal strip. */
.fcom_lesson_content .fluent-player [data-media-provider] video,
.fcom_media_wrapper .fluent-player [data-media-provider] video,
.fcom_feed_media .fluent-player [data-media-provider] video {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    aspect-ratio: inherit !important;
    object-fit: contain !important;
}

@media (max-width: 600px) {
    .fcom_lesson_content .fluent-player.fp-portrait,
    .fcom_lesson_content .kamr-server-community-player .fluent-player.fp-portrait,
    .fcom_media_wrapper .fluent-player.fp-portrait,
    .fcom_feed_media .fluent-player.fp-portrait {
        width: min(100%, calc(78vh * 9 / 16)) !important;
        max-width: min(100%, calc(78vh * 9 / 16)) !important;
    }
}