/* ---------------------------------------------------------------------------
   The Rice Sack Co. brand overrides on top of theme.min.css (Bootstrap 5).
   Logo colours: sun #FBD114 -> #F89C1E, sack cream #F9F2CF, ink #231F20.
   Primary #B35900 = darker sun orange so white button text passes WCAG AA.
--------------------------------------------------------------------------- */
:root {
  --brand-primary: #B35900;
  --brand-primary-dark: #8F4700;
  --brand-sun: #F89C1E;
  --brand-cream: #F9F2CF;
  --brand-ink: #231F20;
  --bs-primary: #B35900;
  --bs-primary-rgb: 179, 89, 0;
  --bs-link-color: #B35900;
  --bs-link-hover-color: #8F4700;
}

/* Header: banner logo already contains the company name */
.header .navbar-brand img { width: 200px; height: auto; }
@media (min-width: 992px) { .header .navbar-brand img { width: 260px; } }
.header .offcanvas { min-width: 0; }
.header .navbar-nav .nav-link.active { color: var(--brand-primary); }

/* Buttons + links */
.btn-primary {
  --bs-btn-bg: #B35900; --bs-btn-border-color: #B35900;
  --bs-btn-hover-bg: #8F4700; --bs-btn-hover-border-color: #8F4700;
  --bs-btn-active-bg: #8F4700; --bs-btn-active-border-color: #8F4700;
  --bs-btn-disabled-bg: #B35900; --bs-btn-disabled-border-color: #B35900;
  color: #fff; background-color: #B35900; border-color: #B35900; box-shadow: none;
}
.btn-primary:hover, .btn-primary:focus { color: #fff; background-color: #8F4700; border-color: #8F4700; }
.btn-outline-primary {
  --bs-btn-color: #B35900; --bs-btn-border-color: #B35900;
  --bs-btn-hover-bg: #B35900; --bs-btn-hover-border-color: #B35900; --bs-btn-hover-color: #fff;
  color: #B35900; border-color: #B35900;
}
.btn-outline-primary:hover { color: #fff; background-color: #B35900; }
.text-primary { color: #B35900 !important; }
.border-primary { border-color: #B35900 !important; }
a { color: #B35900; }
a:hover { color: #8F4700; }
.breadcrumb-item a { color: inherit; }

/* Hero band in sack cream */
.hero-brand { background: linear-gradient(180deg, #fffdf3 0%, var(--brand-cream) 100%); }
.hero-logo { max-width: 100%; height: auto; filter: drop-shadow(0 .75rem 1.5rem rgba(248,156,30,.25)); }

.service-hero-badge {
  display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  background: rgba(248,156,30,.18); color: #8F4700; border-radius: 2rem; padding: .35rem 1rem;
}

/* Cards */
.brand-card {
  border: 0; border-top: 3px solid var(--brand-sun); border-radius: .75rem;
  box-shadow: 0 .25rem 1.25rem rgba(0,0,0,.07); transition: transform .2s ease, box-shadow .2s ease;
}
.brand-card:hover { transform: translateY(-4px); box-shadow: 0 .6rem 1.75rem rgba(248,156,30,.2); }
.brand-icon {
  width: 2.75rem; height: 2.75rem; display: flex; align-items: center; justify-content: center;
  background: rgba(248,156,30,.15); border-radius: 50%; flex-shrink: 0;
}

/* Compact footer */
.footer a { color: inherit; text-decoration: none; }
.footer a:hover { color: #B35900; text-decoration: underline; }
.footer .list-inline-item:not(:last-child) { margin-right: 1rem; }
@media (max-width: 991.98px) { .footer { padding-bottom: 4rem; } }

/* Replace the theme's default indigo (#6366f1) where it shows */
.breadcrumb-item.active, .breadcrumb-item a:hover,
.navbar .nav-link:hover, .navbar .nav-link:focus, .navbar .nav-link.active { color: #B35900 !important; }
.btn-scroll-top:hover .btn-scroll-top-icon { color: #B35900; }
::selection { background: rgba(248,156,30,.35); }