/* ============================================
   Bogura Bazar Theme - Core CSS
   Version: 1.0.0 | Production Ready
============================================ */

/* ========== ভেরিয়েবল ========== */
:root {
    /* প্রাইমারি কালার */
    --primary: #017e3d;
    --primary-dark: #00632f;
    --primary-light: #00A65A;

    /* টেক্সট কালার */
    --text-dark: #1e1e2e;
    --text-light: #666;
    --text-muted: #6c757d;

    /* স্টেটাস কালার */
    --danger: #ef4444;
    --warning: #ffc107;
    --success: #017e3d;
    --white: #ffffff;

    /* ব্যাকগ্রাউন্ড */
    --bg-light: #f8f9fa;

    /* বর্ডার */
    --border: #e5e5e5;
    --border-color: #e5e7eb;

    /* শ্যাডো */
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

    /* বর্ডার রেডিয়াস */
    --radius: 12px;
    --radius-sm: 8px;
    --radius-lg: 16px;
    --radius-full: 9999px;

    /* ট্রানজিশন */
    --transition: 0.3s ease;

    /* কন্টেইনার */
    --container-xl: 1280px;
}

/* ========== গ্লোবাল রিসেট ========== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ========== বেসিক বডি স্টাইল ========== */
body {
    font-family: 'Inter', 'Noto Sans Bengali', sans-serif;
    background: var(--bg-light);
    color: var(--text-dark);
    line-height: 1.5;
    padding-bottom: 70px;
}

/* ========== কাস্টম কন্টেইনার ========== */
.container-custom {
    max-width: var(--container-xl);
    margin: 0 auto;
    padding: 0 16px;
}

/* ========== রেস্পন্সিভ কন্টেইনার ========== */
@media (max-width: 768px) {
    .container-custom {
        padding: 0 12px;
    }
}

@media (max-width: 576px) {
    .container-custom {
        padding: 0 10px;
    }
}

/* ========== ইউটিলিটি ক্লাস ========== */
/* টেক্সট কালার */
.text-primary { color: var(--primary) !important; }
.text-dark { color: var(--text-dark) !important; }
.text-muted { color: var(--text-muted) !important; }
.text-white { color: var(--white) !important; }
.text-danger { color: var(--danger) !important; }

/* ব্যাকগ্রাউন্ড */
.bg-primary { background: var(--primary) !important; }
.bg-white { background: var(--white) !important; }
.bg-light { background: var(--bg-light) !important; }

/* বর্ডার */
.border { border: 1px solid var(--border-color) !important; }
.border-top { border-top: 1px solid var(--border-color) !important; }
.border-bottom { border-bottom: 1px solid var(--border-color) !important; }

/* রাউন্ডেড */
.rounded { border-radius: var(--radius) !important; }
.rounded-sm { border-radius: var(--radius-sm) !important; }
.rounded-lg { border-radius: var(--radius-lg) !important; }
.rounded-full { border-radius: var(--radius-full) !important; }

/* শ্যাডো */
.shadow { box-shadow: var(--shadow) !important; }
.shadow-md { box-shadow: var(--shadow-md) !important; }
.shadow-lg { box-shadow: var(--shadow-lg) !important; }

/* ফ্লেক্স */
.d-flex { display: flex !important; }
.flex-column { flex-direction: column !important; }
.flex-wrap { flex-wrap: wrap !important; }
.justify-center { justify-content: center !important; }
.justify-between { justify-content: space-between !important; }
.align-center { align-items: center !important; }
.gap-1 { gap: 4px !important; }
.gap-2 { gap: 8px !important; }
.gap-3 { gap: 12px !important; }
.gap-4 { gap: 16px !important; }

/* ডিসপ্লে */
.d-none { display: none !important; }
.d-block { display: block !important; }

/* পজিশন */
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }

/* টেক্সট অ্যালাইন */
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

/* ফন্ট ওয়েট */
.fw-normal { font-weight: 400 !important; }
.fw-medium { font-weight: 500 !important; }
.fw-semibold { font-weight: 600 !important; }
.fw-bold { font-weight: 700 !important; }

/* কার্সর */
.cursor-pointer { cursor: pointer !important; }

/* ওভারফ্লো */
.overflow-hidden { overflow: hidden !important; }

/* স্পেসিং */
.m-0 { margin: 0 !important; }
.m-2 { margin: 8px !important; }
.m-3 { margin: 12px !important; }
.m-4 { margin: 16px !important; }

.p-0 { padding: 0 !important; }
.p-2 { padding: 8px !important; }
.p-3 { padding: 12px !important; }
.p-4 { padding: 16px !important; }

/* ========== স্ক্রলবার কাস্টমাইজেশন ========== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--border-color);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}

/* ========== সিলেকশন কালার ========== */
::selection {
    background: var(--primary);
    color: var(--white);
}

/* ========== রেস্পন্সিভ ব্রেকপয়েন্ট ========== */
@media (max-width: 768px) {
    body {
        padding-bottom: 80px;
    }
}

@media (min-width: 769px) {
    .d-desktop-block {
        display: block !important;
    }
}


/* ========== প্রোডাক্ট লিংক ========== */
.featured-product-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.featured-product-link:hover .featured-product-title {
    color: #00A65A;
}