/* زر الوضع الليلي */
#nm-toggle {
    background: none;
    border: none;
    font-size: 24px;
    color: #fe7a36;
    cursor: pointer;
}

body.night-mode {
    background-color: #000;
}

/* الخلفيات */
body.night-mode .nm-bg-black {
    background-color: #000 !important;
}
body.night-mode .nm-bg-dark {
    background-color: #111 !important;
}

/* إظهار/إخفاء */
body.night-mode .nm-show-on-night {
    display: block !important;
}
body.night-mode .nm-hide-on-night {
    display: none !important;
}
body.night-mode .nm-show-on-light {
    display: none !important;
}
body.night-mode .nm-hide-on-light {
    display: block !important;
}

/* النصوص */
body.night-mode .nm-white-text {
    color: #fff !important;
}
body.night-mode .nm-custom-text {
    color: #8A8C9A !important;
}

/* الحدود */
body.night-mode .nm-border-top {
    border-top: 1px solid #fff !important;
}
body.night-mode .nm-border-bottom {
    border-bottom: 1px solid #fff !important;
}
body.night-mode .nm-border-left {
    border-left: 1px solid #fff !important;
}
body.night-mode .nm-border-right {
    border-right: 1px solid #fff !important;
}

/* أيقونات داخل أي عنصر */
body.night-mode .nm-icon-white i,
body.night-mode .nm-icon-white svg {
    color: #fff !important;
    fill: #fff !important;
}

/* روابط داخل أي عنصر */
body.night-mode .nm-link-white a {
    color: #fff !important;
}

/* عناوين وفقرات */
body.night-mode .nm-h1-white h1 {
    color: #fff !important;
}
body.night-mode .nm-h2-white h2 {
    color: #fff !important;
}
body.night-mode .nm-h3-white h3 {
    color: #fff !important;
}
body.night-mode .nm-h4-white h4 {
    color: #fff !important;
}
body.night-mode .nm-h5-white h5 {
    color: #fff !important;
}
body.night-mode .nm-h6-white h6 {
    color: #fff !important;
}
body.night-mode .nm-p-white p {
    color: #fff !important;
}

/* لون الزرار أبيض في الوضع الليلي */
body.night-mode .nm-button-white {
    color: #fff !important;
    border-color: #fff !important;
    background-color: transparent !important;
}

/* زرار بخلفية #111 في الوضع الليلي */
body.night-mode .nm-button-bg-dark {
    background-color: #111 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

/* لون الـ span أبيض في الوضع الليلي */
body.night-mode .nm-span-white span {
    color: #fff !important;
}

/* SVGs داخل ul > li في النايت مود */
body.night-mode .nm-ul-icon-white ul li svg {
    fill: #fff !important;
    color: #fff !important;
}

.nm-toggle {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0;
    margin: 0;
    font-size: 24px;
    color: #fe7a36 !important;
    cursor: pointer;
}

.nm-toggle i {
    color: #fe7a36 !important;
}