/* ==========================================================================
   Bechka Farm - Custom CSS Overrides
   Adapts the Agriva agriculture template to match the Bechka Farm brand.

   Logo Palette:
     Primary (golden olive):   #B8962E
     Primary dark:             #96780F
     Primary light / hover:    #D4AF37
     Secondary (charcoal):     #1E1E1E
     Secondary medium:         #2C2C2C
     Text dark:                #1a1a1a
     Text medium:              #555555
     Text light:               #888888
     Background light:         #FAF8F3  (warm off-white)
     Background section:       #F5F0E6  (warm beige)
     Accent green (olive):     #5C7A29
   ========================================================================== */


/* --------------------------------------------------------------------------
   0. CSS Custom Properties (for easy future tweaking)
   -------------------------------------------------------------------------- */
:root {
  --bechka-primary: #B8962E;
  --bechka-primary-dark: #96780F;
  --bechka-primary-light: #D4AF37;
  --bechka-secondary: #1E1E1E;
  --bechka-secondary-md: #2C2C2C;
  --bechka-text-dark: #1a1a1a;
  --bechka-text-md: #555555;
  --bechka-text-light: #888888;
  --bechka-bg-light: #FAF8F3;
  --bechka-bg-section: #F5F0E6;
  --bechka-white: #FFFFFF;
  --bechka-hover: #D4AF37;
  --bechka-green: #5C7A29;
}


/* --------------------------------------------------------------------------
   1. Global / Body Refinements
   -------------------------------------------------------------------------- */
