/* -------------------------------------------------
   Rocky Mountain Chocolate Factory – Brand Theme
   Palette (from style guide)
   Deep Spruce:     #595548  (body text)
   Pine:            #707852
   Sage:            #8F9778
   Light Sage:      #CCD2B6
   Café Latte:      #D8D1C4
   Milk Latte:      #F6F5EF  (light bg / nav bg)
   Dark Chocolate:  #371911
   Milk Chocolate:  #50362D  (primary headings, accents)
   Toffee/Blonde:   #D9C189
   Copper Kettle:   #AF5218  (buttons & text links only)
--------------------------------------------------- */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@300;400;500;600&family=Vidaloka&display=swap');

/* CSS Variables for palette */
:root {
  --rmcf-deep-spruce:   #595548;
  --rmcf-pine:          #707852;
  --rmcf-sage:          #8F9778;
  --rmcf-light-sage:    #CCD2B6;
  --rmcf-cafe-latte:    #D8D1C4;
  --rmcf-milk-latte:    #F6F5EF;
  --rmcf-dark-chocolate:#371911;
  --rmcf-milk-chocolate:#50362D;
  --rmcf-toffee:        #D9C189;
  --rmcf-copper-kettle: #AF5218;
  --rmcf-white:         #FFFFFF;
}

/* Global typography */
body {
  font-family: 'Catamaran', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--rmcf-deep-spruce);
  background-color: var(--rmcf-milk-latte);
  letter-spacing: 0;
}

h1, h2 {
  font-family: 'Vidaloka', 'Times New Roman', serif;
  color: var(--rmcf-milk-chocolate);
  text-transform: none; /* respect lower-case guidance */
  letter-spacing: 0;
}

h3, h4, h5, h6 {
  font-family: 'Catamaran', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--rmcf-deep-spruce);
  letter-spacing: 0;
  font-weight: 300;
}

/* Links & text buttons (Copper Kettle only) */
a,
a:link,
a:visited {
  color: var(--rmcf-copper-kettle);
}

a:hover,
a:focus {
  color: var(--rmcf-dark-chocolate);
}
.content h1 {
  font-family: 'Vidaloka', 'Times New Roman', serif;
  color: var(--rmcf-milk-chocolate);
  font-size: 36px;
}

