/**
 * Carbazar Design System
 * Unified brand theme — Primary: #2684E5
 */

:root {
  /* Brand Colors */
  --primary-color: #2684E5;
  --primary-dark: #1A6BC4;
  --primary-light: #5AA3EF;
  --primary-lighter: #E8F2FD;
  --primary-rgb: 38, 132, 229;
  --primary-dark-rgb: 26, 107, 196;

  /* Merged-section aliases (karsfix / serfix / repairix) */
  --pbmit-global-color: var(--primary-color);
  --pbmit-global-color-rgb: var(--primary-rgb);
  --pbmit-light-color: var(--primary-lighter);
  --pbmit-white-color: #ffffff;
  --pbmit-blackish-color: #151313;
  --pbmit-body-typography-color: #565656;
  --repairix-theme-color: var(--primary-color);
  --serfix-primary: var(--primary-color);

  /* Neutral Palette */
  --text-color: #222222;
  --text-secondary: #565656;
  --text-muted: #848484;
  --text-light: #9e9e9e;
  --white-color: #ffffff;
  --bg-color: #ffffff;
  --bg-alt: #f7f7f7;
  --bg-light: #f0f2f4;
  --border-color: #e5e5e5;
  --border-light: #f1f1f1;
  --dark-bg: #222222;
  --dark-bg-alt: #1f1f1f;
  --black: #000000;

  /* Design Tokens */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 30px;
  --radius-btn: 10px;
  --shadow-sm: 0 2px 8px rgba(var(--primary-rgb), 0.08);
  --shadow-md: 0 4px 16px rgba(var(--primary-rgb), 0.12);
  --shadow-lg: 0 8px 24px rgba(var(--primary-rgb), 0.15);
  --transition-fast: all 0.3s ease-in-out;
  --transition-normal: all 0.5s cubic-bezier(0.4, 0, 1, 1);
}

/* ===== Unified Button System ===== */
.thm-btn,
.thm-btn:hover {
  transition: var(--transition-normal);
}

.thm-btn {
  border-radius: var(--radius-btn);
}

.thm-btn:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.button-style-one:before {
  background: var(--primary-color);
}

.button-style-two {
  border-color: var(--primary-color);
  border-radius: var(--radius-sm);
  transition: var(--transition-fast);
}

.button-style-two:hover {
  background: var(--primary-color);
  color: var(--white-color);
}

.button-style-three:hover {
  color: var(--primary-light);
}

/* ===== Links & Accents ===== */
.default_link,
.default_link:hover,
.thm-color {
  color: var(--primary-color);
}

.sec-title span {
  color: var(--primary-color);
}

/* ===== Navigation ===== */
.mainmenu-area .menu-column,
.mainmenu-area.stricky-fixed {
  background: var(--primary-color);
}

.mainmenu-area .navigation > li.current > a {
  background: var(--primary-dark);
}

.navigation > li > ul > li.third-menu ul a:hover {
  color: var(--primary-light);
}

.mobile-menu .dropdown-btn {
  border-left-color: var(--primary-color);
}

.mobile-menu .dropdown-btn:after {
  color: var(--primary-color);
}

.mobile-menu > li > a,
.mobile-menu > li > ul > li > a,
.mobile-menu > li > ul > li > ul > li > a {
  border-top-color: var(--primary-color);
}

/* ===== Header Info Icons ===== */
.header-upper .info-box .icon-box {
  color: var(--primary-color);
  border-color: var(--border-color);
  transition: var(--transition-fast);
}

.header-upper .info-box:hover .icon-box {
  background: var(--primary-lighter);
  border-color: var(--primary-light);
}

.header-upper .header-upper .btn-style-one {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

/* ===== Scroll to Top ===== */
.scroll-top {
  background: var(--primary-color);
  box-shadow: var(--shadow-md);
  transition: var(--transition-fast);
}

.scroll-top:hover {
  background: var(--primary-dark);
}

/* ===== Merged Section Buttons ===== */
.features.section-lg .pbmit-btn {
  box-shadow: var(--shadow-sm);
}

.features.section-lg .pbmit-btn:hover {
  background-color: var(--primary-dark);
  opacity: 1;
}

.features.section-lg .pbmit-btn svg path {
  stroke: var(--white-color);
}

.our-projects.latest-project-style1-area .btn-one:hover:after {
  background: var(--primary-color);
}

.our-projects.latest-project-style1-area .btn-one:before {
  background: var(--primary-color);
}

.our-projects.latest-project-style1-area .project-carousel .owl-dots .owl-dot.active {
  background: var(--primary-color);
}

/* ===== Form Focus States ===== */
.default-form input:focus,
.default-form textarea:focus,
.default-form select:focus {
  border-color: var(--primary-color);
  outline: none;
}

/* ===== Social & Footer Links ===== */
.footer a:hover,
.top-bar .social-icon a:hover {
  color: var(--primary-light);
}

.about-widget .social-links a:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white-color);
}

/* ===== Service & Feature Cards ===== */
.features .item:hover,
.our-service .item:hover {
  box-shadow: var(--shadow-md);
}

.our-service .item .icon-box {
  transition: var(--transition-fast);
}

.our-service .item:hover .icon-box {
  background: var(--primary-lighter);
}

/* ===== Testimonials ===== */
.testimonial .item .content {
  border-color: var(--border-light);
}

.testimonial .owl-theme .owl-dots .owl-dot.active span {
  background: var(--primary-color);
}

/* ===== Counter ===== */
.fact-counter .counter-outer .item .inner-box .icon-box {
  background: var(--primary-color);
}

/* ===== Pagination ===== */
.page_pagination li a:hover,
.page_pagination li.active a {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

/* ===== Blog & Sidebar ===== */
.sidebar .sidebar-widget .widget-title h3:before {
  background: var(--primary-color);
}

.recent-news .item .post-info li i {
  color: var(--primary-color);
}