.w3view-cart {
    position: relative;
}  
.cart-count {
    position: absolute;
    top: -10px;
    right: -10px;
    background: red;
    color: white;
    border-radius: 50%;


    
    padding: 2px 6px;
    font-size: 12px;
}


/* Import Bangla Fonts */
@import url('https://fonts.maateen.me/solaiman-lipi/font.css');

/* Apply Bangla Font only to text elements, not icons */
body, div, span, p, h1, h2, h3, h4, h5, h6, a, li, ul, ol, td, th, 
input:not([class*="fa"]):not([class*="icon"]), 
textarea, select, button:not([class*="fa"]):not([class*="icon"]),
label, strong, em, small, blockquote, figcaption, caption {
font-family: 'SolaimanLipi', sans-serif !important;
}

/* Exclude Font Awesome and icon elements */
i, [class*="fa-"], [class*="icon"], .fa, .fas, .far, .fal, .fad, .fab,
.material-icons, .icon {
font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands', 'FontAwesome' !important;
}

/* Ensure numbers and English text in specific contexts */
.price, .currency, .amount, [dir="ltr"] {
font-family: 'SolaimanLipi', sans-serif !important;
}

/* Customizable color variables */
:root {
    --primary-color: #a407af; /* আপনার নতুন প্রাথমিক রং */
    --primary-hover-color: #00ab41; /* হোভারের জন্য গাঢ় রং */
    --link-hover-color: #00c04b; /* লিঙ্ক হোভার রং */
    --link-color: #333333;
    --link-hover-bg: #f5f5f5;
    --dropdown-bg: #ffffff;
    --divider-color: #e0e0e0;
}

/* Navbar Top Links */
.navbar-top-links {
margin-right: 0;
}

.navbar-top-links .dropdown-menu {
background-color: var(--dropdown-bg);
border: 1px solid var(--divider-color);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 4px;
min-width: 200px;
}

.navbar-top-links .dropdown-menu li a {
color: var(--link-color);
padding: 10px 15px;
font-size: 14px;
transition: all 0.3s ease;
}

.navbar-top-links .dropdown-menu li a:hover {
background-color: var(--link-hover-bg);
color: var(--link-hover-color);
text-decoration: none;
}

/* Dropdown divider */
.navbar-top-links .dropdown-menu .divider {
background-color: var(--divider-color);
margin: 5px 0;
}

/* Specific styles for dropdown-messages */
.navbar-top-links .dropdown-messages {
width: 300px;
}

.navbar-top-links .dropdown-messages li a div {
padding: 5px 0;
}

.navbar-top-links .dropdown-messages .text-muted {
color: #6c757d;
font-size: 12px;
}

/* Specific styles for dropdown-tasks */
.navbar-top-links .dropdown-tasks {
width: 260px;
}

.navbar-top-links .dropdown-tasks .progress {
margin-bottom: 0;
height: 10px;
}

/* Specific styles for dropdown-alerts */
.navbar-top-links .dropdown-alerts {
width: 260px;
}

.navbar-top-links .dropdown-alerts li a div {
padding: 5px 0;
}

/* Dropdown toggle */
.navbar-top-links .dropdown-toggle {
color: var(--link-color);
padding: 12px 10px;
transition: all 0.3s ease;
}

.navbar-top-links .dropdown-toggle:hover {
background-color: var(--link-hover-bg);
color: var(--link-hover-color);
}

/* Mobile responsive */
@media (max-width: 767px) {
.navbar-top-links .dropdown-menu {
    position: static;
    width: 100%;
    background-color: var(--dropdown-bg);
    border: none;
    box-shadow: none;
    margin: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 10px 20px;
}
}

/* Ensure navbar compatibility with Bootstrap 3.4.1 */
.navbar-default {
background-color: #fff;
border: 1px solid #fff;
border-radius: 0;
margin-bottom: 0;/*
margin-top: 103px;*/
} 

.navbar-default .navbar-nav > li > a {
color: #000;
font-size: 14px;
padding: 15px 3px;
transition: all 0.3s ease;
}

.navbar-default .navbar-nav > li > a:hover {
background-color: var(--link-hover-bg);
color: var(--link-hover-color);
}

.navbar-default .navbar-toggle {
border-color: #ddd;
background-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: var(--link-color);
}

/* Cart count styling */
.w3view-cart {
position: relative;
}

.cart-count {
position: absolute;
top: -10px;
right: -10px;
background: red;
color: white;
border-radius: 50%;
padding: 2px 6px;
font-size: 12px;
}


.dropdown-menu > li > a {
font-weight: 400 !important;
line-height: 1.42857143 !important;
color: #000 !important;
white-space: nowrap !important;
text-align: left !important;
font-family: 'SolaimanLipi', sans-serif !important;
}


.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
margin-right: 0px !important;
margin-left: -37px !important;
}


.caret {
display: none !important; 
}


