.elementor-1414 .elementor-element.elementor-element-9514383{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1414 .elementor-element.elementor-element-faad3f1{font-size:16px;font-weight:400;line-height:30px;}/* Start custom CSS for container, class: .elementor-element-9514383 *//* === یک Design System واقعی برای هر دو مقاله === */

.travel-guide{
    --navy:#173f5f;
    --teal:#126782;
    --gold:#d89b32;
    --ink:#263746;
    --muted:#5e6d78;
    --line:#dce6ec;
    --soft:#f4f8fa;
    --blue:#eaf4f7;
    --green:#edf8f2;
    --orange:#fff8e9;
    --red:#fff2f0;
    --shadow:0 6px 22px rgba(23,63,95,.075);

    direction:rtl;
    text-align:right;
    color:var(--ink);
    font-family:inherit;
    font-size:16px;
    line-height:2;
}

.travel-guide *{
    box-sizing:border-box;
}

.travel-guide p{
    margin:0 0 15px;
}

.travel-guide strong{
    color:var(--navy);
    font-weight:800;
}

.travel-guide a{
    color:var(--teal);
}

.travel-guide img{
    max-width:100%;
    height:auto;
    border-radius:15px;
}

.travel-guide hr{
    border:0;
    border-top:1px solid #FFF;
    margin:28px 0;
}


/* =========================================================
   مقدمه
   ========================================================= */

.travel-hero{
    position:relative;
    background:linear-gradient(135deg,#f3f8fb,#fff);
    border:1px solid var(--line);
    border-radius:18px;
    padding:23px 25px;
    margin-bottom:28px;
    box-shadow:var(--shadow);
    overflow:hidden;
}

.travel-hero:before{
    content:"";
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:5px;
    background:linear-gradient(135deg, #fb711f, #a92ec7) !important;
}

.travel-hero p:last-child{
    margin-bottom:0;
}

.travel-hero-lead{
    font-size:18px;
}


/* =========================================================
   بخش‌ها
   ========================================================= */

.travel-section{
    margin:0 0 25px;
}

.travel-guide h1,
.travel-guide h2{
    font-size:clamp(21px,2.5vw,28px);
    line-height:1.7;
    color:var(--navy);
    font-weight:850;
    margin:25px 0 10px;
    padding:13px 0px;
    border-right:0px solid #a92ec7;
    background:linear-gradient(90deg,#f5f9fb,#fff);
    border-radius:10px 0 0 10px;
}

.travel-guide h3{
    font-size:20px;
    line-height:1.7;
    color:var(--navy);
    font-weight:850;
    margin:0px 0 0px;
    padding:5px 0px;
    border-radius:10px 0 0 10px;
}


/* =========================================================
   سه باکس رنگی مشترک
   ========================================================= */

.travel-info,
.travel-note,
.travel-success,
.travel-warning{
    border-radius:13px;
    padding:17px 19px;
    margin:19px 0;
}

.travel-info{
    background:var(--blue);
    border:1px solid #c8dfe7;
    border-right:5px solid var(--teal);
}

.travel-note{
    background:var(--orange);
    border:1px solid #efd9a8;
    border-right:5px solid var(--gold);
}

.travel-success{
    background:var(--green);
    border:1px solid #c9e4d5;
    border-right:5px solid #3c9a68;
}

.travel-warning{
    background:var(--red);
    border:1px solid #efcbc5;
    border-right:5px solid #c65b50;
}

.travel-box-title{
    font-size:18px!important;
    font-weight:850!important;
    color:var(--navy)!important;
    margin:0 0 7px!important;
}


/* =========================================================
   پاسخ سریع
   فارسی سمت راست / مسیر سمت چپ
   فقط مخصوص travel-info
   ========================================================= */

.travel-info .travel-route-main{
    display:flex;
    align-items:center;
    width:100%;

    margin:10px 0;
    padding:10px 14px;

    background:rgba(255,255,255,.65);
    border:1px solid rgba(18,103,130,.12);
    border-radius:10px;

    color:var(--navy);
    font-weight:800;

    direction:rtl;
}


/* عنوان فارسی سمت راست */

.travel-info .travel-route-fa{
    margin-left:auto;
    direction:rtl;
    text-align:right;
    unicode-bidi:isolate;
}


/* فلش وسط */

.travel-info .travel-arrow{
    flex:0 0 auto;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:30px;
    min-width:30px;
    height:30px;

    margin:0 14px;

    border-radius:50%;
    background:#fff;

    color:var(--gold);
    font-size:18px;
    font-weight:900;
    line-height:1;

    box-shadow:0 2px 7px rgba(23,63,95,.08);
}


/* مسیر سمت چپ */

.travel-info .travel-route-en{
    margin-right:auto;
    direction:ltr;
    text-align:left;
    unicode-bidi:isolate;
}


/* اگر محتوای سمت چپ فارسی باشد */

.travel-info .travel-route-en:not([dir="ltr"]){
    direction:rtl;
    text-align:left;
}


/* =========================================================
   مراحل
   ========================================================= */

.travel-step{
    position:relative;
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
    padding:17px 19px;
    margin:16px 0;
    box-shadow:var(--shadow);
    overflow:hidden;
}

.travel-step:after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:4px;
    background:linear-gradient(135deg, #fb711f, #a92ec7) !important;
}

.travel-step-title{
    font-size:18px!important;
    font-weight:850!important;
    color:var(--navy)!important;
    margin:0 0 9px!important;
    padding:0!important;
}

.travel-step-number{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    height:34px;
    padding:0 10px;
    margin-left:8px;
    border-radius:30px;
    background:#fb711f;
    color:#fff;
    font-weight:800;
}

.travel-step p:last-child,
.travel-step ul:last-child{
    margin-bottom:0;
}


/* =========================================================
   FAQ
   ========================================================= */

.travel-faq-heading{
    margin-bottom:18px!important;
}

.travel-faq{
    background:#fff;
    border:1px solid var(--line);
    border-radius:12px;
    margin:11px 0;
    overflow:hidden;
    box-shadow:0 3px 12px rgba(23,63,95,.05);
}

.travel-faq summary{
    cursor:pointer;
    list-style:none;
    position:relative;
    color:var(--navy);
    font-weight:850;
    padding:15px 48px 15px 16px;
    background:#fff;
}

.travel-faq summary::-webkit-details-marker{
    display:none;
}

.travel-faq summary:before{
    content:"+";
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    width:25px;
    height:25px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--blue);
    color:var(--teal);
    font-size:19px;
}

.travel-faq[open] summary:before{
    content:"−";
    background:var(--teal);
    color:#fff;
}

.travel-faq[open] summary{
    border-bottom:1px solid var(--line);
    background:#f9fbfc;
}

.travel-faq-answer{
    padding:14px 17px 2px;
}

.travel-faq-answer hr{
    display:none;
}


/* =========================================================
   مسیرها
   ========================================================= */

.travel-route-box,
.travel-route-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
    padding:17px 19px;
    margin:17px 0;
    box-shadow:0 4px 14px rgba(23,63,95,.05);
}

.travel-route-line,
.travel-route-main{
    font-weight:800;
    color:var(--navy);
}

.travel-arrow{
    color:var(--gold);
    font-weight:900;
}

.travel-summary{
    background:linear-gradient(135deg,#f4f8fa,#fff);
    border:1px solid var(--line);
    border-radius:17px;
    padding:5px 20px 20px;
    margin:27px 0;
    box-shadow:var(--shadow);
}

.travel-route-summary{
    margin:28px 0;
}

.travel-route-title{
    background:linear-gradient(135deg,var(--navy),var(--teal));
    color:#fff;
    padding:19px 21px;
    border-radius:14px;
    font-size:22px;
    font-weight:850;
    margin-bottom:19px;
    border-bottom:4px solid var(--gold);
}

.travel-route-intro{
    background:var(--blue);
    border:1px solid #c8dfe7;
    border-radius:12px;
    padding:15px 18px;
    margin-bottom:22px;
}

.travel-route{
    position:relative;
    padding-right:30px;
    margin-right:10px;
    border-right:3px solid #cfe0e6;
}

.travel-route-step{
    position:relative;
    background:#fff;
    border:1px solid var(--line);
    border-radius:12px;
    padding:13px 17px;
    margin-bottom:13px;
    box-shadow:0 3px 12px rgba(23,63,95,.05);
    font-weight:650;
}

.travel-route-step:before{
    content:"";
    position:absolute;
    right:-39px;
    top:23px;
    width:15px;
    height:15px;
    border-radius:50%;
    background:var(--teal);
    border:3px solid var(--blue);
    box-shadow:0 0 0 2px var(--teal);
}

.travel-route-step.is-highlight{
    background:var(--blue);
    border-color:#a9d0dc;
    color:var(--navy);
}

.travel-route-step.is-final{
    background:linear-gradient(135deg,var(--navy),var(--teal));
    color:#fff;
    border:0;
    font-weight:850;
}


/* =========================================================
   جدول
   ========================================================= */

.travel-table-wrap{
    overflow-x:auto;
    max-width:100%;
    margin:19px 0 25px;
}

.travel-guide table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    margin:19px 0 25px;
    border:1px solid var(--line);
    border-radius:12px;
    overflow:hidden;
    font-size:15px;
}

.travel-guide th{
    background:var(--navy);
    color:#fff;
    font-weight:800;
    text-align:right;
    padding:13px 14px;
}

.travel-guide td{
    padding:12px 14px;
    border-top:1px solid var(--line);
    vertical-align:top;
}

.travel-guide tr:nth-child(even) td{
    background:#f5f9fb;
}


/* =========================================================
   کارت‌ها، کلمات و عبارات
   ========================================================= */

.travel-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:19px 0;
}

.travel-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
    padding:17px;
    box-shadow:0 4px 14px rgba(23,63,95,.05);
}

