/*
 =======================================================
   Final & Correct Color Scheme for Nfours Store
 =======================================================
*/


.main-links-style-1-slider-single-content.group.sal-animate{
background: transparent;
    line-height: 1.5rem;
    outline: 1px solid #b2d922;
    outline-offset: -3px;
    width:97%;
    animation: signal 1200ms infinite;
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 #cfcfcf;
    }

    100% {
        box-shadow: 0 0 0 3px #65bebb;
    }
}


:root {

  /* -------------------------------------
     3. تغيير لون النصوص
     ------------------------------------- */
  --color-text: #f0f4e7;
  --color-text-light: #f0f4e7;


  /* -------------------------------------
     4. تغيير الألوان التفاعلية (الهوفر والسلة)
     ------------------------------------- */
  /* Old: #b6d7df -> New: #84a787 */
  --color-primary: #84a787;
  --color-primary-h: #84a787; /* h for hover */
  --color-secondary: #84a787;

  /* لون النص فوق الأزرار الملونة */
  --color-primary-text: #11231a;
  --color-
  
  /* --- Navbar Styles --- */
.main-navbar{position:fixed;top:.75rem;left:50%;transform:translateX(-50%);width:95%;padding:.3rem 1rem;border-radius:1rem;background-color:rgba(255,255,255,.8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:0 solid rgba(255,255,255,.2);box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:50;display:flex;justify-content:space-between;align-items:center;transition-property:all;transition-timing-function:cubic-bezier(.5,.52,.5,.52);transition-duration:300ms}@media (prefers-color-scheme:dark){.main-navbar{background-color:rgba(17,35,26,.7)}}

/* --- FAQ Styles --- */

/* --- عند المرور بالماوس --- */
.faq-content-single-question{transition:all .3s ease;border-radius:1rem}.faq-content-single-question:hover{background-color:var(--color-primary);color:#fff!important;border-color:var(--color-primary)}.faq-content-single-question:hover .faq-content-single-question-title{color:#fff}


/* --- تصميم شريط السؤال القابل للضغط --- */
.faq-content-single-question {
    padding: 1.25rem 1.5rem;
    border-radius: 0.75rem;
    transition: all 0.3s ease;
    border: 1px solid rgba(132, 167, 135, 0.15);

    /* --- التعديل هنا --- */
    /* تم رفع الشفافية من 50% إلى 75% لجعل اللون الأخضر أوضح */
    background-color: rgba(17, 35, 26, 0.75); 
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* زيادة وضوح اللون عند مرور الماوس */
.faq-content-single-question:hover {
    background-color: rgba(17, 35, 26, 0.85); /* 85% opacity */
    border-color: rgba(132, 167, 135, 0.3);
}

/* --- تصميم شريط السؤال عندما يكون مفتوحًا --- */
.faq-content-single[open] > .faq-content-single-question {
    background-color: rgba(17, 35, 26, 0.85); /* 85% opacity */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: rgba(132, 167, 135, 0.3);
}

/* --- تصميم صندوق الإجابة (يبقى كما هو) --- */
.faq-content-single-answer {
    background-color: #203f31; 
    padding: 1.5rem;
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
    border: 1px solid rgba(132, 167, 135, 0.3);
    border-top: none;
}

/* --- حركة ناعمة لسهم فتح وإغلاق السؤال --- */
.faq-content-single-question-icon svg {
    transition: transform 0.3s ease;
    stroke: #84a787; /* التأكد من لون السهم */
}
.faq-content-single[open] .faq-content-single-question-icon svg {
    transform: rotate(180deg);
}

.faq-content-single-answer {
    margin-top: 0 !important;
}

/*
 * =======================================================
 * Nfours - Custom Category Filters CSS (Corrected)
 * =======================================================
 */
.nfours-filters-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
    width: 100% !important;
    margin-bottom: 2.5rem !important;
}

.nfours-filters-container .filter-btn {
    display: inline-flex !important;
    padding: 0.75rem 1.5rem !important;
    border: 1px solid var(--color-secondary) !important;
    border-radius: 9999px !important; /* شكل دائري */
    color: var(--color-secondary) !important;
    background-color: transparent !important;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer;
}

.nfours-filters-container .filter-btn:hover {
    background-color: var(--color-secondary) !important;
    color: var(--color-secondary-text) !important;
    transform: translateY(-2px);
}

/* =================================
   Darken Footer Background
   ================================= */

footer > div {
    background-color: #0d1b15 !important; 
    max-width: 100% !important;
}

/*
 * ===========================================
 * Increase Gap between Mobile Menu Icon & Logo
 * ===========================================
 */

.gap-3 {
    gap: 6.3rem;
}


/*
=================================================
  Replace Header & Footer Logo
=================================================
*/

/*
  هذا الكود يستهدف صورة اللوجو في كل من هيدر الجوال
  والنافبار الثابت في نسخة سطح المكتب ويقوم باستبدالها.
*/
.header-mobile .logo img,
.main-nav-container.fixed-header .logo img,
.main-navbar a[aria-label="Store Home Page"] img {
    /* استخدم خاصية `content` لاستبدال مصدر الصورة */
    content: url("https://res.cloudinary.com/dbvl7eq8m/image/upload/v1754475091/n4_website_logo_ginojc.png") !important;
}

/* --- 2. استهداف لوجو الفوتر (بناءً على الكود الجديد الذي أرسلته) --- */
footer a[aria-label="Store Homepage"] img {
    content: url("https://res.cloudinary.com/dbvl7eq8m/image/upload/v1754475091/n4_website_logo_ginojc.png") !important;
}
.divider.bg-\[var\(--bg-primary\)\] {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.divider.bg-\[var\(--bg-primary\)\] {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

span.text-unicode.unicode {
    color: white;
}

.rtl .text-start, [dir=rtl] .text-start b, strong {
    color: white;
}

.flex.w-full.flex-col.lg\:flex-row.lg\:justify-between.gap-4.items-center.md\:items-start p{
    color: white;
}


li.rtl\:ml-2\.5.ltr\:mr-2\.5 {
    color: white !important;
}

a.social-link.hover\:text-primary {
    color: white;
}


.sicon-paper-plane-o:before {
    color: white;
}

h2.text-xl.font-bold.text-\[\#231f1e\] {
    color: white;
}

a.flex.gap-1.hover\:text-primary {
    color: white;
}

p.pr-1\.5 {
    color: white;
}

.divider.bg-\[var\(--bg-primary\)\] {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.product-card {
    background: #638666;
}

button.product-card-actions-add-to-cart {
    background: #0d261c;
}

span.mb-1 {
    color: wheat;
}

span.product-card-content-meta-pricing-current-discounted-meta-value {
    color: #f5deb3;
}
a.fix-align.text-primary {
    font-size: 20px !important;
}


html.light.no-touchevents.hydrated.dark  .product__description.leading-7  span {

  color: white !important;
}

html.light.no-touchevents.hydrated.dark  .product__description.leading-7  strong  {

  color: #d4e5b5 !important;
}

nav.breadcrumbs.w-full.md\:px-3.pt-16.dark\:text-\[\#7A798A\] {
    margin-top: 30px !important;
}

nav.breadcrumbs.w-full.md\:px-3.pt-16.dark\:text-\[\#7A798A\] {
    margin-top: 30px !important;
}



nav.main-navbar.ease-\[cubic-bezier\(\.5\,\.52\,\.5\,\.52\)\].duration-300.h-auto.w-\[90\%\].bg-\[var\(--bg-primary\)\].rounded-xl.z-20.top-3.fixed.-translate-x-1\/2.left-1\/2.backdrop-blur-sm.navbar-box-shadow.py-2.px-4.flex.justify-between  .main-menu li.root-level > a{

    color:white !important ;
}

.navbar-box-shadow{
    background:#0e261c !important;
}

.text-\[\#676D75\] {
    color: white !important;
}

.flex.gap-5.items-center {
    color: white;
}

div#theme-toggle {
    color: white !important;
}

button.theme-toggle {
   --icon-fill: hsl(0deg 0% 100%);
}

b.s-cart-summary-total.hover\:\!text-primary.cursor-pointer.\!text-\[\#676D75\].dark\:\!text-\[\#7a798a\].ml-1.rtl\:mr-1 {
    color: white !important;
}
div#s-edit-alert a{
    background: transparent !important;
}

span.product-card-content-meta-pricing-current-discounted-meta-regular {
    color: #6dd0bf !important;
    font-weight: bold;
    font-size: 18px !important;
}

section.main-links-style-2.bg-\[var\(--bg-primary\)\].duration-\[0\.3s\] .container{
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.main-links-style-2-slider-single {
    margin-bottom: 0px !important;
}
.rtl .text-start, [dir=rtl] .text-start b, strong {
    color: #6e9c10 !important;
}
nav.breadcrumbs.w-full.pt-16.dark\:text-\[\#7A798A\] {
    padding-top: 118px;
}
.main-links-style-2-slider-single-content-title {
    display: none;
}


.main-links-style-1-slider-single-content-title {
    display: none;
}

h2.main-links-style-1-heading-title.section-heading-title {
    background: linear-gradient(45deg, #5ac6cc, #84a787);
    padding: 10px;
    border-radius: 20px;
    font-size: 23px;
}

.product__description ul, .product__description li {
    color: #d2ffd6;
}

p.ql-align-right.ql-direction-rtl.text-right span  {color: #b9d7bc !important;}

.product__description ul, .product__description li span {color: #b9d7bc !important;}