/**
* Theme Name: Atlas Child
* Description: This is a child theme of Atlas.
* Author: tmrwstudio
* Template: atlas
* Version: 1.0
*/

/* تعریف فونت‌های ایران‌سنس */
@font-face {
    font-family: 'IRANSans';
    src: url('./assets/fonts/IRANSansWeb(FaNum).woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSans';
    src: url('./assets/fonts/IRANSansWeb(FaNum)_Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSans';
    src: url('./assets/fonts/IRANSansWeb(FaNum)_Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSans';
    src: url('./assets/fonts/IRANSansWeb(FaNum)_Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

body, p, a, span, div, li, td, th, 
button, input, select, textarea, label {
    font-family: 'IRANSans', Tahoma, Arial, sans-serif !important;
}

/* ۳. تنظیم وزن ۹۰۰ (Black) برای تمام تگ‌های عنوان */
h1, h2, h3, h4, h5, h6 {
    font-family: 'IRANSans', Tahoma, Arial, sans-serif !important;
    font-weight: 900 !important; 
}

/* ۴. تنظیم وزن Bold برای تگ‌های توپر */
strong, b {
    font-weight: bold !important;
}

/* ۵. کلاس‌های کمکی برای استفاده از وزن Medium در صورت نیاز */
.fw-medium {
    font-weight: 500 !important;
}
.fw-normal {
    font-weight: normal !important;
}

.article-content .wp-block-column > *, .article-content .wp-block-cover__inner-container > *, 
.article-content .wp-block-group__inner-container > *, .article-content .wp-block-media-text__content > *, 
.article-content > * {
        margin-top: 0;
    margin-bottom: 15px;
}

.offcanvas-trigger, .current-date {
    display: none;
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}



.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--bs-gutter-x, .75rem);
    padding-right: var(--bs-gutter-x, .75rem);
    width: 100%;
}

div#content, header#site-header, .header-section.is-skin.bg-light, .header-space.clearfix {
    background-color: #fff;
} 

.box-title {
        display: flex;
    gap: 10px;
    margin-top: 48px;
    margin-bottom: 16px;
}

.play-icon {
    width: 18px;
}

.icon-main {
    width: 21px;
    filter: brightness(0) saturate(100%) invert(45%) sepia(0%) saturate(0%) hue-rotate(17deg) brightness(99%) contrast(88%);
}

.paper-icon {
    width: 18px;
}



/* کانتینر اصلی بخش پخش زنده */
.em-live-section {
    width: 100%;
    max-width: 1200px; /* حداکثر عرض مجاز برای جلوگیری از دفرمه شدن در مانیتورهای خیلی بزرگ */
    margin: 30px auto;
    padding: 0 15px;
}

/* باکس بیرونی پلیر برای ایجاد سایه و لبه‌های گرد */
.em-live-stream-wrapper {
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    margin-top: 20px;
}

/* ترفند مهندسی پدینگ برای حفظ نسبت تصویر طلایی 16:9 ویدئوها */
.em-live-stream-container {
    position: relative;
    padding-bottom: 56.25%; /* نسبت ابعاد 16:9 استاندارد */
    height: 0;
    overflow: hidden;
    width: 100%;
}

/* مجبور کردن ای‌فریم به پر کردن کامل کانتینر به صورت داینامیک */
.em-live-stream-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}