/* Custom Brand Colors - MOS Derma Plus */
:root {
  --theme: #1bb36a;           /* Primary Brand Color (Green) */
  --theme-2: #159d5c;         /* Secondary/Darker Brand Color */
  --theme-light: #e8f8f0;     /* Light background tint */
  --theme-rgb: 27, 179, 106;  /* RGB values for rgba() usage */
}

/* ========== Buttons ========== */
.theme-btn,
.btn-primary,
.bg-theme {
    background-color: #1bb36a !important;
    border-color: #1bb36a !important;
}

.theme-btn:hover,
.btn-primary:hover,
.theme-btn:focus,
.btn-primary:focus {
    background-color: #159d5c !important;
    border-color: #159d5c !important;
}

.theme-btn-2 {
    background-color: #159d5c !important;
    border-color: #159d5c !important;
}

.theme-btn-2:hover {
    background-color: #1bb36a !important;
    border-color: #1bb36a !important;
}

/* ========== Text Colors ========== */
.text-theme,
.theme-color {
    color: #1bb36a !important;
}

/* ========== Links ========== */
a:hover,
.nav-link:hover,
.main-menu nav ul li a:hover {
    color: #1bb36a !important;
}

.main-menu nav ul li.active > a,
.main-menu nav ul li:hover > a {
    color: #1bb36a !important;
}

/* ========== Borders ========== */
.border-theme {
    border-color: #1bb36a !important;
}

/* ========== Product Cards ========== */
.product-card-item:hover .product-image::before,
.product-card-item .social-icon li a:hover {
    background-color: #1bb36a !important;
}

.product-card-item .product-content span,
.product-content span {
    color: #1bb36a !important;
}

/* ========== Shop/Category Items ========== */
.shop-box-item:hover {
    border-color: #1bb36a !important;
}

.shop-box-item .content h4 a:hover {
    color: #1bb36a !important;
}

/* ========== Footer ========== */
.footer-section .social-icon a:hover {
    background-color: #1bb36a !important;
    border-color: #1bb36a !important;
}

.footer-section .footer-input .newsletter-btn {
    background-color: #1bb36a !important;
}

.footer-section .footer-input .newsletter-btn:hover {
    background-color: #159d5c !important;
}

/* ========== Header ========== */
.header-1 .menu-cart .cart-icon .count {
    background-color: #1bb36a !important;
}

.submenu li a:hover {
    color: #1bb36a !important;
}

/* ========== Contact Page ========== */
.contact-right .social-icon a:hover {
    background-color: #1bb36a !important;
    border-color: #1bb36a !important;
}

/* ========== Pagination ========== */
.pagination .page-item.active .page-link,
.pagination .page-link:hover {
    background-color: #1bb36a !important;
    border-color: #1bb36a !important;
}

/* ========== Form Elements ========== */
input:focus,
textarea:focus,
select:focus {
    border-color: #1bb36a !important;
    box-shadow: 0 0 0 0.2rem rgba(27, 179, 106, 0.25) !important;
}

/* ========== Badges ========== */
.badge-theme,
.bg-success {
    background-color: #1bb36a !important;
}

/* ========== Swiper/Slider ========== */
.swiper-pagination-bullet-active {
    background-color: #1bb36a !important;
}

.shop-dot .swiper-pagination-bullet-active {
    background-color: #1bb36a !important;
}

/* ========== Breadcrumb ========== */
.breadcrumb-section .breadcrumb-wrapper .breadcrumb-item a:hover {
    color: #1bb36a !important;
}

/* ========== Cart ========== */
.cart-button .theme-btn {
    background-color: #1bb36a !important;
}

/* ========== SweetAlert2 ========== */
.swal2-styled.swal2-confirm {
    background-color: #1bb36a !important;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(27, 179, 106, 0.5) !important;
}

/* ========== Selection ========== */
::selection {
    background-color: #1bb36a;
    color: #fff;
}

::-moz-selection {
    background-color: #1bb36a;
    color: #fff;
}

/* ========== Scrollbar ========== */
::-webkit-scrollbar-thumb {
    background-color: #1bb36a;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #159d5c;
}