/* ==========================================================================
   Himanshi Graphics Brand Identity & Theme Styles
   Primary Brand Green: #5b7b37
   Accent Brand Orange: #f68c1e
   ========================================================================== */

:root {
  --primary-color: #5b7b37;
  --primary-hover: #4a672b;
  --primary-dark: #374e20;
  --primary-darker: #2c3f19;
  --primary-light: #f2f7ed;
  --secondary-color: #f68c1e;
  --secondary-hover: #e07a10;
  --secondary-dark: #c76707;
  --secondary-light: #fff5ec;
}

/* 1. Global Selections */
::selection {
  background: #5b7b37 !important;
  color: #fff !important;
}
::-moz-selection {
  background: #5b7b37 !important;
  color: #fff !important;
}

/* 2. Brand Colors Utilities */
.text-color-primary,
.text-primary {
  color: #5b7b37 !important;
}

.text-color-hover-primary:hover,
.text-hover-primary:hover {
  color: #4a672b !important;
}

.text-color-secondary,
.text-secondary {
  color: #f68c1e !important;
}

.text-color-hover-secondary:hover,
.text-hover-secondary:hover {
  color: #e07a10 !important;
}

.bg-color-primary,
.bg-primary {
  background-color: #5b7b37 !important;
}

.bg-color-secondary,
.bg-secondary {
  background-color: #f68c1e !important;
}

.border-color-primary {
  border-color: #5b7b37 !important;
}

.border-color-secondary {
  border-color: #f68c1e !important;
}

/* 3. Buttons */
.btn-primary {
  background-color: #5b7b37 !important;
  border-color: #5b7b37 !important;
  color: #ffffff !important;
  transition: all 0.3s ease;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #4a672b !important;
  border-color: #4a672b !important;
  color: #ffffff !important;
}

.btn-secondary {
  background-color: #f68c1e !important;
  border-color: #f68c1e !important;
  color: #ffffff !important;
  transition: all 0.3s ease;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #e07a10 !important;
  border-color: #e07a10 !important;
  color: #ffffff !important;
}

.btn-outline-primary {
  color: #5b7b37 !important;
  border-color: #5b7b37 !important;
  background-color: transparent !important;
}

.btn-outline-primary:hover {
  background-color: #5b7b37 !important;
  color: #ffffff !important;
}

.btn-outline-secondary {
  color: #f68c1e !important;
  border-color: #f68c1e !important;
  background-color: transparent !important;
}

.btn-outline-secondary:hover {
  background-color: #f68c1e !important;
  color: #ffffff !important;
}

/* 4. Links */
a:hover {
  color: #f68c1e;
}

/* 5. Header & Navigation */
#header .header-nav-main nav > ul > li > a.active {
  color: #5b7b37 !important;
}

#header .header-nav-main nav > ul > li > a.active:before,
#header .header-nav-main nav > ul > li:hover > a:before {
  background-color: #f68c1e !important;
}

#header .header-nav-main nav > ul > li:hover > a,
#header .header-nav-main nav > ul > li.active > a {
  color: #5b7b37 !important;
}

#header .header-nav-features .header-nav-features-search-reveal-container {
  border-top-color: #5b7b37 !important;
}

.header-btn-collapse-nav {
  background-color: #5b7b37 !important;
  color: #ffffff !important;
}

/* 6. Word Rotator Highlight */
.word-rotator-words.bg-primary {
  background-color: #f68c1e !important;
  color: #ffffff !important;
  border-radius: 4px;
  padding: 0 8px;
}

/* 7. Process Steps & Shapes */
.process-step-circle {
  background-color: #5b7b37 !important;
  color: #ffffff !important;
}

.process-step-circle-content {
  color: #ffffff !important;
}

.process-shapes-always-animate .process-step-circle:after,
.process-shapes .process-step-circle:after {
  border-color: #f68c1e !important;
}

