/*!
Theme Name: Blog Pulse
Theme URI: https://blog-pluse.masterspresses.com/
Author: Mustafa Abdo
Author URI: https://blog-pluse.masterspresses.com/
Description: The Ultimate WordPress Theme for Magazine and Newspaper Websites
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: blog-bulse
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Blog Pulse is based on Underscores https://blog-pluse.masterspresses.com/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


/* الميغا منيو */
html, body {
    width: 100%;
    overflow-x: hidden;
}

@media (max-width: 991.98px) {
    .navbar-expand-lg .navbar-collapse {
        z-index: 9999;
    }
}

.dropdown-menu .nav-link {
    line-height: 3 !important;
}

#menu-navigation-footer {
    line-height: 2;
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu .container {
    padding: 20px;
}


.navbar-nav.navbar-nav-scroll.navbar-lh-sm.nav-dark-text .dropdown-menu .nav-link {
    color: #595d69; 
}

[data-bs-theme="dark"] .navbar-nav.navbar-nav-scroll.navbar-lh-sm.nav-dark-text .dropdown-menu .nav-link {
    color: #ffffff; 
}


.card {
    border: none;
}


.nav-link img {
    border-radius: 50%; /* جعل الصورة دائرية */
    width: 32px;       /* ضبط عرض الصورة */
    height: 32px;      /* ضبط ارتفاع الصورة */
}
.nav-link span {
    font-size: 14px;   /* ضبط حجم النص */
    color: #333;       /* لون النص */
}


@media screen and (max-width: 782px) {
    html {
        margin-top: 0 !important;
    }
}




.card.bg-transparent img {
    width: 100% !important;
    height: 170px;
}








aside#secondary section {
    padding-top: 0;
    padding-bottom: 0;
}

.card.card-overlay-bottom.card-bg-scale.h-400.h-lg-560.top_highlights-1 {
    height: 100% !important;
}


img.rounded-3.top_highlights {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

img.rounded-3.news_slider-img {
    height: 85px;
    width: 100%;
    object-fit: cover;
}

.feature_news_slider-img {
    width: 100% !important;
    height: 345.88px;
}






/* الوضع الافتراضي (الوضع النهاري) */
.footer2 .footer-widget,
.footer2 .footer-widget a,
.footer2 .footer-widget .nav-item {
    color: #595d69!important; /* نصوص داكنة */
}

.footer2 h5 {
    color: #191a1f !important; /* نصوص الويدجات */
}

.footer.footer2 .widget, .footer2 p {
    color: #595d69 !important;
}

.footer.footer2 a,
.footer.footer2 .nav-link,
.footer.footer2 .nav-item {
    color: #595d69 !important;
}

/* الوضع الليلي (data-bs-theme="dark") */
[data-bs-theme="dark"] .footer2 .footer-widget,
[data-bs-theme="dark"] .footer2 .footer-widget a,
[data-bs-theme="dark"] .footer2 .footer-widget .nav-item {
    color: #ffffff !important; /* نصوص فاتحة */
}

[data-bs-theme="dark"] .footer2 h5,
[data-bs-theme="dark"] .footer2 p {
    color: #ffffff !important; /* نصوص الويدجات */
}

[data-bs-theme="dark"] .footer.footer2 .widget {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .footer.footer2 a,
[data-bs-theme="dark"] .footer.footer2 .nav-link,
[data-bs-theme="dark"] .footer.footer2 .nav-item {
    color: #ffffff !important;
}



.custom-background {
    position: fixed; /* لجعل العنصر ثابتًا */
    top: 0;
    left: 0;
    width: 100vw; /* تغطية عرض الشاشة بالكامل */
    height: 100vh; /* تغطية ارتفاع الشاشة بالكامل */
    z-index: -1; /* إرسال العنصر إلى الخلف */
    overflow: hidden; /* منع أي محتوى زائد */
}

.custom-background img {
    width: 100%; /* جعل الصورة تغطي عرض العنصر */
    height: 100%; /* جعل الصورة تغطي ارتفاع العنصر */
    object-fit: cover; /* ملاءمة الصورة */
    filter: grayscale(100%) opacity(0.8); /* تطبيق تأثيرات مثل الأبيض والأسود والشفافية */
    pointer-events: none; /* منع التفاعل مع الصورة */
    -webkit-user-select: none; /* منع النسخ */
    -ms-user-select: none;
    user-select: none;
}

.grayscale-demo, .grayscale-demo img {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%); /* دعم المتصفحات القديمة */
}

/* إذا كنت تريد التأثير يعود للألوان عند التحويم */
.grayscale-demo, .grayscale-demo img:hover {
    filter: none;
    -webkit-filter: none;
}

.navbar-top-news a {
    color: #ffffff;
}
.navbar-top-news a:hover {
    color: #ffffff;
}



.player-wrapper.rounded.overflow-hidden img {
    width: 100% !important;
    height: auto;
    object-fit: cover;
}

.nav-blog_personal {
    z-index: 100;
}

.default-avatar {
    width: 504px;
    height: 625px;
    object-fit: cover;
}


.img-product {
    height: 250px !important;
    object-fit: cover;
}

.img-slider-product {
    height: 270px !important;
    object-fit: cover;
}

.woocommerce img, .woocommerce-page img {
    max-width: 100%;
    height: fit-content;
}


footer.footer3.pb-5 img, footer.footer5 img {
    width: 260px !important;
    height: auto;
}


@media (max-width: 991.98px) {
    .navbar-expand-lg .navbar-nav .nav-item > .dropdown-menu {
        background: rgba(89, 93, 105, 0.04);
        padding: 20px 20px !important;
        margin: 10px 0;
    }
}

.ms-auto {
    margin-left: auto !important;
}

blockquote {
    position: relative;
    padding-left: 10px;
    margin: 0 0 1rem;
    padding: 3rem;
    border-radius: 5px;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;

}

blockquote p {
    margin: 0 3rem !important;
}


blockquote:before {
    content: '"';
    position: absolute;
    left: 30px;
    font-size: 8rem;
    line-height: 0.8em;
    font-weight: 700;
    color: var(--bs-primary);
}

.content-post a {
    transition: all 0.3s ease-in-out;
    background-size: 100% 6%;
    padding-bottom: 0px;
    background: linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-size: 0px 6%;
    background-repeat: no-repeat;
    background-position: left 100%;
    transition-duration: 0.5s;
    font-weight: inherit;
    padding: 0;
}

.content-post a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
    background-size: 100% 6%;
}