/* Alerts */
.alert-info {
  display: flex;
  justify-content: center;
  color: var(--rmcf-white) !important;
  background-color: var(--rmcf-copper-kettle) !important;
  padding: 5px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.alert-success {
  display: none;
  justify-content: center;
  color: var(--rmcf-pine);
  background-color: var(--rmcf-white);
}

.alert-info .btn-primary {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Icons inside generic .btn */
.btn .fa {
  margin: 5px;
}

/* Header / logo area */
.checkout-top-header.navbar-static-top {
  /* Chocolate gradient instead of purple */
  background: radial-gradient(circle,
    var(--rmcf-dark-chocolate) 0%,
    var(--rmcf-milk-chocolate) 100%);
  height: fit-content;
}

.checkout-top-header #storeLogo {
  display: block !important;
  height: auto;
  width: 75%;
  margin-bottom: 3%;
}

/* Header text links */
.SubHeaderPurpleText a,
.SubHeaderPurpleText a:hover {
  color: var(--rmcf-white);
}

.top-header .contacts li,
.checkout-top-header .contacts li {
  color: var(--rmcf-white);
}

.checkout-top-header .contacts li {
  font-weight: 600;
  margin-top: 12px;
}

/* Product info labels */
article.product-item.product-single .product-info li span {
  width: 100px;
  color: #000000;
  display: inline-block;
  font-weight: 400;
}

/* Checkout progress styling */
.account-content .checkout-step.active .number {
  background: var(--rmcf-milk-chocolate);
}

.account-content .checkout-progress .progress-bar {
  background: var(--rmcf-milk-chocolate);
}

.account-content .checkout-step.active:after {
  border-color: var(--rmcf-milk-chocolate);
}

/* Icons / bullets accents */
.top-header .contacts li i {
  color: var(--rmcf-copper-kettle);
  border-color: var(--rmcf-copper-kettle);
}

.footer-widget-contacts ul li i {
  color: var(--rmcf-copper-kettle);
  border: 2px solid var(--rmcf-copper-kettle);
}

/* Radio / checkbox accents */
.radio > input[type=radio]:checked + label:before {
  background: var(--rmcf-pine);
}

.checkbox > label,
.radio > label {
  color: var(--rmcf-deep-spruce);
}

/* Content headings */
.content h3 {
  color: var(--rmcf-milk-chocolate);
}

/* Quickview text */
.btn-quickview {
  margin-top: 64px;
  padding-bottom: 0;
  font-weight: 300;
  height: 10px;
  font-size: 10px;
  color: var(--rmcf-milk-chocolate);
}

article.product-item .product-quickview {
  margin-top: -32px;
  padding-bottom: 0;
  height: 10px;
}

/* Big hero CTA button (kept selector name for compatibility) */
.purple-button {
  background: var(--rmcf-copper-kettle);
  color: var(--rmcf-white);
  width: 300px;
  height: auto;
  font-size: 36px;
  margin-bottom: 1%;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Wish List Edit */
#wishlistSettings-container.content,
.email_wishlist {
  visibility: hidden;
}

/* Sidebar Widgets, Cart Header */
.sidebar .widget h3,
.cart-head,
.able-grid-head {
  background: var(--rmcf-milk-chocolate);
  color: var(--rmcf-milk-latte);
}

/* Top Secondary Navigation */
header.navbar .navbar-nav > li > a,
.top-header .links a,
.checkout-top-header .view-cart > a {
  color: var(--rmcf-white);
}
header.navbar .navbar-nav > li > a:hover,
.checkout-top-header .view-cart > a:hover {
  color: var(--rmcf-copper-kettle)
}

/* Dropdown menus */
header.navbar .megamenu .dropdown-menu li ul li ul li a,
header.navbar .navbar-nav > li > ul > li > ul > li > a {
  color: var(--rmcf-deep-spruce) !important;
}

header.navbar .navbar-nav li ul li a:hover,
header.navbar .navbar-nav > li ul li ul li a:hover {
  color: var(--rmcf-copper-kettle) !important;
}

/* Product page tweaks */
article.product-item.product-single .product-info li span {
  width: auto !important;
}

article.product-item.product-single .product-links a i {
  color: var(--rmcf-milk-chocolate);
}

/* Print styles – kept mostly as-is */
@media print {
  .product-mask img {
    display: hidden !important;
  }
  img {
    display: hidden !important;
  }
  .products-header { display: none; }
  .col-md-3 { width:100%; }
  .col-md-3 .col-md-3 { width: 15%; background: #000; }
  .col-md-3 img { float: left; width: 150px; }
  .col-md-3 .product-body { float: right; width:75%; text-align: left; }
  .col-sm-9 { width: 500px; }
  .product-item { height: 170px !important; }
  .buttons { display: none; }
}

/* Inline product list for spreadsheet-style ordering */
.single_line_products .products-header {
  display: none;
}

/* Mobile adjustments */
@media only screen and (max-width: 500px) {
  header.navbar .navbar-nav > li > a,
  .top-header .links a,
  .checkout-top-header .view-cart > a {
    color: var(--rmcf-milk-chocolate);
  }

  .Order-Data #mainColumn > div > div > div > div > div > article > div.able-grid.able-grid-bordered > div.able-grid-head.container-fluid.hidden-xs > div > div:nth-child(4) {
    display: none;
    visibility: hidden;
  }

  .alert-info {
    color: var(--rmcf-white) !important;
    background-color: var(--rmcf-dark-chocolate) !important;
    padding: 5px;
  }
}

/* OVERRIDES */

body {
    background-image: none;
    background-color: #ffffff;
}
#page-wrapper {
    padding-bottom: 0;
}

/* typography */

.content h2 {
    font-weight: normal;
    color: #50362D;
    letter-spacing: 0;
    margin-top: 0;
    font-size: 32px;
    letter-spacing: 0;
}
.content h3 {
    color: var(--rmcf-milk-chocolate);
    font-weight: normal;
    letter-spacing: 0;
}

/* header */
.top-header {
    background: var(--rmcf-pine);
    box-shadow: none;
    border-bottom: 0px solid var(--rmcf-pine);
}
.top-header .links a {
  color: var(--rmcf-white);
}
.top-header .links a:hover {
  color: var(--rmcf-copper-kettle);
}
.top-header .links a:after {
    top: 45%;
    background-color: #ffffff;
}
.top-header .contacts li {
    color: var(--rmcf-white);
    border-color: var(--rmcf-white);
    font-weight: 300;
    letter-spacing: 0;
}
.top-header .contacts li i {
    color: var(--rmcf-white);
    border-color: var(--rmcf-white);
    font-weight: 300;
    letter-spacing: 0;
}
header.navbar-default {
    background-color: #F6F5EF;
    border-color: #F6F5EF;
    background: #F6F5EF;
    border-bottom: 2px solid #d9c189
}
header.navbar .navbar-nav > li > a, .checkout-top-header .view-cart > a {
    color: var(--rmcf-milk-chocolate);
    font-weight: 300;
}
header.navbar .navbar-nav > li:hover {
    color: var(--rmcf-copper-kettle);
}
header.navbar .navbar-nav > li > a.dropdown-toggle:after {
    color: var(--rmcf-milk-chocolate);
}
header.navbar .navbar-nav > li > a.dropdown-toggle:hover {
    color: var(--rmcf-copper-kettle);
}
.p1[data-count]:after {
    background: var(--rmcf-pine);
    font-weight: normal;
}

#store-header-compact img {
    margin-top: -5px;
    max-height: 58px;
}

