/* Filmobin Trailer Cinema V3 - visual override only */

.fb-trailer-trigger{
    display:inline-flex !important;
    align-items:center;
    gap:10px;
    min-height:46px;
    padding:7px 16px !important;
    border:1px solid rgba(255,193,7,.35) !important;
    border-radius:14px !important;
    color:#fff !important;
    background:linear-gradient(
        135deg,
        rgba(255,193,7,.13),
        rgba(255,170,0,.05)
    ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 8px 24px rgba(0,0,0,.22) !important;
    backdrop-filter:blur(12px);
    font-weight:800;
    transition:.18s ease;
}

.fb-trailer-trigger:hover{
    transform:translateY(-2px);
    border-color:rgba(255,193,7,.75) !important;
    background:linear-gradient(
        135deg,
        rgba(255,193,7,.22),
        rgba(255,170,0,.08)
    ) !important;
    box-shadow:
        0 12px 32px rgba(0,0,0,.28),
        0 0 24px rgba(255,193,7,.09) !important;
}

.fb-trailer-trigger-icon{
    width:31px !important;
    height:31px !important;
    display:grid !important;
    place-items:center;
    flex:0 0 31px;
    border-radius:50% !important;
    color:#18120a;
    background:linear-gradient(135deg,#ffdc68,#ffad18) !important;
    box-shadow:0 5px 15px rgba(255,181,0,.25);
}

.fb-trailer-dialog{
    width:calc(100% - 28px) !important;
    max-width:1000px !important;
}

.fb-trailer-shell{
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:22px !important;
    background:linear-gradient(
        180deg,
        rgba(18,21,26,.98),
        rgba(7,9,12,.99)
    ) !important;
    box-shadow:
        0 42px 130px rgba(0,0,0,.82),
        0 0 0 1px rgba(255,193,7,.025) !important;
}

.fb-trailer-ambient{
    opacity:.18 !important;
    filter:blur(65px) saturate(.8) brightness(.7) !important;
}

.fb-trailer-frame{
    margin:10px !important;
    border-radius:16px !important;
    background:#000 !important;
    box-shadow:0 18px 52px rgba(0,0,0,.58) !important;
}

.fb-trailer-frame video{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    background:#000;
}

/* متن دیگر روی تصویر ویدئو نمی‌افتد */
.fb-trailer-gradient{
    display:none !important;
}

.fb-trailer-copy{
    position:relative !important;
    right:auto !important;
    left:auto !important;
    bottom:auto !important;

    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:18px;

    padding:16px 18px 17px !important;

    direction:rtl;
    text-align:right;

    color:#fff;

    background:linear-gradient(
        180deg,
        rgba(18,21,26,.98),
        rgba(10,12,15,.98)
    );

    text-shadow:none !important;
    pointer-events:auto !important;
}

.fb-trailer-eyebrow{
    margin:0 0 5px !important;
    padding:0 !important;
    border:0 !important;
    color:#ffc107;
    background:transparent !important;
    backdrop-filter:none !important;
    font-size:11px !important;
    font-weight:900 !important;
}

.fb-trailer-copy h3{
    margin:0 !important;
    color:#fff;
    font-size:clamp(18px,2.2vw,26px) !important;
    font-weight:900 !important;
    line-height:1.45 !important;
}

.fb-trailer-meta{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:7px;
    min-width:max-content;
}

.fb-trailer-meta span{
    padding:5px 9px !important;
    border:1px solid rgba(255,255,255,.08);
    border-radius:9px !important;
    color:rgba(255,255,255,.78);
    background:rgba(255,255,255,.04) !important;
    backdrop-filter:none !important;
    font-size:11px !important;
}

.fb-trailer-meta span:first-child{
    color:#ffd34a;
    border-color:rgba(255,193,7,.25);
}

.fb-trailer-close{
    top:23px !important;
    left:23px !important;
    width:42px !important;
    height:42px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    background:rgba(0,0,0,.50) !important;
    box-shadow:0 8px 26px rgba(0,0,0,.32);
    backdrop-filter:blur(13px) !important;
}

.fb-trailer-close:hover{
    color:#ffc107 !important;
    border-color:rgba(255,193,7,.50) !important;
    background:rgba(0,0,0,.76) !important;
}

.fb-trailer-backdrop{
    opacity:.94 !important;
    background:#020305 !important;
    backdrop-filter:blur(14px);
}

@media(max-width:700px){
    .fb-trailer-dialog{
        width:calc(100% - 10px) !important;
        margin:7px auto !important;
    }

    .fb-trailer-frame{
        margin:5px !important;
        border-radius:12px !important;
    }

    .fb-trailer-copy{
        align-items:flex-start;
        flex-direction:column;
        gap:9px;
        padding:12px !important;
    }

    .fb-trailer-meta{
        justify-content:flex-start;
        min-width:0;
    }

    .fb-trailer-close{
        top:14px !important;
        left:14px !important;
        width:36px !important;
        height:36px !important;
    }
}