body {
  color: var(--bechka-text-dark);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Smooth transitions on interactive elements across the site */
a,
button,
.btn,
.theme-btn,
.theme-btn-2,
.theme-btn-3,
.style-btns,
input,
textarea,
select,
.back-to-top,
.social-icon a,
.mouseCursor {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Replace any harsh green backgrounds site-wide */
.bg-green,
.bg-primary {
  background-color: var(--bechka-primary) !important;
}


/* --------------------------------------------------------------------------
   2. Theme Backgrounds (.theme-bg variants)
   -------------------------------------------------------------------------- */
.theme-bg {
  background-color: var(--bechka-primary) !important;
}

.theme-bg-2 {
  background-color: var(--bechka-primary-dark) !important;
}

.theme-bg-3 {
  background-color: var(--bechka-primary-light) !important;
}


/* --------------------------------------------------------------------------
   3. Theme Buttons
   -------------------------------------------------------------------------- */

/* -- Primary button -------------------------------------------------------- */
.theme-btn,
a.theme-btn,
button.theme-btn {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
  border-color: var(--bechka-primary);
}

.theme-btn:hover,
.theme-btn:focus,
a.theme-btn:hover,
a.theme-btn:focus,
button.theme-btn:hover,
button.theme-btn:focus {
  background-color: var(--bechka-secondary);
  color: var(--bechka-white);
  border-color: var(--bechka-secondary);
}

/* -- Secondary button ------------------------------------------------------ */
.theme-btn-2,
a.theme-btn-2,
button.theme-btn-2 {
  background-color: var(--bechka-secondary);
  color: var(--bechka-white);
  border-color: var(--bechka-secondary);
}

.theme-btn-2:hover,
.theme-btn-2:focus,
a.theme-btn-2:hover,
a.theme-btn-2:focus,
button.theme-btn-2:hover,
button.theme-btn-2:focus {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
  border-color: var(--bechka-primary);
}

/* -- Tertiary / outline button --------------------------------------------- */
.theme-btn-3,
a.theme-btn-3,
button.theme-btn-3 {
  background-color: transparent;
  color: var(--bechka-primary);
  border-color: var(--bechka-primary);
}

.theme-btn-3:hover,
.theme-btn-3:focus,
a.theme-btn-3:hover,
a.theme-btn-3:focus,
button.theme-btn-3:hover,
button.theme-btn-3:focus {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
  border-color: var(--bechka-primary);
}

/* -- Style buttons --------------------------------------------------------- */
.style-btns,
a.style-btns,
button.style-btns {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
  border-color: var(--bechka-primary);
}

.style-btns:hover,
.style-btns:focus,
a.style-btns:hover,
a.style-btns:focus,
button.style-btns:hover,
button.style-btns:focus {
  background-color: var(--bechka-primary-dark);
  color: var(--bechka-white);
  border-color: var(--bechka-primary-dark);
}


/* --------------------------------------------------------------------------
   4. Section Backgrounds
   -------------------------------------------------------------------------- */
.section-bg {
  background-color: var(--bechka-bg-light) !important;
}

.section-bg-2 {
  background-color: var(--bechka-bg-section) !important;
}

.section-bg-3 {
  background-color: var(--bechka-bg-light) !important;
}


/* --------------------------------------------------------------------------
   5. Sub-titles / Section Headings
   -------------------------------------------------------------------------- */
.sub-title,
.section-title .sub-title {
  color: var(--bechka-primary) !important;
}

.sub-title-2,
.section-title .sub-title-2 {
  color: var(--bechka-primary-dark) !important;
}

.sub-title-3,
.section-title .sub-title-3 {
  color: var(--bechka-primary-light) !important;
}

/* Decorative lines / borders under sub-titles */
.sub-title::before,
.sub-title::after,
.sub-title-2::before,
.sub-title-2::after,
.sub-title-3::before,
.sub-title-3::after {
  background-color: var(--bechka-primary) !important;
}


/* --------------------------------------------------------------------------
   6. Links & Hover States
   -------------------------------------------------------------------------- */
a {
  color: var(--bechka-primary);
}

a:hover,
a:focus {
  color: var(--bechka-primary-dark);
}

/* Ensure main content links are golden */
.section-content a:not(.theme-btn):not(.theme-btn-2):not(.theme-btn-3) {
  color: var(--bechka-primary);
}

.section-content a:not(.theme-btn):not(.theme-btn-2):not(.theme-btn-3):hover {
  color: var(--bechka-primary-dark);
}


/* --------------------------------------------------------------------------
   7. Header / Navigation
   -------------------------------------------------------------------------- */

/* Top bar accent */
.header-top-area,
.top-bar {
  background-color: var(--bechka-secondary);
}

/* Navigation links */
.main-menu nav ul li a,
.main-menu ul li a {
  color: var(--bechka-text-dark);
}

.main-menu nav ul li a:hover,
.main-menu nav ul li a:focus,
.main-menu ul li a:hover,
.main-menu ul li a:focus,
.main-menu nav ul li.active > a,
.main-menu ul li.active > a {
  color: var(--bechka-primary);
}

/* Sticky / scrolled header */
.sticky-header.sticky,
.header-area.sticky {
  background-color: var(--bechka-white);
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Dropdown menu */
.main-menu nav ul li ul.sub-menu,
.main-menu ul li ul.sub-menu {
  border-top: 3px solid var(--bechka-primary);
}

.main-menu nav ul li ul.sub-menu li a:hover,
.main-menu ul li ul.sub-menu li a:hover {
  color: var(--bechka-primary);
  background-color: var(--bechka-bg-light);
}

/* Mobile menu toggle */
.hamburger-menu .bar,
.mobile-menu-toggle .bar {
  background-color: var(--bechka-secondary);
}

/* Mobile side menu active */
.mobile-menu nav ul li.active > a,
.mobile-menu nav ul li a:hover,
.side-menu nav ul li.active > a,
.side-menu nav ul li a:hover {
  color: var(--bechka-primary);
}

/* Header CTA / action buttons */
.header-action .theme-btn,
.header-cta .theme-btn {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
  border-color: var(--bechka-primary);
}

.header-action .theme-btn:hover,
.header-cta .theme-btn:hover {
  background-color: var(--bechka-secondary);
  color: var(--bechka-white);
  border-color: var(--bechka-secondary);
}

/* Header search & icon buttons */
.header-action a:hover,
.header-action button:hover {
  color: var(--bechka-primary);
}


/* --------------------------------------------------------------------------
   8. Back to Top Button
   -------------------------------------------------------------------------- */
.back-to-top,
#back-to-top,
.scroll-to-top {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
  border-color: var(--bechka-primary);
}

.back-to-top:hover,
#back-to-top:hover,
.scroll-to-top:hover {
  background-color: var(--bechka-secondary);
  color: var(--bechka-white);
  border-color: var(--bechka-secondary);
}


/* --------------------------------------------------------------------------
   9. Progress Bars
   -------------------------------------------------------------------------- */
.progress-value,
.progress-bar,
.skill-bar .progress .progress-bar,
.progress-area .progress .progress-bar {
  background-color: var(--bechka-primary) !important;
}

.progress-value span,
.progress-bar span {
  color: var(--bechka-primary);
}


/* --------------------------------------------------------------------------
   10. Accordion / FAQ Active States
   -------------------------------------------------------------------------- */
.accordion-button:not(.collapsed),
.faq-accordion .accordion-button:not(.collapsed) {
  color: var(--bechka-primary);
  background-color: var(--bechka-bg-light);
}

.accordion-button:not(.collapsed)::after,
.faq-accordion .accordion-button:not(.collapsed)::after {
  color: var(--bechka-primary);
}

.accordion-item.active,
.faq-accordion .accordion-item.active {
  border-color: var(--bechka-primary);
}

/* Accordion icon color */
.accordion-button:focus {
  border-color: var(--bechka-primary);
  -webkit-box-shadow: 0 0 0 0.15rem rgba(184, 150, 46, 0.25);
          box-shadow: 0 0 0 0.15rem rgba(184, 150, 46, 0.25);
}


/* --------------------------------------------------------------------------
   11. Feature Boxes / Service Cards
   -------------------------------------------------------------------------- */

/* Feature icon boxes */
.feature-box .feature-icon,
.feature-item .feature-icon,
.icon-box .icon {
  color: var(--bechka-primary);
}

.feature-box:hover .feature-icon,
.feature-item:hover .feature-icon,
.icon-box:hover .icon {
  color: var(--bechka-white);
  background-color: var(--bechka-primary);
}

/* Feature box hover border / accent */
.feature-box:hover,
.feature-item:hover {
  border-color: var(--bechka-primary);
}

.feature-box::before,
.feature-item::before,
.feature-box::after,
.feature-item::after {
  background-color: var(--bechka-primary);
}

/* Service cards */
.service-card:hover,
.service-item:hover,
.services-item:hover {
  border-color: var(--bechka-primary);
}

.service-card:hover .service-icon,
.service-item:hover .service-icon,
.services-item:hover .services-icon {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
}

.service-card .service-icon,
.service-item .service-icon,
.services-item .services-icon {
  color: var(--bechka-primary);
}

/* Service card read-more links */
.service-card a.read-more,
.service-item a.read-more,
.services-item a.read-more {
  color: var(--bechka-primary);
}

.service-card a.read-more:hover,
.service-item a.read-more:hover,
.services-item a.read-more:hover {
  color: var(--bechka-primary-dark);
}

/* About feature list icons / checkmarks */
.about-feature li i,
.feature-list li i,
.check-list li i,
.about-feature li svg,
.feature-list li svg,
.check-list li svg {
  color: var(--bechka-primary);
}


/* --------------------------------------------------------------------------
   12. Footer
   -------------------------------------------------------------------------- */
.footer-area,
footer {
  background-color: var(--bechka-secondary) !important;
}

/* Footer widget titles */
.footer-area .footer-widget .widget-title,
footer .footer-widget .widget-title,
.footer-area h4,
footer h4 {
  color: var(--bechka-white);
}

/* Footer links */
.footer-area .footer-widget ul li a,
footer .footer-widget ul li a {
  color: #cccccc;
}

.footer-area .footer-widget ul li a:hover,
footer .footer-widget ul li a:hover {
  color: var(--bechka-primary);
}

/* Footer bottom bar */
.footer-bottom,
.copyright-area {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom a:hover,
.copyright-area a:hover {
  color: var(--bechka-primary);
}

/* Footer newsletter / subscribe button */
.footer-area .subscribe-form button,
.footer-area .newsletter-form button,
footer .subscribe-form button,
footer .newsletter-form button {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
}

.footer-area .subscribe-form button:hover,
.footer-area .newsletter-form button:hover,
footer .subscribe-form button:hover,
footer .newsletter-form button:hover {
  background-color: var(--bechka-primary-light);
  color: var(--bechka-white);
}

/* Footer contact info icons */
.footer-area .footer-contact i,
.footer-area .footer-contact svg,
.footer-area .contact-info i,
.footer-area .contact-info svg {
  color: var(--bechka-primary);
}


/* --------------------------------------------------------------------------
   13. Breadcrumb Section
   -------------------------------------------------------------------------- */
.breadcrumb-area .breadcrumb li a:hover,
.breadcrumb-section .breadcrumb li a:hover {
  color: var(--bechka-primary);
}

.breadcrumb-area .breadcrumb li.active,
.breadcrumb-section .breadcrumb li.active,
.breadcrumb-area .breadcrumb-item.active,
.breadcrumb-section .breadcrumb-item.active {
  color: var(--bechka-primary);
}

/* Breadcrumb overlay tint */
.breadcrumb-area::before,
.breadcrumb-section::before {
  background: linear-gradient(
    135deg,
    rgba(30, 30, 30, 0.85) 0%,
    rgba(44, 44, 44, 0.7) 100%
  );
}

.breadcrumb-area .page-title,
.breadcrumb-section .page-title {
  color: var(--bechka-white);
}


/* --------------------------------------------------------------------------
   14. Preloader
   -------------------------------------------------------------------------- */
.preloader .loader,
.preloader .spinner,
#preloader .loader,
#preloader .spinner {
  border-color: var(--bechka-bg-section);
  border-top-color: var(--bechka-primary);
}

.preloader,
#preloader {
  background-color: var(--bechka-white);
}


/* --------------------------------------------------------------------------
   15. Social Icons
   -------------------------------------------------------------------------- */
.social-icon a,
.social-links a,
.social-media a {
  color: var(--bechka-text-md);
  border-color: var(--bechka-text-md);
}

.social-icon a:hover,
.social-links a:hover,
.social-media a:hover {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
  border-color: var(--bechka-primary);
}

/* Footer social icons (on dark background) */
.footer-area .social-icon a,
.footer-area .social-links a,
footer .social-icon a,
footer .social-links a {
  color: #cccccc;
  border-color: rgba(255, 255, 255, 0.2);
}

.footer-area .social-icon a:hover,
.footer-area .social-links a:hover,
footer .social-icon a:hover,
footer .social-links a:hover {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
  border-color: var(--bechka-primary);
}


/* --------------------------------------------------------------------------
   16. Form Focus States
   -------------------------------------------------------------------------- */
input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus,
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
  border-color: var(--bechka-primary) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 150, 46, 0.2) !important;
          box-shadow: 0 0 0 0.2rem rgba(184, 150, 46, 0.2) !important;
  outline: none;
}

