/* Brand overrides: Saudi green palette */
:root {
  --brand-primary: #006C35; /* Saudi green */
  --brand-primary-dark: #0A8F3F;
  --brand-primary-light: #72E0A5;

  /* Bootstrap overrides */
  --bs-primary: #006C35;
  --bs-primary-rgb: 0,108,53;
  --bs-link-color: #006C35;
  --bs-link-hover-color: #0A8F3F;
  --bs-btn-focus-shadow-rgb: 0,108,53;
}

/* Links */
a { color: var(--bs-link-color); }
a:hover { color: var(--bs-link-hover-color); }

/* Bootstrap primary buttons */
.btn-primary,
.modal .btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:hover,
.btn-primary:focus,
.modal .btn-primary:hover,
.modal .btn-primary:focus {
  background-color: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
}

/* Utilities */
.text-primary { color: var(--bs-primary) !important; }
.bg-primary { background-color: var(--bs-primary) !important; }
.border-primary { border-color: var(--bs-primary) !important; }

/* Site components commonly using blue tones */
.gradient-text-1 {
  background: var(--brand-primary);
  background: linear-gradient(to right, var(--brand-primary) 39%, var(--brand-primary-light) 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#scroll-top,
.scroll-top { background-color: var(--brand-primary); }
.scroll-top:hover { border: 1px solid var(--brand-primary); }

.btn-style-one,
.btn-style-three {
  background: var(--brand-primary);
  background: linear-gradient(-45deg, var(--brand-primary-light) 20%, var(--brand-primary-dark) 50%, var(--brand-primary) 100%);
}

.header-one.sticky .hamburger_button span,
.header-wrapper-two .hamburger_button span { background: var(--brand-primary); }

.main-menu > ul > li:hover > a,
.main-menu .has-children > .sub-menu > li:hover a,
.mobile-menu li a:hover,
.mobile-menu li ul li a:hover,
.header-four .header-top-link:hover,
.about-three-buttons .phone-call-number:hover {
  color: var(--brand-primary);
}

.main-menu .has-children > .sub-menu,
.main-menu .has-children > .sub-menu > li.has-submenu .submenu-nav {
  border-bottom: 2px solid var(--brand-primary);
}

.sliderone .swiper-pagination-bullet,
.slidertwo .swiper-pagination-bullet-active {
  background: var(--brand-primary);
}

/* Section badges and subtle accents */
.section-title .subtitle { color: var(--brand-primary-light); }

/* Forms */
.form-control:focus, .form-select:focus {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 .2rem rgba(0,108,53,.15);
}

/* Order/Hero shapes using brand gradients */
.order-hero__shape .blob {
  background: radial-gradient(circle at 30% 30%, var(--brand-primary-light), transparent 60%),
              radial-gradient(circle at 70% 70%, var(--brand-primary), transparent 60%),
              radial-gradient(circle at 20% 70%, var(--brand-primary-dark), transparent 60%);
}
.order-success .success-icon {
  background: linear-gradient(-45deg, var(--brand-primary-light) 20%, var(--brand-primary-dark) 50%, var(--brand-primary) 100%);
  box-shadow: 0 10px 30px rgba(0, 108, 53, 0.25);
}

/* About sections */
.about .about-counter-1,
.about .about-counter-2,
.about .about-counter-3 {
  background-color: var(--brand-primary);
}
.about-image-inner-thumb,
.about-two-images-thumb {
  background-color: var(--brand-primary);
  color: #ffffff;
}
.about-tab .nav-link {
  background-color: var(--brand-primary);
}

/* Pagination bullets and active ring */
.pagination-style-one .swiper-pagination-bullet { background: var(--brand-primary); }
.pagination-style-one .swiper-pagination-bullet-active::before { border-color: var(--brand-primary-light); }

/* Default pagination active/hover */
.pagination-wrapper .pagination .page-item .page-link:hover,
.pagination-wrapper .pagination .page-item .page-link.active {
  background: var(--brand-primary-light);
  border-color: var(--brand-primary-light);
}

/* Additional button styles */
.btn-style-two,
.btn-style-four {
  background: var(--brand-primary-light);
}

/* Heading subtitle accent */
.heading-one-subtitle { color: var(--brand-primary-light); }

/* Rotate title stroke */
.rotate-title { -webkit-text-stroke-color: var(--brand-primary); }

/* Hamburger hover accents */
.hamburger_button:hover span,
.header-one.sticky .hamburger_button:hover span,
.header-wrapper-two .hamburger_button:hover span { background: var(--brand-primary-light); }

/* Slider controls */
.sliderone .swiper-button-prev,
.sliderone .swiper-button-next { border-color: var(--brand-primary-light); }
.sliderone .swiper-button-prev:hover,
.sliderone .swiper-button-next:hover {
  background-color: var(--brand-primary-light);
  border-color: var(--brand-primary-light);
}

/* Social links hover */
.sliderbg-1 .sliderone-social li a:hover { color: var(--brand-primary-light); }