/* 8. SVG Icons */
.svg-fill-color-primary,
.svg-fill-color-primary svg path,
.svg-fill-color-primary svg rect,
.svg-fill-color-primary svg polygon {
  fill: #5b7b37 !important;
}

.svg-fill-color-secondary,
.svg-fill-color-secondary svg path,
.svg-fill-color-secondary svg rect,
.svg-fill-color-secondary svg polygon {
  fill: #f68c1e !important;
}

.svg-stroke-color-primary,
.svg-stroke-color-primary svg path {
  stroke: #5b7b37 !important;
}

.svg-stroke-color-secondary,
.svg-stroke-color-secondary svg path {
  stroke: #f68c1e !important;
}

/* 9. Accordion Modern */
.accordion.accordion-modern-status-primary .card-header a:before {
  color: #5b7b37 !important;
}

.accordion.accordion-modern-status-primary .card-header a:not(.collapsed) {
  color: #5b7b37 !important;
}

.accordion.accordion-modern-status-primary .card-header a:hover {
  color: #f68c1e !important;
}

/* 10. Dividers & Arrows */
.divider.divider-primary hr {
  background-color: #f68c1e !important;
}

.custom-heading-bar:before {
  border-top-color: #5b7b37 !important;
}

.custom-arrow-icon:before,
.custom-arrow-icon:after {
  border-color: #5b7b37 !important;
}

.custom-link-effect-1:hover .custom-arrow-icon:before,
.custom-link-effect-1:hover .custom-arrow-icon:after {
  border-color: #f68c1e !important;
}

/* 11. Owl Carousel Nav & Dots */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  background-color: #5b7b37 !important;
  color: #ffffff !important;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
  background-color: #f68c1e !important;
}

.owl-carousel.custom-dots-style-1 .owl-dots .owl-dot.active span,
.owl-carousel.custom-dots-style-1 .owl-dots .owl-dot:hover span {
  background-color: #f68c1e !important;
}

/* 12. Thumb Info Overlays */
.thumb-info .thumb-info-wrapper:after {
  background-color: rgba(91, 123, 55, 0.88) !important;
}

.thumb-info .thumb-info-type {
  background-color: #f68c1e !important;
  color: #ffffff !important;
}

/* 13. Footer Styling */
#footer.bg-color-primary,
footer#footer {
  background-color: #374e20 !important;
}

.footer-copyright.bg-color-primary,
#footer .footer-copyright {
  background-color: #2c3f19 !important;
}

#footer h4,
#footer h5 {
  color: #ffffff !important;
}

#footer p,
#footer li,
#footer span,
#footer a:not(.btn):not(.no-footer-css) {
  color: #e0edd5 !important;
}

#footer a:not(.btn):not(.no-footer-css):hover {
  color: #f68c1e !important;
}

.social-icons.custom-social-icons-icon-light li a {
  color: #e0edd5 !important;
}

.social-icons.custom-social-icons-icon-light li a:hover {
  color: #f68c1e !important;
}

#footer hr {
  background-color: rgba(255, 255, 255, 0.12) !important;
}

/* 14. Responsive Logo */
.header-logo {
  max-width: 260px;
}

.header-logo a {
  display: inline-flex;
  align-items: center;
}

.header-logo img {
  height: 52px !important;
  width: auto !important;
  max-width: 220px;
  object-fit: contain;
}

#header.header-effect-shrink .header-logo img {
  height: 44px !important;
  width: auto !important;
  max-width: 190px;
}

@media (max-width: 991px) {
  .header-logo img {
    height: 42px !important;
    max-width: 180px;
  }
}

@media (max-width: 575px) {
  .header-logo img {
    height: 36px !important;
    max-width: 150px;
  }
}

.footer-copyright img,
footer a img[src*="logo"],
footer a img[src*="jop_logo"] {
  height: 46px !important;
  width: auto !important;
  max-width: 190px;
  object-fit: contain;
}