/* Search form */
.search-form button,
.search-box button,
.widget-search button {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
}

.search-form button:hover,
.search-box button:hover,
.widget-search button:hover {
  background-color: var(--bechka-primary-dark);
  color: var(--bechka-white);
}


/* --------------------------------------------------------------------------
   17. Star Ratings
   -------------------------------------------------------------------------- */
.star-rating i,
.star-rating svg,
.rating i,
.rating svg,
.stars i,
.stars svg,
.testimonial-rating i,
.testimonial-rating svg {
  color: var(--bechka-primary) !important;
}


/* --------------------------------------------------------------------------
   18. Counters / Statistics
   -------------------------------------------------------------------------- */
.counter-number,
.counter-item .count,
.counter-item h2,
.counter-area .counter-number,
.fun-fact .counter,
.fun-fact h2,
.counter-box .counter {
  color: var(--bechka-primary);
}

.counter-item .counter-icon,
.fun-fact .icon,
.counter-box .icon {
  color: var(--bechka-primary);
}

/* Counter section background variant */
.counter-section,
.counter-area {
  background-color: var(--bechka-secondary);
}


/* --------------------------------------------------------------------------
   19. Tag Lists / Tag Clouds
   -------------------------------------------------------------------------- */
.tag-list a,
.tagcloud a,
.tag-cloud a,
.service-tag,
.post-tag a,
.widget-tags a,
.widget_tag_cloud a {
  background-color: var(--bechka-bg-section);
  color: var(--bechka-text-dark);
  border-color: var(--bechka-bg-section);
}