/* dropdown menu */
header.navbar .megamenu .dropdown-menu li ul li ul li a:hover {
  background-color: var(--rmcf-milk-latte);
}
header.navbar .megamenu .dropdown-menu li ul li.title {
    font-size: 1.2em;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--rmcf-milk-chocolate);
    border-bottom: 1px solid var(--rmcf-cafe-latte);
    margin-bottom: 5px;
    line-height: 1.2;
}
/* page */
.breadcrumb-wrapper p {
    font-weight: 100;
    color: var(--rmcf-pine);
    font-size: 24px;
}

#products.grid a:not(.btn) {
    color: var(--rmcf-milk-chocolate);
}
.content .product-body h3 {
    margin: 10px 0px 10px;
}
.content article h3 {
    color: var(--rmcf-milk-chocolate);
}
article a:not(.btn) {
    color: var(--rmcf-milk-chocolate);
}
#products.grid article.product-item p {
    color: var(--rmcf-deep-spruce);
}
#products.grid article.product-item .price span, #products.grid article.product-item .price del + ins, .baseprice, .specialprice {
    color: var(--rmcf-copper-kettle);
    font-size: 1.2em;
}

/* faq */
.faq-q {
  font-size: 1.4em;
  color: var(--rmcf-milk-chocolate);
  margin: 20px 0 8px 0;

}
.faq-a {
  font-size: 1.2em;
  margin: 0 0 30px 15px;
  color: var(--rmcf-deep-spruce);
}


/* account pages */
.account-content h4 {
    color: var(--rmcf-deep-spruce);
    font-weight: 400;
}
.account-content .account-profile-top h3 small {
    color: var(--rmcf-deep-spruce);
}

article.account-content p, article.account-content span, article.account-content li, article.account-content h5, .components-content p, .components-content li, .products-header, .products-header span, .products-header p, #categories.grid article.category-item p {
    color: var(--rmcf-deep-spruce);
    font-size: 1.2em;
}

/* buttons */
.btn {
    border-radius: 5px;
    font-weight: 500;
}
.btn-primary  {
    background-color: var(--rmcf-copper-kettle);
    color: #ffffff;
    font-size: 1em;
    border: 0px solid var(--rmcf-copper-kettle);
}
.btn-primary, a.btn-primary {
    background-color: var(--rmcf-copper-kettle);
    color: #ffffff;
}
.btn-primary:hover {
    background-color: var(--rmcf-dark-chocolate);
    border: 0px solid var(--rmcf-dark-chocolate);
}
a.btn-primary:hover {
    background-color: var(--rmcf-dark-chocolate);
    border: 0px solid var(--rmcf-dark-chocolate);
}
.btn-add-to-cart {
    background-color: var(--rmcf-copper-kettle);
    color: #ffffff;
    font-size: 1em;
    border: 0px solid var(--rmcf-copper-kettle);
}
.btn-add-to-cart:hover {
    background-color: var(--rmcf-dark-chocolate);
    border: 0px solid var(--rmcf-dark-chocolate);
}

/* sidebar */
.sidebar .nav-pills > li.active > a {
  background-color: var(--rmcf-milk-chocolate);
}
.sidebar .nav-pills > li.active > a:after {
  color: var(--rmcf-white);
}
.sidebar .nav-pills > li > a {
    font-weight: 500;
    color: var(--rmcf-deep-spruce);
    border-bottom: 1px solid var(--rmcf-cafe-latte);
}
.sidebar .nav-pills > li > a:after { 
  color: var(--rmcf-deep-spruce);
  }
.sidebar .widget h3 {
    background: var(--rmcf-milk-chocolate);
    color: var(--rmcf-milk-latte);
    font-weight: 400;
}
.sidebar .widget h4 {
    color: var(--rmcf-dark-chocolate);
    background-color: #ffffff;
    font-weight: 500;
    border-bottom: 1px solid var(--rmcf-light-sage);
} 
.sidebar a span {
    color: var(--rmcf-deep-spruce);
}
.widget-post-categories ul li a:before {
   width: 0;
    height: 0;
    background-color: #ffffff;
    left: 0;
}
.widget-post-categories ul li a {
    padding-left: 0;
}
.widget-post-categories ul li a .badge {
  background-color: var(--rmcf-pine);
}
.badge {
    border-radius: 5px;
    margin-left: 5px;
}
.btn-primary .badge {
    color: var(--rmcf-pine);
}

/* footer */

footer.navbar {
    margin: 0;
    border: 0;
    background-color: var(--rmcf-pine);
    background: var(--rmcf-pine);
    padding: 30px 0 20px;
    color: #ffffff;
    border-radius: 0;
}
footer.navbar a {
    color: #ffffff;
    font-weight: 300;
    letter-spacing: 0;
}
.footer-widget h4 {
    color: #ffffff;
    font-family: 'Vidaloka', serif;
    letter-spacing: 0;
}
.footer-widget-contacts ul li {
    font-weight: 300;
}
.footer-widget-contacts ul li i {
    color: var(--rmcf-white);
    border: 2px solid var(--rmcf-white);
    font-weight: 300;
}
.footer-widget-contacts ul li i:hover {
    color: var(--rmcf-copper-kettle);
    border: 2px solid var(--rmcf-copper-kettle);
}