/*
 * 1TNT.ca — Light Theme v3.0
 * Design: Concept 1 Final — light/clean, Canadian red accents
 * Nav pill: rose-red tint #ffd5d5 / black text
 * Brand tabs: dark text + red underline
 * Red reserved: announcement bar, nav pill tint, NEW badge, buttons, accents
 */

/* ─── BASE ─────────────────────────────────────────────────────── */

body {
  background-color: #ffffff;
  color: #1a1a1a;
  font-family: -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

a { color: #1a1a1a; text-decoration: none; }
a:hover { color: #cc0000; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { color: #1a1a1a; font-weight: 700; }

/* ─── ANNOUNCEMENT BAR ──────────────────────────────────────────── */

.header-banner,
#header .header-banner {
  background-color: #cc0000;
  color: #ffffff;
  text-align: center;
  padding: 7px 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* ─── HEADER ────────────────────────────────────────────────────── */

#header {
  background-color: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: none;
}

#header .header-top {
  background-color: #ffffff;
  padding: 10px 0;
}

.header-nav,
#contact-link { display: none !important; }

/* ─── NAV — PILL STYLE ──────────────────────────────────────────── */

#_desktop_top_menu,
#_desktop_top_menu nav {
  background-color: #ffffff;
}

#_desktop_top_menu ul.top-menu {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 6px 0;
  flex-wrap: wrap;
}

#_desktop_top_menu ul.top-menu > li > a {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #666666;
  padding: 6px 13px;
  border-radius: 20px;
  transition: background 0.12s, color 0.12s;
  background: transparent;
  border: none;
  text-transform: none;
  letter-spacing: 0;
}

#_desktop_top_menu ul.top-menu > li > a:hover {
  background-color: #f2f2f2;
  color: #1a1a1a;
}

#_desktop_top_menu ul.top-menu > li.current > a,
#_desktop_top_menu ul.top-menu > li.active > a,
#_desktop_top_menu ul.top-menu > li.cms-category.current > a,
#_desktop_top_menu ul.top-menu > li.cms-category.active > a {
  background-color: #ffd5d5 !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
  border: none !important;
}

/* ─── SEARCH ────────────────────────────────────────────────────── */

.search-widget input[type=text],
#search_widget input[type=text] {
  background: #f5f5f5;
  border: 1px solid #e8e8e8;
  border-radius: 20px;
  padding: 7px 16px;
  font-size: 12px;
  color: #999;
  box-shadow: none;
}

.search-widget input[type=text]:focus,
#search_widget input[type=text]:focus {
  border-color: #cc0000;
  outline: none;
  box-shadow: none;
}

.search-widget button,
#search_widget button {
  background: transparent;
  color: #999;
  border: none;
}

/* ─── CART BUTTON ───────────────────────────────────────────────── */

.blockcart a,
#_desktop_cart a {
  background-color: #cc0000;
  color: #ffffff !important;
  border-radius: 20px;
  padding: 7px 18px;
  font-size: 12px;
  font-weight: 600;
  transition: background 0.12s;
}

.blockcart a:hover,
#_desktop_cart a:hover {
  background-color: #aa0000;
  color: #ffffff !important;
}

/* ─── SUBCATEGORY MENU — NO RED TEXT ────────────────────────────── */

#_desktop_top_menu ul.top-menu ul.top-menu li a,
.popover .category-sub-menu li a,
.category-sub-menu li a {
  color: #555555 !important;
  font-weight: 500;
  font-size: 13px;
}

#_desktop_top_menu ul.top-menu ul.top-menu li a:hover,
.category-sub-menu li a:hover {
  color: #1a1a1a !important;
  background: #f5f5f5;
}

/* ─── PRODUCT CARDS ─────────────────────────────────────────────── */

.product-miniature .card,
.product-miniature article {
  background: #ffffff;
  border: 1px solid #ebebeb;
  border-radius: 12px;
  transition: border-color 0.12s;
  box-shadow: none;
}

.product-miniature .card:hover,
.product-miniature article:hover {
  border-color: #cccccc;
  box-shadow: none;
}

.product-miniature .card-img-top,
.product-miniature .product-thumbnail {
  background: #f5f5f5;
  border-radius: 12px 12px 0 0;
}

.product-miniature .card-body {
  padding: 12px 13px 14px;
}

.product-miniature .product-title a {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.3;
}

.product-miniature .product-title a:hover {
  color: #cc0000;
}

.product-miniature .product-price-and-shipping {
  color: #1a1a1a;
  font-weight: 700;
  font-size: 14px;
}

/* ─── NEW BADGE — RED ONLY ──────────────────────────────────────── */

.product-flag.new,
.product-miniature .product-flag.new {
  background-color: #cc0000 !important;
  color: #ffffff !important;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-radius: 3px;
  padding: 2px 7px;
}

