/* Font Faces */

@font-face {
    font-family: 'IRANSans';
    src: url('assets/css/fonts/IRANSansWeb.woff2') format('woff2');
}

@font-face {
    font-family: 'IRANSans';
    src: url('assets/css/fonts/IRANSansWeb(FaNum).woff2') format('woff2'), ;
}

body {
    font-family: 'IRANSans', sans-serif;
}

html[dir="rtl"] {
    font-family: IRANSans, system-ui, -apple-system, sans-serif;
}

.rtl .footer-widget ul li a:before {
    content: '\f053';
    /* FontAwesome chevron-left */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    @apply ml-2 text-xs;
}
/* RTL Modern Unordered List Styles */
ul.special-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    direction: rtl;
}

ul.special-list li {
    position: relative;
    padding: 18px 60px 18px 20px; /* Flipped: right padding is now 60px */
    margin: 12px 0;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    border-radius: 12px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

ul.special-list li:hover {
    transform: translateX(-10px); /* Flipped: moves left instead of right */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
}

ul.special-list li::before {
    content: '✦';
    position: absolute;
    right: 20px; /* Changed from left to right */
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #667eea;
    font-weight: bold;
    transition: all 0.3s ease;
}

ul.special-list li:hover::before {
    transform: translateY(-50%) rotate(180deg);
    color: #764ba2;
}

/* RTL Modern Ordered List Styles */
ol.special-list {
    list-style: none;
    counter-reset: custom-counter;
    padding: 0;
    margin: 20px 0;
    direction: rtl;
}

ol.special-list li {
    position: relative;
    padding: 18px 80px 18px 20px; /* Flipped: right padding is now 80px */
    margin: 12px 0;
    background: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);
    border-radius: 12px;
    counter-increment: custom-counter;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

ol.special-list li:hover {
    transform: translateX(-10px); /* Flipped: moves left instead of right */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
}

ol.special-list li::before {
    content: counter(custom-counter);
    position: absolute;
    right: 20px; /* Changed from left to right */
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

ol.special-list li:hover::before {
    transform: translateY(-50%) scale(1.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

/* RTL Nested Lists */
ul.special-list ul, 
ol.special-list ol, 
ul.special-list ol, 
ol.special-list ul {
    margin: 10px 20px 10px 0; /* Flipped: right margin instead of left */
}

ul.special-list ul li, 
ol.special-list ul li {
    background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
    font-size: 0.95em;
}

ol.special-list ol li {
    background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
    font-size: 0.95em;
}
.post ul:not(.toc_list) li {
    padding: 12px 45px 12px 15px;
    background: linear-gradient(to left, #f8f9fa, #ffffff);
}
.post ul:not(.toc_list) li::before {
    left:auto;
    right: 18px;
}