.elementor-334 .elementor-element.elementor-element-35986eb{--display:flex;}.elementor-334 .elementor-element.elementor-element-2f4d466{--display:flex;}.elementor-334 .elementor-element.elementor-element-d045cb1{--display:flex;}.elementor-334 .elementor-element.elementor-element-6de4923{--display:flex;}.elementor-334 .elementor-element.elementor-element-5ba4f88{--display:flex;}.elementor-334 .elementor-element.elementor-element-8de71e3{--display:flex;}.elementor-334 .elementor-element.elementor-element-ba43671{--display:flex;}.elementor-334 .elementor-element.elementor-element-949eef7{--display:flex;}.elementor-334 .elementor-element.elementor-element-5d02a86{--display:flex;}.elementor-334 .elementor-element.elementor-element-63526fc{--display:flex;}.elementor-334 .elementor-element.elementor-element-d3db218{--display:flex;}.elementor-334 .elementor-element.elementor-element-d526c52{--display:flex;}/* Start custom CSS for container, class: .elementor-element-d045cb1 *//* ۱. تبدیل کارت به یک چارچوب بسته برای کنترل لایه‌ها */
.each-card {
    position: relative !important;
}

/* ۲. آزاد کردن تگ لینک از محدودیت‌های لایه‌ای */
.each-card a.the_color_style {
    position: static !important;
}

/* ۳. کشیدن یک پتوی شیشه‌ای و نامرئی از لینک، روی تمام مساحت کارت */
.each-card a.the_color_style::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important; /* این عدد فوق‌العاده بالا تضمین می‌کنه لینک روی همه چیز قرار بگیره */
    background-color: transparent !important;
}

/* ۴. خنثی کردن کلیک‌دزدیِ تمام عناصر داخل کارت (عکس، متن و لایه‌های گرافیکی) */
.each-card .content,
.each-card .sub-shape,
.each-card .sub-shape2,
.each-card img {
    pointer-events: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c07be0e *//* کانتینر اصلی - تغییر به حالت Flexbox افقی */
.haft-wide-socials {
    display: flex;
    align-items: center;
    gap: 30px;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    padding: 30px;
    max-width: 1100px; /* عرض بیشتر برای پر کردن صفحه */
    margin: 40px auto;
    font-family: inherit;
    border: 1px solid #eaeaea;
}

/* بنر سمت راست */
.wide-socials-header {
    flex: 1; /* گرفتن نیمی از فضای موجود */
    background: linear-gradient(135deg, #111111 0%, #000000 100%);
    border-radius: 18px;
    padding: 40px 35px;
    position: relative;
    overflow: hidden;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wide-socials-header::after {
    content: '';
    position: absolute;
    top: -50px;
    left: -50px;
    width: 200px;
    height: 200px;
    background: #fca311;
    opacity: 0.12;
    border-radius: 50%;
}

.wide-header-content {
    z-index: 2;
}

.wide-header-content h3 {
    color: #fca311;
    font-size: 26px;
    font-weight: 900;
    margin: 0 0 15px 0;
}

.wide-header-content p {
    color: #cccccc;
    font-size: 16px;
    margin: 0;
    line-height: 1.8;
}

.wide-header-icon {
    position: absolute;
    bottom: -10px;
    left: 20px;
    z-index: 1;
    font-size: 90px;
    color: rgba(252, 163, 17, 0.15);
    transform: rotate(-15deg);
}

/* شبکه دکمه ها سمت چپ */
.wide-socials-grid {
    flex: 1; /* گرفتن نیمه دیگر فضا */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.w-social-btn {
    display: flex;
    align-items: center;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 16px;
    text-decoration: none !important;
    color: #333333;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.w-btn-icon {
    width: 50px;
    height: 50px;
    background: #ffffff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-left: 15px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
    color: #fca311;
}

.w-btn-text {
    font-size: 18px;
    font-weight: bold;
}

.w-social-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    border-color: #eeeeee;
}

.w-youtube-btn:hover .w-btn-icon { color: #ffffff; background: #FF0000; }
.w-instagram-btn:hover .w-btn-icon { color: #ffffff; background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
.w-linkedin-btn:hover .w-btn-icon { color: #ffffff; background: #0077b5; }
.w-email-btn:hover .w-btn-icon { color: #ffffff; background: #fca311; }

/* ریسپانسیو - برگشتن به حالت زیر هم در تبلت و موبایل */
@media (max-width: 992px) {
    .haft-wide-socials {
        flex-direction: column;
        padding: 25px;
    }
    .wide-socials-header, .wide-socials-grid {
        width: 100%;
    }
    .wide-socials-header {
        min-height: auto;
    }
}

@media (max-width: 600px) {
    .wide-socials-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */