/*
--------------------------------------------------
WordNet Dictionary
Version 1.0
--------------------------------------------------
*/

*{
    box-sizing:border-box;
}

/* صفحه */

.wn-page{

    width:100%;

    max-width:1200px;

    margin:30px auto;

    padding:20px;
}

/* عنوان */

.wn-title{

    text-align:center;

    direction:rtl;

    font-size:34px;

    font-weight:700;

    margin-bottom:30px;

    color:#1d3557;

}

/* باکس جستجو */

.wn-search-box{

    display:flex;

    gap:10px;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    margin-bottom:35px;

}

/* ادیت باکس */

.wn-input{

    flex:1;

    min-width:280px;

    max-width:700px;

    height:52px;

    padding:0 18px;

    border:2px solid #d8d8d8;

    border-radius:10px;

    font-size:20px;

    direction:ltr;

    text-align:left;

    transition:.3s;

}

.wn-input:focus{

    outline:none;

    border-color:#2f80ed;

    box-shadow:0 0 8px rgba(47,128,237,.3);

}

/* دکمه */

.wn-button{

    height:52px;

    padding:0 35px;

    border:none;

    border-radius:10px;

    background:#2f80ed;

    color:#fff;

    font-size:18px;

    cursor:pointer;

    transition:.3s;

}

.wn-button:hover{

    background:#0f6ad6;

}

/* کارت */

.wn-card{

    background:#fff;

    border-radius:14px;

    box-shadow:0 3px 15px rgba(0,0,0,.08);

    margin-bottom:25px;

    overflow:hidden;

    border:1px solid #ededed;

}

/* هدر کارت */

.wn-header{

    background:#f7f9fc;

    padding:15px 20px;

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    align-items:center;

    border-bottom:1px solid #ececec;

}

.wn-header h3{

    margin:0;

    font-size:28px;

    color:#0b5394;

}

/* شماره معنی */

.wn-sense{

    margin-left:auto;

    font-size:14px;

    color:#888;

}

/* بخش ها */

.wn-block{

    padding:18px 22px;

    border-bottom:1px solid #f1f1f1;

}

.wn-block:last-child{

    border-bottom:none;

}

/* عنوان بخش */

.wn-heading{

    margin:0 0 10px;

    font-size:19px;

    font-weight:bold;

    color:#1d3557;

    direction:ltr;

    text-align:left;

}

/* متن */

.wn-text{

    direction:ltr;

    text-align:left;

    line-height:1.9;

    unicode-bidi:embed;

}

/* لیست */

.wn-list{

    margin:0;

    padding-left:25px;

    list-style:disc;

    direction:ltr;

    text-align:left;

}

/* آیتم */

.wn-list li{

    direction:ltr;

    text-align:left;

    margin-bottom:8px;

    unicode-bidi:embed;

}

.wn-list li span{

    direction:ltr;

    text-align:left;

    display:inline-block;

}

/* Badge */

.wn-badge{

    padding:4px 12px;

    border-radius:30px;

    color:#fff;

    font-size:13px;

    font-weight:bold;

}

.wn-blue{

    background:#2196f3;

}

.wn-green{

    background:#4caf50;

}

.wn-orange{

    background:#ff9800;

}

.wn-purple{

    background:#9c27b0;

}

.wn-gray{

    background:#666;

}

/* عدم یافتن */

.wn-notfound{

    text-align:center;

    direction:rtl;

    background:#fff3cd;

    color:#856404;

    padding:20px;

    border-radius:10px;

    margin-top:25px;

}

/* موبایل */

@media(max-width:768px){

.wn-title{

    font-size:26px;

}

.wn-header{

    flex-direction:column;

    align-items:flex-start;

}

.wn-header h3{

    font-size:24px;

}

.wn-sense{

    margin-left:0;

}

.wn-button{

    width:100%;

}

.wn-input{

    width:100%;

}

}

/* موبایل کوچک */

@media(max-width:480px){

.wn-page{

    padding:10px;

}

.wn-block{

    padding:15px;

}

.wn-heading{

    font-size:17px;

}

}




/* کل بخش فرهنگ لغت */
.wn-page{
    direction:ltr !important;
    text-align:left !important;
    unicode-bidi:embed;
}

/* تمام عناصر داخلی */
.wn-page *,
.wn-result,
.wn-card,
.wn-content,
.wn-section,
.wn-list,
.wn-list li,
.wn-definition,
.wn-examples,
.wn-details{
    direction:ltr !important;
    text-align:left !important;
    unicode-bidi:embed;
}

/* لیست‌ها */
.wn-list{
    padding-left:20px !important;
    padding-right:0 !important;
    margin:10px 0;
}

.wn-list li{
    list-style-position:outside;
}

/* متن مثال‌ها */
.wn-examples{
    white-space:pre-line;
    line-height:1.8;
}

/* ورودی جستجو */
#word{
    direction:ltr;
    text-align:left;
}

/* عنوان‌ها */
.wn-title,
.wn-section-title{
    direction:ltr;
    text-align:left;
}



.wn-page h2.wn-title{
    direction: rtl !important;
    text-align: center !important;
    unicode-bidi: bidi-override !important;
}