.product-flag:not(.new) {
  background-color: #f0f0f0 !important;
  color: #555555 !important;
}

/* ─── BUTTONS ───────────────────────────────────────────────────── */

.btn-primary,
button.btn-primary,
input[type=submit].btn-primary,
.add-to-cart {
  background-color: #cc0000 !important;
  border-color: #cc0000 !important;
  color: #ffffff !important;
  border-radius: 8px;
  font-weight: 600;
  transition: background 0.12s;
}

.btn-primary:hover,
.add-to-cart:hover {
  background-color: #aa0000 !important;
  border-color: #aa0000 !important;
}

.btn-secondary,
button.btn-secondary {
  background-color: #ffffff;
  border: 1.5px solid #d0d0d0;
  color: #1a1a1a;
  border-radius: 8px;
  font-weight: 500;
}

.btn-secondary:hover {
  background-color: #f5f5f5;
  color: #1a1a1a;
}

/* ─── BREADCRUMB ────────────────────────────────────────────────── */

.breadcrumb { background: transparent; padding-left: 0; }
.breadcrumb-item a { color: #888; font-size: 12px; }
.breadcrumb-item.active { color: #aaa; font-size: 12px; }
.breadcrumb-item + .breadcrumb-item::before { color: #ccc; }

/* ─── CATEGORY PAGE ─────────────────────────────────────────────── */

.category-cover img { border-radius: 12px; }

#category h1,
.category-top-menu h1 {
  font-size: 24px;
  font-weight: 800;
  color: #1a1a1a;
}

.category-sub-menu .category-sub-link {
  color: #555555 !important;
  font-weight: 500;
}

/* ─── HOMEPAGE — REMOVE DEFAULT DEMO CONTENT ────────────────────── */

.carousel { display: none !important; }
#custom-text { display: none !important; }
.banner { display: none !important; }

/* ─── FOOTER ────────────────────────────────────────────────────── */

#footer {
  background-color: #1a1a1a;
  color: #555555;
  border-top: none;
  margin-top: 0;
}

#footer a { color: #555555; }
#footer a:hover { color: #cc0000; }

#footer .footer-container h3,
#footer .footer-container .h3 {
  color: #888888;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* ─── PAGINATION ────────────────────────────────────────────────── */

.page-link {
  color: #1a1a1a;
  border-color: #e8e8e8;
  border-radius: 6px;
}

.page-item.active .page-link {
  background-color: #cc0000;
  border-color: #cc0000;
  color: #ffffff;
}

/* ─── ALERTS & NOTIFICATIONS ────────────────────────────────────── */

.alert-success { border-color: #cc0000; color: #cc0000; background: #fff0f0; }
.alert-danger { border-color: #e0e0e0; }


/* ─── NAV PILL — ALL NODE TYPES ────────────────────────────────── */

#_desktop_top_menu ul.top-menu > li.shop.current > a,
#_desktop_top_menu ul.top-menu > li.shop.active > a,
#_desktop_top_menu ul.top-menu > li.category.current > a,
#_desktop_top_menu ul.top-menu > li.category.active > a,
#_desktop_top_menu ul.top-menu > li.link.current > a,
#_desktop_top_menu ul.top-menu > li.link.active > a,
#_desktop_top_menu ul.top-menu > li.manufacturers.current > a,
#_desktop_top_menu ul.top-menu > li.manufacturers.active > a,
#_desktop_top_menu ul.top-menu > li.cms-page.current > a,
#_desktop_top_menu ul.top-menu > li.cms-page.active > a,
#_desktop_top_menu ul.top-menu > li.cms-category.current > a,
#_desktop_top_menu ul.top-menu > li.cms-category.active > a {
  background-color: #ffd5d5 !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
  border: none !important;
  border-radius: 20px !important;
}

/* ─── NAV PILL — link type items by ID ─────────────────────────── */

#lnk-contact-us > a,
#lnk-shop > a {
  padding: 6px 13px !important;
  border-radius: 20px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #666 !important;
  background: transparent !important;
}

#lnk-contact-us > a:hover,
#lnk-shop > a:hover {
  background-color: #f2f2f2 !important;
  color: #1a1a1a !important;
}

#lnk-contact-us.current > a,
#lnk-contact-us.active > a {
  background-color: #ffd5d5 !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

/* ─── Hide stale lnk-shop custom link ──────────────────────────── */

#lnk-shop { display: none !important; }

/* ─── Contact us pill — active on contact page via body id ──────── */

body#contact #lnk-contact-us > a {
  background-color: #ffd5d5 !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
}


/* ─── Subcategory names — remove all-caps ──────────────────────── */

a.subcategory-name {
  text-transform: none !important;
}