/* Global Color Adjustments */

/* Base Colors */
html {
  background-color: #f8f9fa;
  color: #333333;
}

body {
  background-color: #f8f9fa;
  color: #333333;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #2c3e50;
}

/* Links */
a {
  color: #3498db;
}

a:hover {
  color: #2980b9;
}

/* Background Classes */
.bg-one {
  background-color: #ffffff;
}

.bg-dark {
  background: #34495e;
  color: #ecf0f1;
}

.bg-gray {
  background: #f5f5f5;
}

.section-bg {
  background: #ffffff;
}

/* Text Colors */
.text-dark {
  color: #2c3e50;
}

.text-light {
  color: #7f8c8d;
}

/* Buttons */
.btn {
  color: #2c3e50;
}

.btn-primary {
  background-color: #3498db;
  border-color: #3498db;
}

.btn-primary:hover {
  background-color: #2980b9;
  border-color: #2980b9;
}

/* Navigation */
.navigation {
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.navbar-dark .navbar-nav .nav-link {
  color: #2c3e50;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #3498db;
}

/* Cards and Blocks */
.about .block {
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.post-block {
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.product-card {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Forms */
.form-meghna .form-control {
  background-color: #ffffff;
  border: 1px solid #ddd;
  color: #333;
}

.form-meghna .form-control::placeholder {
  color: #999 !important;
}

/* Testimonials */
.client-comment p {
  color: #333333;
}

/* Footer */
.social-icon ul li a {
  background-color: #f5f5f5;
}

.social-icon ul li a i {
  color: #7f8c8d;
}

.copyright {
  background-color: #34495e;
  color: #ecf0f1;
}

/* Blog */
.single-blog {
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.post-excerpt h3 a {
  color: #2c3e50;
}

/* Pagination */
.post-pagination ul li a {
  background-color: #ffffff;
  color: #7f8c8d;
  border: 1px solid #ddd;
}

.post-pagination ul li a:hover,
.post-pagination ul li.active a {
  background-color: #3498db;
  color: #fff;
  border: 1px solid #3498db;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .navigation {
    background-color: #ffffff;
  }
  
  .navbar-dark .navbar-nav .nav-link {
    color: #2c3e50;
  }
}

/* Product Page Specific */
.product-title {
  color: #2c3e50;
}

.short-description {
  color: #555555;
}

.selling-points h4 {
  color: #2c3e50;
}

.selling-points ul li {
  color: #555555;
}

/* Blog Page Specific */
.post-item .entry {
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}

.post-meta {
  background-color: #f5f5f5;
  border-top: 1px solid #e0e0e0;
}

.post-meta>span {
  color: #7f8c8d;
  border-right: 1px solid #e0e0e0;
}

/* Sidebar */
aside.widget {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.widget-title>h3 {
  color: #2c3e50;
}

/* Search Form */
#search-form input {
  background-color: #ffffff;
  border: 1px solid #ddd;
  color: #333;
}

/* Category List */
.categories li a {
  color: #555555;
}

.categories li a:hover {
  color: #3498db;
}

/* Tags */
.widget-content .tag {
  background-color: #f5f5f5;
  color: #555555;
}

.widget-content .tag:hover {
  background-color: #3498db;
  color: #fff;
}

/* Breadcrumbs */
.header-bradcrumb a,
.header-bradcrumb .active {
  color: #555555;
}

.header-bradcrumb a:hover {
  color: #3498db;
}

/* Hero Section */
.hero-section {
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
  color: white;
}

/* CTA Section */
.cta-section {
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
  color: white;
}

/* Testimonials Section */
.testimonials-section {
  background: #f5f5f5;
}

.testimonial-card {
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Categories Section */
.categories-section {
  background: #f5f5f5;
}

/* Featured Products Section */
.featured-products-section {
  background: #ffffff;
}

/* Blog Section */
.blog-section {
  background: #f5f5f5;
}

.blog-card {
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.blog-title a {
  color: #2c3e50;
}

.blog-title a:hover {
  color: #3498db;
}