/* Add custom CSS styles below */ 

/* تعريف ألوان الهوية */
:root {
    --main-blue: #1F2A64;   /* الكحلي */
    --main-gold: #B79C6B;   /* الذهبي */
    --light-bg: #F7F7F7;
    --white: #FFFFFF;
    --text-gray: #666666;
}

/* خلفية عامة للموقع */
body {
    background-color: var(--light-bg) !important;
}

/* الهيدر */
.header, .navbar, .site-header {
    background-color: var(--main-blue) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.header a, .navbar a, .site-header a {
    color: var(--white) !important;
    font-weight: 500 !important;
}

/* تغيير لون الأيقونات */
.header i, .navbar i {
    color: var(--white) !important;
}

/* الزر العلوي (سلة — تسجيل — بحث) */
a.btn, .top-btn, .header-button {
    background-color: var(--main-gold) !important;
    color: var(--white) !important;
    border-radius: 6px !important;
    padding: 6px 14px !important;
    transition: .3s;
}

a.btn:hover {
    background-color: var(--main-blue) !important;
}

/* عناوين الأقسام */
.section-title, h2, h3 {
    color: var(--main-blue) !important;
    border-right: 5px solid var(--main-gold) !important;
    padding-right: 10px !important;
    font-weight: 700 !important;
}

/* بطاقات المنتجات والخدمات */
.product-card, .product-item, .service-card {
    background: var(--white) !important;
    border: 1px solid #e4e4e4 !important;
    border-radius: 12px !important;
    padding: 15px !important;
    transition: 0.3s ease;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* سعر الخدمة */
.price, .product-card .price {
    color: var(--main-blue) !important;
    font-weight: bold !important;
}

/* عنوان الخدمة */
.product-card h3, .product-title {
    color: var(--main-blue) !important;
}

/* زر (إضافة للسلة / اطلب الآن) */
.product-card .btn, 
button.btn-primary, 
.add-to-cart-btn {
    background-color: var(--main-gold) !important;
    color: var(--white) !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    transition: .3s ease;
    font-weight: 600 !important;
}

.product-card .btn:hover {
    background-color: var(--main-blue) !important;
}

/* الفوتر */
footer {
    background-color: var(--main-blue) !important;
    color: var(--white) !important;
}

footer a {
    color: var(--main-gold) !important;
}

/* تصغير البانر وجعله أنيق */
.banner img, .hero-section img {
    border-radius: 12px !important;
}
.topnav-is-dark .top-navbar {
    --tw-bg-opacity: 1;
    background-color: #b29b64;
    --tw-text-opacity: 1;
    color: #ffffff;
	
}

.hover\:text-primary:hover {
    color: #414042;
    color: #b29b64;
}

.md\:flex.items-center.justify-between.py-4.container.text-center {
    background-color: #2b336b;
}

*, :after, :before {
    border: 0 solid #b29b64;
    box-sizing: border-box;
}

.s-social-link a svg {
    height: .875rem;
    width: .875rem;
    fill: rgb(178 155 100);
}

.copyright-text p {
    --tw-text-opacity: 1;
    color: rgb(237 239 243);
}

p {
    color: #2b336b;
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
    color: #2b336b;
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
    color: #2b336b;
}


.section-title, h2, h3 {
    color: #ffa809 !important;
    border-right: 5px solid var(--main-gold) !important;
    padding-right: 10px !important;
    font-weight: 700 !important;
}
p.banner__description {
    color: #b29b64;
}

.s-trust-badges-label, .s-trust-badges-number {
    font-size: .875rem;
    line-height: 1.25rem;
    color: #2b336b;
}

.navbar-brand img {
    max-height: 6rem;
    max-width: 100px;
    width: auto;
}