/* ===========================================================
   عنوان سفید صفحات - هزار و یک گشت پاسارگاد
   مسیر: public/assets-fa/css/page-title.css

   >>> کنترل اندازه فقط از همین یک بخش پایین <<<
   =========================================================== */

:root{

    /* اندازه عنوان در کامپیوتر و لپ‌تاپ */
    --pt-title-size: 32px;

    /* اندازه عنوان در تبلت */
    --pt-title-size-tablet: 32px;

    /* اندازه عنوان در موبایل */
    --pt-title-size-mobile: 32px;

    /* رنگ خط دور و سایه */
    --pt-edge: #16283a;

}

/* ===========================================================
   از اینجا به بعد را دست نزن
   =========================================================== */

.pt-title-wrap{
    position:absolute;
    inset:0;
    z-index:50;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px;
    text-align:center;
    pointer-events:none;
}

.pt-title{
    margin:0;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-family:inherit;
    font-weight:800 !important;
    font-size:var(--pt-title-size);
    line-height:1.4;
    letter-spacing:.3px;

    /* خط دور */
    -webkit-text-stroke:1.6px var(--pt-edge);
    paint-order:stroke fill;

    /* سایه یکنواخت دور تا دور حروف، بدون هاله پخش */
    text-shadow:
         2px  0    0 var(--pt-edge),
        -2px  0    0 var(--pt-edge),
         0    2px  0 var(--pt-edge),
         0   -2px  0 var(--pt-edge),
         1.5px  1.5px 0 var(--pt-edge),
        -1.5px  1.5px 0 var(--pt-edge),
         1.5px -1.5px 0 var(--pt-edge),
        -1.5px -1.5px 0 var(--pt-edge),
         0    0    3px rgba(22,40,58,.55);

    filter:none;

    transition:transform .3s ease;
}

/* غالب شدن روی استایل‌های اختصاصی بعضی صفحات */
#section3 h1.pt-title,
#section3 .pt-title,
.pfaq-pro-title h1.pt-title,
.pfaq-pro-title .pt-title{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:var(--pt-title-size) !important;
    font-weight:800 !important;
    line-height:1.4 !important;
    filter:none !important;
}

.pt-title-hero:hover .pt-title{
    transform:translateY(-3px);
}

/* برای پس‌زمینه کاملا سفید یا خیلی روشن - فقط خط دور ضخیم‌تر */
.pt-title-strong{
    -webkit-text-stroke-width:2px;
}

@media (max-width:992px){
    .pt-title,
    #section3 h1.pt-title,
    .pfaq-pro-title h1.pt-title{
        font-size:var(--pt-title-size-tablet) !important;
    }
    .pt-title{
        -webkit-text-stroke-width:1.3px;
    }
    .pt-title-strong{
        -webkit-text-stroke-width:1.7px;
    }
}

@media (max-width:768px){
    .pt-title,
    #section3 h1.pt-title,
    .pfaq-pro-title h1.pt-title{
        font-size:var(--pt-title-size-mobile) !important;
    }
    .pt-title{
        -webkit-text-stroke-width:1px;
        text-shadow:
             1.5px  0    0 var(--pt-edge),
            -1.5px  0    0 var(--pt-edge),
             0    1.5px  0 var(--pt-edge),
             0   -1.5px  0 var(--pt-edge),
             1px  1px 0 var(--pt-edge),
            -1px  1px 0 var(--pt-edge),
             1px -1px 0 var(--pt-edge),
            -1px -1px 0 var(--pt-edge),
             0    0    2px rgba(22,40,58,.5);
    }
    .pt-title-strong{
        -webkit-text-stroke-width:1.4px;
    }
    .pt-title-wrap{
        padding:18px;
    }
}

@media (prefers-reduced-motion:reduce){
    .pt-title{transition:none !important;}
    .pt-title-hero:hover .pt-title{transform:none;}
}