.travel-card-title{
    font-weight:850;
    color:var(--navy);
}

.travel-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:12px 0 19px;
}

.travel-tag{
    display:inline-block;
    background:var(--blue);
    color:var(--teal);
    font-size:13px;
    font-weight:850;
    border-radius:30px;
    padding:4px 11px;
}

.travel-phrase{
    background:#fff;
    border:1px solid var(--line);
    border-radius:11px;
    padding:13px 15px;
    margin:10px 0;
    box-shadow:0 2px 9px rgba(23,63,95,.035);
}

.travel-phrase-original{
    font-weight:850;
    color:var(--navy);
}

.travel-phrase-meaning{
    color:var(--muted);
}

.travel-guide ul,
.travel-guide ol{
    padding-right:27px;
    margin:10px 0 21px;
}

.travel-guide li{
    margin:7px 0;
}

.travel-guide li::marker{
    color:var(--teal);
}


/* =========================================================
   CTA
   ========================================================= */

.travel-cta{
    background:linear-gradient(135deg,#fb711f,#a92ec7);
    border-radius:14px;
    padding:18px 20px;
    margin:25px 0;
    text-align:center;
    box-shadow:0 6px 18px rgba(169,46,199,.12);
}

.travel-cta a{
    color:#fff!important;
    font-size:27px;
    font-weight:800;
    text-decoration:none!important;
}


/* =========================================================
   کلاس‌های واردشده از ادیتور مقاله دوم
   ========================================================= */

.travel-guide [class*="PDq2pG_"],
.travel-guide [class*="TyagGW_"]{
    max-width:100%;
}



/* =========================================================
   اصلاح جهت مسیرهای فلش‌دار — فقط راهنمای مسیر
   ========================================================= */
.travel-route-line.travel-route-ltr{
    direction:ltr;
    text-align:left;
    unicode-bidi:isolate;
}

.travel-route-line.travel-route-ltr .travel-arrow{
    direction:ltr;
    unicode-bidi:isolate;
}

/* =========================================================
   موبایل
   ========================================================= */

@media(max-width:680px){

    .travel-guide{
        font-size:15px;
        line-height:1.9;
    }

    .travel-hero{
        padding:18px;
    }

    .travel-guide h1,
    .travel-guide h2{
        font-size:17px;
        margin-top:20px;
        padding:11px 13px;
    }

    .travel-guide h3{
        font-size:17px;
    }

    .travel-step,
    .travel-info,
    .travel-note,
    .travel-success,
    .travel-warning{
        padding:14px;
    }

    .travel-grid{
        grid-template-columns:1fr;
    }

    .travel-guide table{
        font-size:14px;
    }

    .travel-guide th,
    .travel-guide td{
        padding:9px 10px;
    }

    .travel-cta a{
        font-size:21px;
    }

    .travel-route{
        padding-right:22px;
        margin-right:8px;
    }

    .travel-route-step:before{
        right:-31px;
        width:12px;
        height:12px;
    }


    /* پاسخ سریع در موبایل */

    .travel-info .travel-route-main{
        padding:9px 10px;
        font-size:13px;
    }

    .travel-info .travel-arrow{
        width:26px;
        min-width:26px;
        height:26px;
        margin:0 7px;
        font-size:15px;
    }
}/* End custom CSS */