/* إخفاء الشعار الفاتح في الوضع الداكن */
body.dark-mode .light-mode-item {
    display: none;
}

/* إخفاء الشعار الغامق في الوضع الفاتح */
body.light-mode .dark-mode-item {
    display: none;
}

/* يمكن أيضاً إضافة خصائص إضافية للشعار (مثل حجم الصورة) */
.my-3 {
    margin: 1rem;
}


#offcanvasMenu img {
    width: 300px;
}

#offcanvasMenu {
    height: 100vh;
}


/* تنسيق الشاشات الصغيرة */
@media (max-width: 767px) {
    #cookieConsentAlert {
        width: 90%; /* زيادة عرض التنبيه ليشغل 90% من العرض */
        padding: 15px; /* تقليل الحشو ليكون أكثر توافقًا */
        left: 5%; /* ضبط المسافة من الجهة اليسرى */
        right: 5%; /* ضبط المسافة من الجهة اليمنى */
    }

    .alert .d-flex {
        flex-direction: column; /* تغيير ترتيب الأزرار ليكون عموديًا */
        align-items: flex-start; /* محاذاة الأزرار إلى اليسار */
        gap: 10px;
    }

    .alert .d-flex button {
        width: 100%; /* جعل الأزرار بعرض كامل */
        margin-bottom: 10px; /* إضافة تباعد بين الأزرار */
    }

    .alert .m-0 {
        margin-bottom: 10px; /* إضافة تباعد بين النص والأزرار */
    }
}



body.logged-in .offcanvas {
    padding-top: 32px;
}


@media (min-width: 790px) {
    

    body.logged-in .navbar-sticky-o {
        margin-top: 32px !important;
    }

    #wpadminbar {
        top: 0 !important;  
    } 
}


@media (max-width: 768px) {
    body.logged-in .navbar-sticky {
        padding-top: 45px;
    }
    
    #navbarCollapse {
        z-index: 999;
    }

    body.logged-in .offcanvas {
        padding-top: 45px;
    }

    .default-avatar {
        width: 100%;
        height: auto;
    }

    .spilt-fixed {
        margin-top: 45px
    }
    
}


@media (max-width: 500px) {
    body.logged-in .navbar-sticky-on {
        padding-top: 10px;
    }
}

.galary-post {
    text-align: center;
}

.galary-post img {
    height: 400px;
    object-fit: cover;
    width: 280px;
}

.ad-above-post {
    text-align: center;
    margin-bottom: 20px;
}

.ad-inside-post, .ad-below-post {
    text-align: center;
    margin: 30px 0;
}


.adsense-code {
    text-align: center;
    width: 100%;
    height: auto;
}

.ad-above-post {
    margin: 0 0 30px 0;
    text-align: center !important;
    display: flex;
    justify-content: center;
    width: 90%;
}