/*!
Theme Name: FactGo
Theme URI: https://landing.nextwpcook.com/wp-factgo/
Author: ThemeOri
Author URI: https://themeforest.net/user/themeori
Description: FactGo - Industry & Factory WordPress Theme
Version: 1.0.3
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: factgo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.theme_blog_standard-item-image {
    text-align: center;
}
.theme_blog_standard-item-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Fix breadcrumb background size for tablet */
@media (max-width: 991px) {
    .theme_breadcrumb__area {
        background-size: cover !important;
        background-position: center !important;
    }
    .theme_breadcrumb__area-content {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* Fix mobile breadcrumb overlap and padding */
@media (max-width: 767px) {
    .theme_breadcrumb__area,
    .theme_breadcrumb__area .elementor-container,
    .theme_breadcrumb__area .elementor-widget-container,
    .theme_breadcrumb__area .e-con-inner,
    .theme_breadcrumb__area .e-con {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        background-size: cover !important;
        background-position: center !important;
    }
    .theme_breadcrumb__area h1,
    .theme_breadcrumb__area h2, 
    .theme_breadcrumb__area .txwpc-breadcrumb-title,
    .elementor-widget-txwpc-breadcrumb .txwpc-breadcrumb-title {
        font-size: 28px !important;
        line-height: 1.4 !important;
        white-space: normal !important;
    }
    .theme_breadcrumb__area-content h1 {
        font-size: 28px !important;
        line-height: 1.4 !important;
    }
    .theme_breadcrumb__area-content {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* توحيد مقاسات صور السلايدر في إلمنتور */
.elementor-image-carousel .swiper-slide img {
    aspect-ratio: 1 / 1 !important; /* هذا سيجعل جميع الصور مربعة مثل مقاس 520x520 */
    width: 100% !important;
    object-fit: cover !important;
    background-color: #f0f0f0 !important; /* لون رمادي خفيف يظهر أثناء تحميل الصورة */
    color: transparent !important; /* إخفاء اسم الصورة (alt text) المزعج أثناء التحميل */
}

/* إضافة ظل (Shadow متدرج) خلف النص في الترويسة لزيادة وضوحه */
.theme_breadcrumb__area {
    position: relative;
    z-index: 1;
}
.theme_breadcrumb__area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(50, 50, 50, 0) 65%);
    z-index: -1;
    pointer-events: none;
}
.theme_breadcrumb__area-content {
    position: relative;
    z-index: 2;
}

/* حركة انسيابية عصرية (Fade In Up) لعنوان الترويسة والنص الصغير */
@keyframes fadeInUpModern {
    0% {
        opacity: 0;
        transform: translateY(80px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.theme_breadcrumb__area-content h1,
.theme_breadcrumb__area-content h2 {
    animation: fadeInUpModern 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    opacity: 0;
}

.theme_breadcrumb__area-content ul,
.theme_breadcrumb__area-content span {
    animation: fadeInUpModern 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    animation-delay: 0.4s; /* تأخير بسيط لإعطاء تأثير متتابع وجميل */
    opacity: 0;
}