.tag-list a:hover,
.tagcloud a:hover,
.tag-cloud a:hover,
.service-tag:hover,
.post-tag a:hover,
.widget-tags a:hover,
.widget_tag_cloud a:hover {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
  border-color: var(--bechka-primary);
}


/* --------------------------------------------------------------------------
   20. Mouse Cursor (custom cursor styling)
   -------------------------------------------------------------------------- */
.mouseCursor,
.cursor,
.mouse-cursor {
  border-color: var(--bechka-primary) !important;
}

.mouseCursor.cursor-inner,
.cursor-inner {
  background-color: var(--bechka-primary) !important;
}

.mouseCursor.cursor-outer,
.cursor-outer {
  border-color: var(--bechka-primary) !important;
}


/* --------------------------------------------------------------------------
   21. Swiper / Carousel Pagination & Navigation
   -------------------------------------------------------------------------- */
.swiper-pagination-bullet-active,
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--bechka-primary) !important;
}

.swiper-button-next,
.swiper-button-prev,
.owl-nav button,
.slick-arrow {
  color: var(--bechka-primary) !important;
  border-color: var(--bechka-primary) !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover,
.owl-nav button:hover,
.slick-arrow:hover {
  background-color: var(--bechka-primary) !important;
  color: var(--bechka-white) !important;
}


/* --------------------------------------------------------------------------
   22. Testimonials
   -------------------------------------------------------------------------- */
.testimonial-card,
.testimonial-item {
  border-bottom: 3px solid transparent;
}

.testimonial-card:hover,
.testimonial-item:hover {
  border-bottom-color: var(--bechka-primary);
}

.testimonial-card .quote-icon,
.testimonial-item .quote-icon {
  color: var(--bechka-primary);
}


/* --------------------------------------------------------------------------
   23. Blog / Post Cards
   -------------------------------------------------------------------------- */
.blog-card .blog-meta a:hover,
.post-card .post-meta a:hover,
.blog-item .blog-meta a:hover {
  color: var(--bechka-primary);
}

.blog-card .blog-title a:hover,
.post-card .post-title a:hover,
.blog-item .blog-title a:hover {
  color: var(--bechka-primary);
}

.blog-card .read-more,
.post-card .read-more,
.blog-item .read-more {
  color: var(--bechka-primary);
}

.blog-card .read-more:hover,
.post-card .read-more:hover,
.blog-item .read-more:hover {
  color: var(--bechka-primary-dark);
}

/* Blog category badge */
.blog-card .category,
.post-card .category,
.blog-item .category {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
}

/* Blog date accent */
.blog-card .blog-date,
.post-card .post-date,
.blog-item .blog-date {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
}


/* --------------------------------------------------------------------------
   24. Pricing Tables
   -------------------------------------------------------------------------- */
.pricing-card.active,
.pricing-item.popular,
.price-table.featured {
  border-color: var(--bechka-primary);
}

.pricing-card .price,
.pricing-item .price,
.price-table .price-amount {
  color: var(--bechka-primary);
}

.pricing-card.active .pricing-header,
.pricing-item.popular .pricing-header,
.price-table.featured .price-header {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
}


/* --------------------------------------------------------------------------
   25. Tabs & Pill Navigation
   -------------------------------------------------------------------------- */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-pills .nav-link.active,
.tab-buttons .active {
  background-color: var(--bechka-primary) !important;
  color: var(--bechka-white) !important;
  border-color: var(--bechka-primary) !important;
}

.nav-tabs .nav-link:hover,
.nav-pills .nav-link:hover,
.tab-buttons button:hover {
  color: var(--bechka-primary);
}


/* --------------------------------------------------------------------------
   26. Team / About Section
   -------------------------------------------------------------------------- */
.team-card:hover,
.team-member:hover {
  border-color: var(--bechka-primary);
}

.team-card .team-social a:hover,
.team-member .team-social a:hover {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
  border-color: var(--bechka-primary);
}

.team-card .team-designation,
.team-member .team-designation {
  color: var(--bechka-primary);
}


/* --------------------------------------------------------------------------
   27. Sidebar Widgets
   -------------------------------------------------------------------------- */
.sidebar .widget-title,
.sidebar-widget .widget-title {
  border-bottom-color: var(--bechka-primary);
}

.sidebar .widget-title::before,
.sidebar-widget .widget-title::before {
  background-color: var(--bechka-primary);
}

/* Category list */
.sidebar .category-list li a:hover,
.sidebar-widget .category-list li a:hover,
.widget-categories li a:hover {
  color: var(--bechka-primary);
}

/* Recent posts widget */
.sidebar .recent-post .post-title:hover,
.sidebar-widget .recent-post .post-title:hover {
  color: var(--bechka-primary);
}


/* --------------------------------------------------------------------------
   28. Pagination
   -------------------------------------------------------------------------- */
.pagination .page-item.active .page-link,
.pagination .page-link:hover,
.page-numbers.current {
  background-color: var(--bechka-primary);
  border-color: var(--bechka-primary);
  color: var(--bechka-white);
}

.pagination .page-link {
  color: var(--bechka-text-dark);
}


/* --------------------------------------------------------------------------
   29. CTA / Call-to-Action Sections
   -------------------------------------------------------------------------- */
.cta-section,
.cta-area {
  background-color: var(--bechka-primary);
}

.cta-section .theme-btn,
.cta-area .theme-btn {
  background-color: var(--bechka-white);
  color: var(--bechka-primary);
}

.cta-section .theme-btn:hover,
.cta-area .theme-btn:hover {
  background-color: var(--bechka-secondary);
  color: var(--bechka-white);
}


/* --------------------------------------------------------------------------
   30. Hero / Banner Slider
   -------------------------------------------------------------------------- */
.hero-area .hero-sub-title,
.slider-area .slider-sub-title,
.banner-area .banner-sub-title {
  color: var(--bechka-primary);
}

.hero-area .theme-btn,
.slider-area .theme-btn,
.banner-area .theme-btn {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
  border-color: var(--bechka-primary);
}

.hero-area .theme-btn:hover,
.slider-area .theme-btn:hover,
.banner-area .theme-btn:hover {
  background-color: var(--bechka-secondary);
  color: var(--bechka-white);
  border-color: var(--bechka-secondary);
}


/* --------------------------------------------------------------------------
   31. Gallery / Portfolio
   -------------------------------------------------------------------------- */
.gallery-item .gallery-overlay,
.portfolio-item .portfolio-overlay {
  background-color: rgba(184, 150, 46, 0.85);
}

.gallery-filter button.active,
.portfolio-filter button.active {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
}


/* --------------------------------------------------------------------------
   32. Contact Info Cards
   -------------------------------------------------------------------------- */
.contact-info-card .icon,
.contact-info-box .icon,
.info-card .icon {
  color: var(--bechka-primary);
}

.contact-info-card:hover,
.contact-info-box:hover,
.info-card:hover {
  border-color: var(--bechka-primary);
}


/* --------------------------------------------------------------------------
   33. Selection Color
   -------------------------------------------------------------------------- */
::-moz-selection {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
}

::selection {
  background-color: var(--bechka-primary);
  color: var(--bechka-white);
}


/* --------------------------------------------------------------------------
   34. Scrollbar Styling (Webkit)
   -------------------------------------------------------------------------- */
::-webkit-scrollbar-thumb {
  background-color: var(--bechka-primary);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--bechka-primary-dark);
}

::-webkit-scrollbar-track {
  background-color: var(--bechka-bg-section);
}

::-webkit-scrollbar {
  width: 8px;
}


/* --------------------------------------------------------------------------
   35. Utility Overrides (color helpers from template)
   -------------------------------------------------------------------------- */
.text-theme,
.theme-color {
  color: var(--bechka-primary) !important;
}

.bg-theme,
.theme-bg-color {
  background-color: var(--bechka-primary) !important;
}

.border-theme {
  border-color: var(--bechka-primary) !important;
}


/* --------------------------------------------------------------------------
   36. Loading / Spinner Animation Colors
   -------------------------------------------------------------------------- */
@-webkit-keyframes bechka-spin {
  0% { border-top-color: var(--bechka-primary); }
  50% { border-top-color: var(--bechka-primary-light); }
  100% { border-top-color: var(--bechka-primary); }
}

@keyframes bechka-spin {
  0% { border-top-color: var(--bechka-primary); }
  50% { border-top-color: var(--bechka-primary-light); }
  100% { border-top-color: var(--bechka-primary); }
}