/**
 * Leftover Tags — Header / Nav
 * /templates/purity_iii/css/themes/orange/custom.css
 *
 * Brand colors:
 *   Pine green:  #3d5e48   (header bg, nav active, hunt codes)
 *   Tag orange:  #e85535   (logo, CTA, record count)
 *   Amber:       #eaad60   (active nav underline, accent stripe)
 *   Cream:       #f0ede6   (page bg, nav text)
 */

/* ═══════════════════════════════════════════════════════════
   1. FORCE HEADER GREEN
   Real element: <header id="t3-mainnav" class="wrap navbar navbar-default navbar-fixed-top t3-mainnav">
   template.css:861 sets .navbar-default { background:#ff8000 } — we beat it with more specific selectors
   ═══════════════════════════════════════════════════════════ */
.t3-footer {
    background: #f0ede6;
}
header#t3-mainnav,
header.t3-mainnav,
header.navbar-default,
#t3-mainnav.navbar-default,
.navbar-default.t3-mainnav,
.navbar-default.navbar-fixed-top.t3-mainnav {
  background-color: #3d5e48 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  position: relative !important;
}

/* Amber accent stripe at very bottom of header */
header#t3-mainnav::after,
header.t3-mainnav::after {
  content: '';
  display: block;
  height: 3px;
  background: #eaad60;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

/* ═══════════════════════════════════════════════════════════
   2. INNER COLLAPSE DIV — transparent so header bg shows through
   This is the div INSIDE the header — NOT the header itself
   ═══════════════════════════════════════════════════════════ */

.navbar-collapse,
.t3-navbar-collapse {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════
   3. LOGO — kill orange background from template.css
   template.css:2865 sets .logo a { background: #e67a00 }
   template.css:2885 repeats it inside @media(min-width:991px)
   Must match BOTH to win
   ═══════════════════════════════════════════════════════════ */

.logo a,
.logo-image a,
.logo a:link,
.logo a:visited,
.logo a:hover,
.logo a:focus,
.logo a:active,
.logo:hover a {
  background: transparent !important;
  background-color: transparent !important;
  color: #f0ede6 !important;
}

@media (min-width: 991px) {
  .logo a,
  .logo-image a,
  .logo a:link,
  .logo a:visited,
  .logo a:hover,
  .logo a:focus,
  .logo a:active,
  .logo:hover a {
    background: transparent !important;
    background-color: transparent !important;
  }
}

.logo img,
.logo-img {
  max-height: 46px !important;
  width: auto !important;
}

/* ═══════════════════════════════════════════════════════════
   4. NAV LINKS
   ═══════════════════════════════════════════════════════════ */

.navbar-default .navbar-nav > li > a,
#t3-mainnav .navbar-nav > li > a,
#t3-mainnav .nav > li > a {
  color: rgba(240, 237, 230, 0.78) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  background-color: transparent !important;
  background-image: none !important;
  border-bottom: 3px solid transparent !important;
  border-top: none !important;
  letter-spacing: 0.2px !important;
  line-height: 1 !important;
  text-transform: none !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
#t3-mainnav .nav > li > a:hover {
  color: #f0ede6 !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-bottom-color: transparent !important;
}

.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.current > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
#t3-mainnav .nav > li.active > a,
#t3-mainnav .nav > li.current > a {
  color: #f0ede6 !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-bottom-color: #eaad60 !important;
  font-weight: 700 !important;
}

.navbar-default .navbar-nav > li > a .caret {
  border-top-color: rgba(240, 237, 230, 0.6) !important;
  border-bottom-color: rgba(240, 237, 230, 0.6) !important;
}
.navbar-default .navbar-nav > li > a:hover .caret,
.navbar-default .navbar-nav > li.active > a .caret {
  border-top-color: #f0ede6 !important;
  border-bottom-color: #f0ede6 !important;
}

/* ═══════════════════════════════════════════════════════════
   5. DROPDOWN MENUS
   ═══════════════════════════════════════════════════════════ */

.navbar-default .navbar-nav .open .dropdown-menu,
.navbar-default .navbar-nav .dropdown-menu,
#t3-mainnav .dropdown-menu {
  background-color: #ffffff !important;
  border: 1px solid #ddd8cc !important;
  border-top: 3px solid #3d5e48 !important;
  border-radius: 0 0 6px 6px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
  padding: 6px 0 !important;
  min-width: 200px !important;
}

.navbar-default .navbar-nav .dropdown-menu > li > a,
#t3-mainnav .dropdown-menu > li > a {
  color: #5a5248 !important;
  font-size: 13px !important;
  padding: 9px 18px !important;
  background-color: transparent !important;
  border: none !important;
}

.navbar-default .navbar-nav .dropdown-menu > li > a:hover,
#t3-mainnav .dropdown-menu > li > a:hover {
  background-color: #f0ede6 !important;
  color: #3d5e48 !important;
}

.navbar-default .navbar-nav .dropdown-menu > .active > a,
#t3-mainnav .dropdown-menu > li.active > a {
  background-color: #f0ede6 !important;
  color: #3d5e48 !important;
  font-weight: 600 !important;
}

/* ═══════════════════════════════════════════════════════════
   6. PAGE BACKGROUND
   ═══════════════════════════════════════════════════════════ */

body {
  background-color: #f0ede6 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   7. MOBILE HAMBURGER
   ═══════════════════════════════════════════════════════════ */

.navbar-default .navbar-toggle {
  border-color: rgba(240, 237, 230, 0.35) !important;
  background-color: transparent !important;
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #f0ede6 !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/* ═══════════════════════════════════════════════════════════
   8. MOBILE NAV (collapsed state)
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 991px) {
  .navbar-default .navbar-collapse,
  #t3-mainnav .navbar-collapse {
    background-color: #3d5e48 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  .navbar-default .navbar-nav > li > a,
  #t3-mainnav .nav > li > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 3px solid transparent !important;
    border-top: none !important;
    padding: 13px 18px !important;
  }

  .navbar-default .navbar-nav > li.active > a,
  #t3-mainnav .nav > li.active > a {
    border-left-color: #eaad60 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
  }

  .navbar-default .navbar-nav .dropdown-menu,
  #t3-mainnav .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.15) !important;
    border: none !important;
    box-shadow: none !important;
  }

  .navbar-default .navbar-nav .dropdown-menu > li > a,
  #t3-mainnav .dropdown-menu > li > a {
    color: rgba(240, 237, 230, 0.8) !important;
    padding: 10px 28px !important;
  }

  .navbar-default .navbar-nav .dropdown-menu > li > a:hover,
  #t3-mainnav .dropdown-menu > li > a:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #f0ede6 !important;
  }
}