/* Fix for dropdown display */
/*.navbar .dropdown-menu { 
display: none !important;
}*/

/*.navbar .dropdown.open .dropdown-menu {
display: block !important;
}*/


/* Fix dropdown positioning */
/*.navbar-nav > li > .dropdown-menu {
margin-top: 0;
}*/

/* Hover fix for desktop */
@media (min-width: 768px) {
.navbar-nav > li:hover > .dropdown-menu {
    display: block !important;
}
}

/* Modern Modal-Style Filter Toggle Button */
.filter-toggle-btn {
position: fixed;
right: 25px;
top: 50%;
transform: translateY(-50%);
width: 42px;
height: 42px;
background: #a407af;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 1000;
box-shadow: 0 8px 32px rgba(102, 126, 234, 0.4);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
border: none;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}

.filter-toggle-btn::before {
    background: linear-gradient(135deg, #a407af, #00ab41, #00c04b, #1fd655);
}

/* Primary button overrides */
.btn-primary {
    background-color: #a407af !important;
    border-color: #a407af !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #00ab41 !important;
    border-color: #00ab41 !important;
}

/* Success button overrides */
.btn-success {
    background-color: #a407af !important;
    border-color: #a407af !important;
}

.btn-success:hover {
    background-color: #00ab41 !important;
    border-color: #00ab41 !important;
}

/* Alert colors */
.alert-success {
    background-color: rgba(0, 134, 49, 0.1) !important;
    border-color: #a407af !important;
    color: #a407af !important;
}

/* Text colors */
.text-primary {
    color: #a407af !important;
}

a.text-primary:hover {
    color: #00ab41 !important;
}
.filter-toggle-btn:hover::before {
opacity: 1;
}

.filter-toggle-btn:hover {
transform: translateY(-50%) scale(1.05) rotate(5deg);
box-shadow: 0 12px 40px rgba(102, 126, 234, 0.6);
}

.filter-toggle-btn:active {
transform: translateY(-50%) scale(0.95);
}

.filter-toggle-btn i {
color: white;
font-size: 22px;
transition: all 0.3s ease;
text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.filter-toggle-btn:hover i {
transform: scale(1.1);
}

/* Floating Animation */
@keyframes float {
0%, 100% { transform: translateY(-50%) translateX(0px); }
50% { transform: translateY(-50%) translateX(-3px); }
}

.filter-toggle-btn {
animation: float 3s ease-in-out infinite;
}

.filter-toggle-btn:hover {
animation: none;
}

/* Modal-Style Filter Sidebar */
.filter-sidebar {
transition: all 0.3s ease;
overflow: hidden;
}

.filter-sidebar.sidebar-hidden {
display: none !important;
width: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

/* Modal Overlay for Filter Sidebar */
.filter-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(5px);
}

.filter-modal-overlay.show {
display: block;
animation: fadeIn 0.3s ease;
}

.filter-modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 400px;
max-height: 80vh;
background: white;
border-radius: 20px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
z-index: 1001;
display: none;
overflow-y: auto;
padding: 30px;
}

.filter-modal.show {
display: block;
animation: modalSlideIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.filter-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 2px solid #f0f0f0;
}

.filter-modal-title {
font-size: 24px;
font-weight: 700;
color: #333;
margin: 0;
}

.filter-modal-close {
background: none;
border: none;
font-size: 24px;
color: #999;
cursor: pointer;
padding: 5px;
border-radius: 50%;
transition: all 0.3s ease;
}

.filter-modal-close:hover {
background: #f0f0f0;
color: #333;
transform: rotate(90deg);
}

/* Mobile Responsive */
@media (max-width: 767px) {
.filter-toggle-btn {
    width: 48px;
    height: 48px;
    right: 15px;
    bottom: 80px;
    top: auto;
    transform: none;
}

.filter-toggle-btn i {
    font-size: 16px;
}

.filter-toggle-btn:hover {
    transform: scale(1.1);
}
} 

.footer-grids ul li a{
text-decoration: none !important;
}

.header-most-top p{
background: #a407af !important;
}

.header-most-top p {
padding: 0px !important;
letter-spacing: 1px !important;
}

@media (min-width: 992px){
.col-md-8 {
    margin-top: -18px !important;
}
.col-md-4 {
    margin-top: -42px !important;
}
}

.carousel {
    margin-top: -72px;
} 

 
 

@media (max-width: 768px){
    .product-badge {
        left: 109px !important;
        padding: 3px 10px !important;
    }
}


.navbar-toggle {
    margin-right: 236px !important;
    margin-top: -96px !important;
}

.footer-info.w3-agileits-info{
    padding: 0px 0 !important;
}

#myModal1 .modal-content,
#myModal2 .modal-content {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
}


footer {
    padding: 1em 0; !important;
}


.footer-info.w3-agileits-info {
    padding: 2px 0 !important;
}