/* ============================================================
   SOCIACT — Brand overrides (child theme, update-proof)
   File: wp-content/themes/agntix-child/assets/css/brand-overrides.css
   Enqueued by: wp-content/themes/agntix-child/functions.php

   Loads AFTER the Agntix parent theme + AgntixCore plugin CSS, so it
   wins the cascade without ever touching parent/plugin source files
   (those get overwritten on every theme/plugin update).
   ============================================================ */

:root {
  --tp-ff-heading: 'Manrope', sans-serif;
  --tp-ff-body: 'Manrope', sans-serif;
  --tp-ff-p: 'Manrope', sans-serif;
  --tp-ff-phudu: 'Manrope', sans-serif;

  /* Brand color token override. The "Home Light" (Business Consulting)
     template hardcodes its accent as this CSS custom property — not
     exposed in any Kirki Customizer panel on this template. */
  --tp-common-green-1: #0000FF; /* Impact Blue, replaces demo lime-green #B4E717 */
}

/* ------------------------------------------------------------
   No forced uppercase anywhere. Greek text loses the tonos accent
   and readability when transformed to uppercase, so we neutralize
   every selector across the Agntix theme + AgntixCore plugin CSS
   that currently sets text-transform: uppercase.

   Deliberately scoped to these exact selectors (not a blanket
   `* { text-transform: none }`), so existing capitalize/lowercase
   styling elsewhere (buttons, drop-caps, etc.) is left untouched.

   Captured by parsing the live theme + plugin CSS files on
   2026-07-10. If a newly-activated demo
   page still shows uppercase text later, re-scan and append here. */

.added_to_cart.wc-forward,
.ai-blog-content span,
.ai-hero-subtitle,
.app-feature-title,
.app-hero-bottom-rating-star a,
.app-testimonial-big-text h3,
.app-testimonial-review-content span,
.ar-about-exp-box h4,
.ar-about-exp-box span,
.ar-about-funfact-top-content h4,
.ar-about-us-4-text-title,
.ar-about-us-4-title,
.ar-award-year,
.ar-blog-category,
.ar-brand-style .tp-brand-title,
.ar-copyright-social a,
.ar-copyright-social p,
.ar-copyright-text a,
.ar-copyright-text p,
.ar-footer-widget-btn,
.ar-footer-widget-info a,
.ar-footer-widget-menu ul li a,
.ar-footer-widget-title,
.ar-hero-title,
.ar-service-title,
.cnt-blog-item-2-content p,
.cnt-blog-item-sub,
.cnt-hero-list-name,
.cnt-hero-title,
.cnt-portfolio-video-sub,
.cnt-section-subtitle,
.cnt-team-item-social a,
.cr-blog-item-category,
.cr-testimonial-item-subtitle,
.creative-hero-title,
.crp-blog-category span,
.crp-blog-title,
.crp-footer-big-text,
.crp-hero-ratting-details a,
.crp-service-link,
.cst-feature-item-title,
.cst-feature-text span,
.cst-hero-subtitle,
.cst-portfolio-item-categories span,
.cst-section-subtitle,
.cst-service-item-title,
.des-footer-middle > span,
.des-footer-title,
.design-hero-social a,
.design-service-category a,
.design-service-left span,
.dgm-hero-rotate-text span,
.dgm-hero-social-text span,
.elementor-48767 .elementor-element.elementor-element-317760a .tp-el-title,
.elementor-48767 .elementor-element.elementor-element-66b2c61 .tp-el-title,
.elementor-48767 .elementor-element.elementor-element-6943c0f .tp-el-title,
.elementor-48767 .elementor-element.elementor-element-6b4af63 .tp-el-title,
.elementor-48767 .elementor-element.elementor-element-963d788 .tp-el-title,
.elementor-48767 .elementor-element.elementor-element-9c9b4e2 .tp-el-title,
.elementor-48767 .elementor-element.elementor-element-f5b54a0 .tp-el-title,
.elementor-finder__results__item__badge,
.elementor-templates-modal__header__logo,
.initialism,
.inner-service-1-left > span,
.inner-service-1-left ul li span,
.inner-service-1-number h1,
.inner-service-1-text span,
.inner-service-1-thumb-text span,
.it-brand-style .tp-brand-title,
.it-feature-category span,
.postbox__comment-reply a,
.pp-about-me-experience-item p,
.pp-about-me-recognitions .studio-award-item span,
.pp-about-me-tool-item-content p,
.pp-award-wrapper .tp-award-item-wrap .tp-award-item .row [class*=col-] .tp-award-text-2,
.pp-hero-text,
.pp-hero-title,
.pp-service-2-banner-text a,
.pp-service-2-banner-text p,
.pp-service-details-about-item p,
.pp-service-details-process-bottom span a,
.pp-service-details-title span,
.pp-service-item-title,
.st-about-card-bottom span,
.st-about-card-tag span,
.st-copyright-sub,
.st-service-item-tags span,
.st-testimonial-bottom span,
.st-testimonial-box-top i,
.studio-award-content p,
.studio-award-item span,
.studio-hero-banner-text span,
.studio-hero-info a,
.studio-hero-info span,
.studio-hero-title,
.studio-team-content span,
.studio-team-title-sm,
.text-uppercase,
.tp-about-5-subtitle,
.tp-about-us-2-subtitle,
.tp-about-us-2-text p,
.tp-about-us-2-title,
.tp-action-btn,
.tp-award-subtitle,
.tp-award-text,
.tp-award-year,
.tp-btn-animation span,
.tp-btn-black-solid,
.tp-btn-black-square.cnt-btn-style,
.tp-btn-border-2,
.tp-btn-cream-bdr,
.tp-btn-green-border,
.tp-btn-red-border,
.tp-btn-red-circle-text,
.tp-btn-yellow-border,
.tp-btn-yellow-green,
.tp-error-title-sm,
.tp-footer-15-social span,
.tp-footer-widget-menu ul li a,
.tp-header-10-announcement-content p span,
.tp-header-14-bar-wrap .tp-header-8-bar span,
.tp-header-8-bar span,
.tp-header-cnt-bar-wrap .tp-header-bar,
.tp-header-shop-cart a,
.tp-header-shop-cart button,
.tp-header-shop-cart button span,
.tp-header-shop-cart span,
.tp-header-shop-lang a,
.tp-header-shop-lang button,
.tp-header-shop-lang span,
.tp-header-shop-menu > nav > ul > li > a,
.tp-hero-2-title.about-us,
.tp-hero-shop-2-slider-sub,
.tp-hero-shop-title,
.tp-hero-title,
.tp-megamenu-title,
.tp-offcanvas-2-close-btn,
.tp-offcanvas-title.sm,
.tp-pd-1-about-text,
.tp-pd-1-about-title,
.tp-pd-1-np-content span,
.tp-pd-1-np-title,
.tp-pd-1-work-title,
.tp-portfolio-details-1-list ul li,
.tp-portfolio-details-1-sub,
.tp-portfolio-details-1-title,
.tp-portfolio-details-btn,
.tp-portfolio-masonry-big-text,
.tp-portfolio-masonry-grid-heading span,
.tp-portfolio-masonry-top-left span,
.tp-portfolio-masonry-top-right span,
.tp-portfolio-metro-shape span,
.tp-product-cats a,
.tp-product-filter-select .custom-select .selected,
.tp-product-related-title,
.tp-section-subtitle,
.tp-section-subtitle-clash,
.tp-section-subtitle-gradient,
.tp-section-title,
.tp-section-title-5,
.tp-section-title-5.fs-140,
.tp-section-title-clash,
.tp-section-title-clash-600,
.tp-section-title-phudu,
.tp-service-4-process-video.service-5-pos .dgm-testimonial-playbtn span,
.tp-service-4-solution-item-btn a,
.tp-service-5-feature-title,
.tp-service-5-price-heading .tp-career-title,
.tp-service-5-price-item-head h4,
.tp-service-category span,
.tp-service-number span,
.tp-shop-about-content p,
.tp-shop-category-2-title,
.tp-shop-newsletter-content span,
.tp-shop-popup-inputbox .tp-btn-black-square,
.tp-shop-popup-text h4,
.tp-shop-popup-text p,
.tp-shop-popup-text span,
.tp-shop-section-subtitle,
.tp-shop-section-title.fs-100,
.tp-team-details-progress-counter,
.tp-team-hero-subtitle span,
.tp-testimonial-ratting-icon span,
.tp-work-title,
.uppercase,
.woocommerce-page .strb-product-ordering form.woocommerce-ordering select,
body[class*="elementor"] .strb-product-ordering form.woocommerce-ordering select {
  text-transform: none !important;
}

