/*!
	Theme Name: پوسته فرزند قالب وردپرس نادر
	Template: nader
	Author: Ali Emadzadeh
	Author URI: https://www.rtl-theme.com/author/halbia/
	Version: 1.0.0
*/

/* ========================================
   آیکن وضعیت نقشه
   ======================================== */

.drawing-status-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 26px !important;
    height: 26px !important;
    line-height: 1;
    flex: 0 0 26px;
}

.drawing-status-icon svg {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    fill: none !important;
    stroke-width: 2 !important;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* دایره در هر دو حالت */
.drawing-status-icon circle {
    stroke: #7A7A7A !important;
}

/* فقط تیک وضعیت تأییدشده */
.drawing-status-icon.is-confirmed path {
    stroke: #3E1CD2 !important;
}

/* ========================================
   انیمیشن آیکن ZIP
   ======================================== */

/* حرکت کلی آیکن */
.zip-download-icon .floaty,
.elementor-widget-html .floaty {
    transform-box: fill-box;
    transform-origin: center;
    animation: zip-float 2.8s ease-in-out infinite;
}

/* حرکت دستگیره زیپ */
.zip-download-icon .zip-head,
.elementor-widget-html .zip-head {
    transform-box: fill-box;
    transform-origin: center;
    animation: zip-handle 1.6s ease-in-out infinite;
}

/* ضربان برچسب ZIP */
.zip-download-icon .badge,
.elementor-widget-html .badge {
    transform-box: fill-box;
    transform-origin: center;
    animation: zip-pulse 2.2s ease-in-out infinite;
}

/* درخشش ستاره اول */
.zip-download-icon .sparkle-a,
.elementor-widget-html .sparkle-a {
    transform-box: fill-box;
    transform-origin: center;
    animation: zip-sparkle 1.4s ease-in-out infinite;
}

/* درخشش ستاره دوم */
.zip-download-icon .sparkle-b,
.elementor-widget-html .sparkle-b {
    transform-box: fill-box;
    transform-origin: center;
    animation: zip-sparkle 1.4s ease-in-out 0.5s infinite;
}

/* ========================================
   حجم فایل زیپ
   ======================================== */

.drawing-file-size {
    display: block;
    color: #7A7A7A;
    font-size: 16px;
    line-height: 1.4;
    white-space: nowrap;
}

span.drawing-file-size {
    color: #7A7A7A !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

.elementor-widget-text-editor p:has(.drawing-file-size) {
    margin: 0 !important;
    color: #7A7A7A !important;
    font-size: 16px !important;
}

.elementor-widget-shortcode span.drawing-file-size,
.elementor-shortcode span.drawing-file-size {
    color: #7A7A7A !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

/* ========================================
   فریم‌های انیمیشن ZIP
   ======================================== */

@keyframes zip-float {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

@keyframes zip-handle {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(4px);
    }
}

@keyframes zip-pulse {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

@keyframes zip-sparkle {
    0%,
    100% {
        opacity: 0.25;
        transform: scale(0.75);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}

/* کلاس دکمه برای برچسب های پویا */

.elementor-element-b4e1059 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    direction: rtl;
}

.elementor-element-b4e1059 > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 9px 18px !important;
    margin: 0 !important;

    background-color: #f1efff !important;
    border: none !important;
    border-radius: 8px !important;

    color: #575267 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

/* Reusable Fancy Button - White to Purple Hover */
/* class: ss-btn-white-purple */

.ss-btn-white-purple .fancy-button-widget,
.ss-btn-white-purple.fancy-button-widget {
    position: relative !important;
    overflow: hidden !important;

    background-color: #ffffff !important;
    background-image: linear-gradient(to left, #3E1CD2 50%, #ffffff 50%) !important;
    background-size: 200% 100% !important;
    background-position: left center !important;

    color: #3E1CD2 !important;
    border: 1px solid rgba(62, 28, 210, 0.25) !important;
    box-shadow: 0 10px 22px rgba(62, 28, 210, 0.08) !important;

    transition:
        background-position 0.34s ease,
        color 0.28s ease,
        border-color 0.28s ease,
        box-shadow 0.28s ease,
        transform 0.28s ease !important;
}

/* متن و آیکن در حالت عادی */
.ss-btn-white-purple .fancy-button-widget .texts,
.ss-btn-white-purple .fancy-button-widget .texts span,
.ss-btn-white-purple .fancy-button-widget .icon,
.ss-btn-white-purple.fancy-button-widget .texts,
.ss-btn-white-purple.fancy-button-widget .texts span,
.ss-btn-white-purple.fancy-button-widget .icon {
    color: #3E1CD2 !important;
}

/* SVG */
.ss-btn-white-purple .fancy-button-widget svg,
.ss-btn-white-purple .fancy-button-widget svg path,
.ss-btn-white-purple.fancy-button-widget svg,
.ss-btn-white-purple.fancy-button-widget svg path {
    fill: currentColor !important;
}

/* Hover */
@media (min-width: 1025px) and (hover: hover) {

    .ss-btn-white-purple .fancy-button-widget:hover,
    .ss-btn-white-purple.fancy-button-widget:hover {
        background-position: right center !important;
        color: #ffffff !important;
        border-color: #3E1CD2 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 14px 30px rgba(62, 28, 210, 0.22) !important;
    }

    .ss-btn-white-purple .fancy-button-widget:hover .texts,
    .ss-btn-white-purple .fancy-button-widget:hover .texts span,
    .ss-btn-white-purple .fancy-button-widget:hover .icon,
    .ss-btn-white-purple.fancy-button-widget:hover .texts,
    .ss-btn-white-purple.fancy-button-widget:hover .texts span,
    .ss-btn-white-purple.fancy-button-widget:hover .icon {
        color: #ffffff !important;
    }

    .ss-btn-white-purple .fancy-button-widget:hover .icon,
    .ss-btn-white-purple.fancy-button-widget:hover .icon {
        transform: translateX(-4px) !important;
    }
}

/* ========================================
   صفحه‌بندی آرشیو پروژه‌ها
   ======================================== */

.ss-project-archive-loop .elementor-pagination,
.ss-project-archive-loop .nav-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 34px !important;
    direction: rtl !important;
}

/* دکمه‌های صفحه‌بندی */
.ss-project-archive-loop .elementor-pagination .page-numbers,
.ss-project-archive-loop .nav-links .page-numbers {
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 14px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 12px !important;
    border: 1px solid rgba(62, 28, 210, 0.18) !important;
    outline: none !important;

    background-color: #ffffff !important;
    background-image: linear-gradient(to left, #3E1CD2 50%, #ffffff 50%) !important;
    background-size: 200% 100% !important;
    background-position: left center !important;

    color: #3E1CD2 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;

    box-shadow: none !important;

    transition:
        background-position 0.34s ease,
        color 0.28s ease,
        border-color 0.28s ease,
        box-shadow 0.28s ease,
        transform 0.28s ease !important;
}

/* صفحه فعال */
.ss-project-archive-loop .elementor-pagination .page-numbers.current,
.ss-project-archive-loop .nav-links .page-numbers.current {
    background-image: none !important;
    background-color: #3E1CD2 !important;
    color: #ffffff !important;
    border-color: #3E1CD2 !important;
    box-shadow: 0 8px 18px rgba(62, 28, 210, 0.16) !important;
    cursor: default !important;
}

/* Hover مثل دکمه سفید به بنفش */
@media (min-width: 1025px) and (hover: hover) {

    .ss-project-archive-loop .elementor-pagination a.page-numbers:not(.current):hover,
    .ss-project-archive-loop .nav-links a.page-numbers:not(.current):hover {
        background-position: right center !important;
        color: #ffffff !important;
        border-color: #3E1CD2 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 10px 22px rgba(62, 28, 210, 0.16) !important;
        outline: none !important;
    }
}

/* موبایل صفحه‌بندی */
@media (max-width: 767px) {

    .ss-project-archive-loop .elementor-pagination,
    .ss-project-archive-loop .nav-links {
        gap: 6px !important;
        margin-top: 26px !important;
        flex-wrap: wrap !important;
    }

    .ss-project-archive-loop .elementor-pagination .page-numbers,
    .ss-project-archive-loop .nav-links .page-numbers {
        min-width: 34px !important;
        height: 34px !important;
        padding: 0 12px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
    }
}

/* ========================================
   آمار بالای آرشیو پروژه‌ها
   ======================================== */

.ss-project-archive-stats {
    width: fit-content;
    max-width: 100%;

    margin: 0 0 22px auto;
    padding: 8px 13px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(62, 28, 210, 0.12);
    border-radius: 999px;
    background: #ffffff;

    color: #6B7280;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.7;

    box-shadow: 0 8px 20px rgba(17, 24, 39, 0.04);
}

.ss-project-archive-stats-main {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.ss-project-archive-stats-main strong {
    color: #3E1CD2;
    font-weight: 900;
}

@media (max-width: 767px) {
    .ss-project-archive-stats {
        margin: 0 0 16px auto;
        padding: 7px 11px;
        font-size: 12px;
    }
}

/*
 * SS - Match Company Header Link With Nader Menu
 */

.ss-company-header-menu {
    margin: 0 !important;
    padding: 0 !important;
}

.ss-company-header-menu .nav-link {
    font-family: IranSans, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 23.2px !important;
    padding: 8px 16px !important;
    color: rgb(34, 34, 34) !important;
    text-decoration: none !important;
}

.ss-company-header-menu .nav-link:hover {
    color: var(--nader-color-main) !important;
}

/* بک‌گراند تصویری مشترک صفحات داخلی */
body.page-id-143,
body.single-project,
body.page-id-152,
body.single-post,
body.page-id-79,
body.page-id-8292 {
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.95) 0%,
      rgba(250, 250, 250, 0.98) 45%,
      rgba(244, 244, 242, 0.98) 100%
    ),
    url("https://saeedshokouh.com/demo/wp-content/uploads/2026/07/Indoor-Straight-Stairs.webp") center center / cover no-repeat fixed !important;
}

/* لایه اصلی المنتور شفاف بماند تا بک دیده شود */
body.page-id-143 .elementor-143,
body.single-project .elementor-250,
body.page-id-152 .elementor-152,
body.single-post .elementor-4169,
body.page-id-79 .elementor-79,
body.page-id-8292 .elementor-8292 {
  background: transparent !important;
  min-height: calc(100vh - 120px);
}