/*
Theme Name: Ecombridge Theme
Theme URI: https://ecombridge-dz.com
Author: Apollo Digital Solutions
Author URI: https://apollo-ds.com/
Description: Ecombridge Theme emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ecombridge
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
a {
  text-decoration: none;
  color: #000;
}

a:hover {
  color: #0073aa;
}
footer{
  display: block !important;

}
/* Footer navigation styles */
footer .eb-footer-nav a,
.bg-dark .eb-footer-nav a {
  color: #fff !important; /* ensure white on dark footer */
}

footer .eb-footer-nav a:hover,
.bg-dark .eb-footer-nav a:hover {
  color: var(--eb-color-link-hover, #1d4ed8) !important; /* hover color */
}

footer .eb-footer-nav .current-menu-item > a,
.bg-dark .eb-footer-nav .current-menu-item > a {
  color: #fff !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

footer .eb-footer-nav a:focus-visible,
.bg-dark .eb-footer-nav a:focus-visible {
  outline: 2px solid var(--eb-color-link-hover, #1d4ed8);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Header alignment tweaks */
#ecombridge-header .navbar .navbar-brand { display: flex; align-items: center; }
@media (max-width: 991.98px) {
  /* Keep brand and burger left; center only collapsed content */
  #ecombridge-header .navbar #mainNavbar { width: 100%; }
  #ecombridge-header .navbar #mainNavbar .navbar-nav { justify-content: center; align-items: center; }
  #ecombridge-header .navbar #mainNavbar .d-flex.align-items-center { justify-content: center; width: 100%; margin-left: 0 !important; margin-top: 8px; }
}

/* Modern pill search */
.eb-search {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 420px;
  background: var(--eb-color-surface, #fff);
  border: 1px solid var(--eb-color-border, #e5e7eb);
  border-radius: 999px;
  padding: 6px 10px 6px 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
.eb-search__input {
  flex: 1;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--eb-color-text, #111827);
  font: inherit;
}
.eb-search__input::placeholder { color: var(--eb-color-text-muted, #6b7280); }
.eb-search__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 0;
  background: var(--eb-color-primary, #2563eb);
  color: #fff;
  cursor: pointer;
}
.eb-search__btn:hover { filter: brightness(.95); }

.main-navigation ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 1rem;
}

.cart-badge {
  position: absolute;
  top: 0;
  left: 100%;
  transform: translate(50%, -50%);
  border: 1px solid light;
  border-radius: 50%;
  background: red;
  padding: 0px 5px;
  color: white;
}

/* hero  */

.hero-section {
  background-color: var(--eb-color-primary);
  height: 350px;
  display: flex;
    align-items: center;
    justify-content: center;
   color: var(--eb-color-text);
}


/* WIDGET: #Search
========================================= */

.searchform > div {
  position: relative;
}

.searchform input[type="text"],
.searchform input[type="search"] {
  height: 40px;
}

.searchform .searchsubmit {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 15px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}