/* ------------------------------------------------------------
   Header: solid white background instead of transparent.
   .header-transparent keeps `position: absolute` from the theme's own
   CSS (that's what lets the hero pass underneath the header), we only
   add a background color here so it's opaque from page load instead
   of only turning white after scrolling (.header-sticky).

   The theme already ships a full "white header" style, but every rule
   for it is scoped to `.header-sticky.sticky-white-bg` (only applied
   AFTER scroll). Since we want that look permanently, every one of
   those rules is mirrored below onto `.header-transparent` instead:
   nav link color, dropdown arrow color, language switcher, hamburger
   icon, search icon, login/CTA button colors, and the logo swap
   (dark logo instead of the white one, since white text/logo would
   disappear on a white bar). Captured directly from the theme's own
   CSS so it stays visually consistent with the rest of the site. */
.header-transparent {
  background-color: #ffffff;
}
.header-transparent .logo-white {
  display: none;
}
.header-transparent .logo-black {
  display: block !important;
}
.header-transparent .tp-header-lang li:first-child a {
  color: var(--tp-common-black);
}
.header-transparent .tp-header-menu > nav > ul > li > a {
  color: var(--tp-common-black);
}
.header-transparent .tp-header-menu > nav > ul > li > a::after {
  color: var(--tp-common-black);
}
.header-transparent .tp-header-dropdown nav ul li.has-dropdown::after {
  color: var(--tp-common-black);
}
.header-transparent .tp-header-lang a {
  color: rgba(0, 0, 0, 0.6);
}
.header-transparent .tp-header-lang a.active {
  color: var(--tp-common-black);
}
.header-transparent .tp-header-bar button i {
  background-color: var(--tp-common-black);
}
.header-transparent .tp-header-7-serach {
  color: var(--tp-common-black);
}
.header-transparent .cr-header-login a {
  background: rgb(0, 0, 0);
  border-color: rgba(0, 0, 0, 0.6);
}
.header-transparent .cr-header-login a:hover {
  color: var(--tp-common-black);
  background-color: transparent;
}
.header-transparent .tp-header-btn-box .tp-btn-white-border:hover {
  color: var(--tp-common-black);
  border-color: rgba(0, 0, 0, 0.6);
}
.header-transparent .tp-btn-white-border.tp-btn-light-bg {
  color: #0E0F11;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.header-transparent .tp-btn-white-border.tp-btn-light-bg:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
  background-color: var(--tp-common-black);
}