/* BrandingBards — logo, favicon companion theme overrides */
:root {
  --primary-color: #e44f39;
  --secondary-color: #000000;
  --white-color: #ffffff;
}

/* Logo — balanced, responsive, no distortion */
.header-area .header__logo img,
.header-area-2 .header__logo img,
.offset-logo img,
.footer-area-2 .content .logo img {
  max-height: 52px;
  width: auto;
  object-fit: contain;
}

@media (max-width: 575px) {
  .header-area-2 .header__logo img,
  .header-area .header__logo img {
    max-height: 42px;
    width: auto;
  }
}

/* Portfolio filter */
.portfolio-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-bottom: 40px;
}

.portfolio-filter__btn {
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: transparent;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  cursor: pointer;
  transition: all 0.25s ease;
  color: #fff;
}

.portfolio-filter__btn:hover,
.portfolio-filter__btn.active {
  background: var(--primary-color);
  color: var(--white-color);
  border-color: var(--primary-color);
}

.portfolio__item.is-hidden {
  display: none !important;
}

/* Navigation & links */
.header-area-2 .main-menu li a:hover,
.header-area-2 .main-menu > ul > li:hover > a,
.header-area .main-menu li a:hover {
  color: var(--primary-color);
}

.footer-area-2 .footer-nav-list li a:hover,
.footer-area-2 .footer-socail li a:hover {
  color: var(--primary-color);
}

/* Buttons — accent hover using brand primary */
.btn-primary::after,
.btn-black.btn-white::after,
.btn-black.btn-white-2::after,
.rr-btn__black::before {
  background-color: var(--primary-color);
}

.btn-black::after {
  background-color: var(--secondary-color);
}

.btn-black:hover {
  color: var(--white-color);
}

/* FAQ accordion active accent */
.faq-content .rr-accordion-button:not(.collapsed) .number,
.faq-content .rr-accordion-button:not(.collapsed) .number .title {
  color: var(--primary-color);
}

.faq-content .rr-accordion-button:not(.collapsed) .icon i {
  color: var(--primary-color);
}

/* Blog & service meta highlights */
.blog__meta li,
.portfolio__meta li,
.service__meta li {
  color: inherit;
}

.blog-meta__list li:first-child,
.blog__meta li:first-child {
  color: var(--primary-color);
}

.blog__item .read-more:hover,
.blog__item .read-more:hover span i {
  color: var(--primary-color);
}

/* Form focus states */
.contact-us__input input:focus,
.contact-us__input select:focus,
.contact-us__textarea textarea:focus {
  outline: 1px solid var(--primary-color);
  outline-offset: 0;
}

/* Scroll-to-top progress indicator */
.progress-wrap.active-progress {
  background-color: var(--secondary-color);
}

.progress-wrap::after {
  color: var(--primary-color);
}

.progress-wrap svg.progress-circle path {
  stroke: var(--primary-color);
}

/* Loader preloader accent */
.loader-wrap .loader-wrap-heading .load-text {
  color: var(--secondary-color);
}

.load-text span {
  color: var(--primary-color);
}

.form-feedback[hidden] {
  display: none !important;
}

/* Preserve white background sections */
.bg-white,
.section-white,
.heading-white {
  background-color: var(--white-color) !important;
}