/* 1. بانگکردنی فۆنت و ڕێکخستنی گشتی */
@font-face {
    font-family: 'Dubai';
    src: url('fonts/dubai.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: 'Dubai', sans-serif !important;
    -webkit-tap-highlight-color: transparent;
}

body {
    background-color: #f4f7f9; /* ڕەنگێکی زۆر کاڵ بۆ چاو */
    color: #2c3e50;
    line-height: 1.8;
    direction: rtl;
    text-align: right;
    margin: 0;
    padding: 15px;
}

/* 2. ستایڵی ناونیشانەکان (Headings) */
h1, h2, h3, h4 {
    color: #512bd4; /* ڕەنگی مۆری فەرمی دۆت نێت */
    border-right: 5px solid #512bd4;
    padding-right: 15px;
    margin-top: 25px;
    margin-bottom: 15px;
    font-weight: bold;
}

/* 3. دیزاینی بلۆکی کۆدەکان (C# Code Blocks) - شێوازی Visual Studio */
pre, code {
    font-family: 'Consolas', 'Monaco', monospace !important; /* فۆنتی تایبەت بە کۆد */
    direction: ltr !important; /* کۆد دەبێت لە چەپ بۆ ڕاست بێت */
    text-align: left !important;
}

pre {
    background: #1e1e1e !important; /* ڕەنگی ڕەشی فۆتۆشۆپی/ڤیژوەڵ ستۆدیۆ */
    color: #dcdcdc;
    padding: 15px;
    border-radius: 12px;
    overflow-x: auto;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border: 1px solid #333;
    margin: 20px 0;
}

/* 4. دیزاینی نوێی Tooltipster (زۆر سەرنجڕاکێش) */
.tooltipster-sidetip .tooltipster-box {
    background: #512bd4 !important; /* گۆڕینی بۆ مۆری سەرنجڕاکێش */
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 20px rgba(81, 43, 212, 0.3) !important;
}

.tooltipster-sidetip .tooltipster-content {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 18px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* ستایڵی تیرەکەی ژێر توڵتیپەکە */
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #512bd4 !important;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #512bd4 !important;
}

/* 5. ستایڵی لینکەکان و دوگمەکان */
a {
    color: #512bd4;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s;
}

a:hover {
    color: #381da3;
    text-decoration: underline;
}

/* 6. ستایڵی لیستەکان */
ul {
    list-style-type: none;
    padding-right: 20px;
}

ul li::before {
    content: "●";
    color: #512bd4;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-right: -1em;
}

/* 7. ئەنیمەیشن بۆ نیشاندانی لاپەڕەکە */
body {
    animation: fadeInPage 0.8s ease-in-out;
}

@keyframes fadeInPage {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* پاراستنی کۆدەکانی Tooltipster بۆ کارکردن */
.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-fade{opacity:0;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent;position:absolute}