/* =====================================================
   Omolaty – ثيم الموقع (HONO)
   يحوّل اللون الدهبي (golden) إلى أزرق اللوجو.
   حمّله بعد style.min.css مباشرة.
   ===================================================== */

:root {
    --om-primary: #1642c4;
    --om-primary-dark: #232db0;
    --om-primary-rgb: 22, 66, 196;
    --om-info: #04befa;
    --om-accent: #0a8cf5;
    --om-navy: #0b2a7a;
    --om-soft: #eef3ff;
    /* خلفية فاتحة مائلة للأزرق */
    --om-gradient: linear-gradient(72deg, #232db0 10%, #1642c4 55%, #0a8cf5 100%);
}

/* ---------- الشعار ---------- */
.header-logo .logo img,
.mobile-menu-logo .logo img {
    height: 46px;
    width: auto;
    max-width: none;
}

.mobile-contact-info .logo img {
    height: 54px;
    width: auto;
}

/* ---------- الأزرار ---------- */
.btn-golden {
    background-color: var(--om-primary) !important;
    border-color: var(--om-primary) !important;
    color: #fff !important;
}

.btn-golden:hover,
.btn-golden:focus {
    background-color: var(--om-primary-dark) !important;
    border-color: var(--om-primary-dark) !important;
    color: #fff !important;
}

.btn-outline-golden {
    background-color: transparent !important;
    border-color: var(--om-primary) !important;
    color: var(--om-primary) !important;
}

.btn-outline-golden:hover,
.btn-outline-golden:focus {
    background-color: var(--om-primary) !important;
    border-color: var(--om-primary) !important;
    color: #fff !important;
}

/* ---------- الهيدر والقوائم ---------- */
.menu-hover-color--golden .main-menu nav>ul>li>a:hover,
.menu-hover-color--golden nav>ul>li>a.active,
.main-menu-link.active,
.main-menu nav ul li a:hover {
    color: var(--om-primary) !important;
}

.header-bottom-color--golden a:hover,
.header-bottom-color--golden i:hover {
    color: var(--om-primary) !important;
}

.mobile-header-bg-color--golden a:hover,
.mobile-header-bg-color--golden .offcanvas-toggle:hover {
    color: var(--om-primary) !important;
}

.mobile-auth-guest-link,
.mobile-auth-user-link {
    color: var(--om-primary);
}

.offcanvas-menu ul li a:hover,
.offcanvas-close:hover {
    color: var(--om-primary) !important;
}

.mobile-contact-info .social-link li a:hover,
.mobile-contact-info .user-link li a:hover {
    color: var(--om-info) !important;
}

/* ---------- السلايدر ---------- */
.active-color-golden .swiper-pagination-bullet-active,
.swiper-pagination-bullet-active {
    background-color: var(--om-primary) !important;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    color: var(--om-primary) !important;
    border-color: var(--om-primary) !important;
}

/* ---------- كروت المنتجات ---------- */
.product-color--golden .content .title a:hover,
.product-color--golden .action-link-right a:hover,
.product-color--golden .action-link-left a:hover {
    color: var(--om-primary) !important;
}

.product-color--golden .tag span {
    background-color: var(--om-primary) !important;
    color: #fff !important;
}

.product-color--golden .price,
.product-color--golden .price del+* {
    color: var(--om-primary);
}

.product-color--golden .review-star li.fill i {
    color: var(--om-info);
}

.banner-single-item .link-text:hover,
.banner-single-item .link-text:hover span {
    color: var(--om-primary) !important;
}

.section-inner-bg {
    background-color: var(--om-soft) !important;
}

/* ---------- الفوتر ---------- */
.footer-widget-color--golden .footer-nav li a:hover,
.footer-widget-color--golden .title {
    color: inherit;
}

.footer-widget-color--golden .footer-nav li a:hover {
    color: var(--om-info) !important;
}

.footer-social-link li a:hover {
    background-color: var(--om-primary) !important;
    border-color: var(--om-primary) !important;
    color: #fff !important;
}

.input-color--golden button {
    background-color: var(--om-primary) !important;
    color: #fff !important;
}

.input-color--golden button:hover {
    background-color: var(--om-primary-dark) !important;
}

.input-color--golden input:focus {
    border-color: var(--om-primary) !important;
}

.footer-copyright a:hover {
    color: var(--om-info) !important;
}

/* ---------- عناصر عامة ---------- */
a:hover {
    color: var(--om-primary);
}

.material-scrolltop {
    background-color: var(--om-primary) !important;
}

.material-scrolltop:hover {
    background-color: var(--om-primary-dark) !important;
}

.header-user-menu .dropdown-item:hover,
.dropdown-item.active {
    background-color: rgba(var(--om-primary-rgb), .12);
    color: var(--om-primary);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--om-primary) !important;
    box-shadow: 0 0 0 .15rem rgba(var(--om-primary-rgb), .15) !important;
}

::selection {
    background: rgba(var(--om-primary-rgb), .85);
    color: #fff;
}


.header-auth-area {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-auth-guest {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-user-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.header-user-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

.header-user-name {
    font-size: 14px;
    font-weight: 600;
}

.mobile-auth-guest-link,
.mobile-auth-user-link {
    margin-inline-end: 12px;
    font-size: 13px;
}

.header-bottom-color--golden a:hover,
.header-bottom-color--golden i:hover {
    color: aquamarine !important;
}