/**
 * Tenant Theme CSS
 *
 * This file uses CSS variables defined per-tenant to override brand colors.
 * CSS variables are set in head.php via getTenantCSSVariables():
 * --brand-primary: Primary brand color (e.g., #f0493e for Dunlop)
 * --brand-secondary: Secondary brand color (e.g., #005bbb for Dunlop)
 * --brand-dark: Dark brand color (e.g., #272c35 for Dunlop)
 * --brand-font: Brand font family
 */

/* Default fallback values (Dunlop colors) */
:root {
  --brand-primary: #f0493e;
  --brand-secondary: #005bbb;
  --brand-dark: #272c35;
  --brand-font: "Overpass", sans-serif;
}

/* Navigation buttons */
.nav-item .btn-colored {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

.nav-item .btn-colored:hover {
  background: var(--brand-secondary) !important;
  border-color: var(--brand-secondary) !important;
}

/* Text and icon colors */
.text-brand,
.icon-brand {
  color: var(--brand-primary) !important;
}

/* Background colors */
.bg-color,
.section-brand-gradient {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-dark)) !important;
}

/* Buttons - primary style */
.btn-primary,
.btn-colored {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

.btn-primary:hover,
.btn-colored:hover {
  background-color: var(--brand-secondary) !important;
  border-color: var(--brand-secondary) !important;
}

/* Underline decorations */
.underlined-orange::after {
  background-color: var(--brand-primary) !important;
}

.text-underline {
  background-color: var(--brand-primary);
}

/* Border accents */
.border-brand {
  border-color: var(--brand-primary) !important;
}

/* Loader spinner */
#ftco-loader .path {
  stroke: var(--brand-primary) !important;
}

/* Applied badge */
.applied-info {
  background-color: var(--brand-primary);
}

/* Slider/range controls */
.noUi-connect {
  background: var(--brand-primary);
}

/* Pagination active state */
.vacPagination .active a {
  background-color: var(--brand-primary);
}

/* Filter/form submit buttons */
.filter-submit {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

/* Job card borders */
.job-card:hover {
  border-color: var(--brand-primary);
}

/* Footer gradient */
.footer.section-brand-gradient {
  background: linear-gradient(135deg, var(--brand-dark), var(--brand-primary)) !important;
}

/* Hero section button */
.btn-outline {
  border-color: white !important;
}

.btn-outline:hover {
  background: var(--brand-secondary) !important;
  border-color: var(--brand-secondary) !important;
}

/* Links with brand color */
a.text-brand:hover {
  color: var(--brand-secondary) !important;
}

/* Counter section icons */
.section-counter .icon-brand {
  color: var(--brand-primary) !important;
}

/* Social media float buttons */
.float-sm .fl-fl {
  background: var(--brand-dark);
}

.float-sm .float-fb:hover {
  background: #3b5998;
}

.float-sm .float-ig:hover {
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

.float-sm .float-li:hover {
  background: #0077b5;
}

.float-sm .float-yt:hover {
  background: linear-gradient(45deg, #FF0000, #CC0000, #8B0000);
}

.float-sm .float-em:hover {
  background: var(--brand-primary);
}

/* Job detail sidebar underline */
.jobAside .text-underline {
  background-color: var(--brand-primary);
}

/* Job share buttons */
.job-share-button i {
  color: var(--brand-dark);
}

.job-share-button i:hover {
  color: var(--brand-primary);
}

/* Navigation scrolled state */
.ftco-navbar-light.scrolled {
  background: white !important;
}

/* Job filter active state */
.job-filter-active {
  background-color: var(--brand-primary) !important;
  color: white !important;
}