/* =======================================================
   LADEN HOST - Premium Theme Customization
   Color Palette: Royal Blue (#0F172A) & Hot Orange (#F97316)
   ======================================================= */

/* ১. পুরো সাইটের ব্যাকগ্রাউন্ড এবং ফন্ট */
body {
    background-color: #F8FAFC; /* একদম হালকা নীলচে সাদা */
    color: #334155;            /* চোখের আরামদায়ক ডার্ক গ্রে */
    font-family: 'Open Sans', sans-serif;
}

/* ২. টপ নেভিগেশন বার (যেখানে ভাষা ও লগইন থাকে) */
div.top-nav {
    background-color: #0F172A; /* প্রিমিয়াম নেভি ব্লু */
    color: #ffffff;
}
div.top-nav a {
    color: #cbd5e1;
}
div.top-nav a:hover {
    color: #F97316; /* হোভার করলে অরেঞ্জ হবে */
    text-decoration: none;
}

/* ৩. মেইন মেনু বার (Logo & Menu) */
section#header {
    background-color: #ffffff;
    border-bottom: 3px solid #1E40AF; /* মেনুর নিচে নীল বর্ডার */
    padding: 15px 0;
}

/* মেনু বাটনগুলোর ডিজাইন */
.navbar-main {
    background-color: #1E40AF; /* রয়াল ব্লু */
    border: none;
    border-radius: 4px;
    margin-top: 10px;
}
.navbar-main .navbar-nav > li > a {
    color: #ffffff !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > .active > a, 
.navbar-main .navbar-nav > .open > a {
    background-color: #172554 !important; /* ডিপ ব্লু */
    color: #F97316 !important;            /* টেক্সট অরেঞ্জ */
}

/* ৪. বাটন ডিজাইন (অত্যন্ত গুরুত্বপূর্ণ) */

/* সাধারণ বাটন (Login / View Cart) */
.btn-primary {
    background-color: #2563EB;
    border-color: #2563EB;
    color: #fff;
    font-weight: bold;
    transition: 0.3s;
}
.btn-primary:hover {
    background-color: #1D4ED8;
    border-color: #1D4ED8;
}

/* অর্ডার বাটন (Order Now / Checkout) - যাতে চোখে পড়ে */
.btn-success, .btn-order-now {
    background-color: #EA580C; /* উজ্জ্বল অরেঞ্জ */
    border-color: #EA580C;
    color: #fff;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(234, 88, 12, 0.25); /* হালকা শ্যাডো */
}
.btn-success:hover, .btn-order-now:hover {
    background-color: #C2410C;
    border-color: #C2410C;
}

/* ৫. ক্লায়েন্ট এরিয়া বক্স/প্যানেল */
.panel {
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}
.panel-default > .panel-heading {
    background-color: #F1F5F9;
    color: #0F172A;
    font-weight: 700;
    border-bottom: 1px solid #E2E8F0;
    border-radius: 8px 8px 0 0;
}
.panel-sidebar > .panel-heading {
    background-color: #1E40AF; /* সাইডবার হেডার নীল */
    color: #ffffff;
}

/* ৬. ফুটার (নিচের অংশ) */
section#footer {
    background-color: #0F172A; /* টপ বারের সাথে মিল রেখে */
    color: #94A3B8;
    padding: 60px 0;
    margin-top: 50px;
    border-top: 5px solid #F97316; /* ফুটারে অরেঞ্জ বর্ডার */
}
section#footer a {
    color: #ffffff;
}
section#footer a:hover {
    color: #F97316;
}
p.copyright {
    color: #64748B;
    font-size: 13px;
}