﻿/* ==========================
   Occult Theme for nopCommerce 4.8
   ========================== */

body {
  background-color: #2c0101 !important;
  color: #8b8b8b !important;
  /*font-family: 'Poppins', 'Segoe UI', sans-serif !important;*/
}

/* ===== Headings ===== */
h1, h2, h3, h4, h5, h6 {
  color: #D4AF37 !important; /* Gold */
  /*font-family: 'Cinzel', serif !important;*/
  letter-spacing: 1px;
}

/* ===== Links ===== */
a, .link {
  color: #D4AF37 !important; /* Violet */
  text-decoration: none;
  transition: color 0.3s ease;
}

  a:hover, .link:hover {
    color: #D4AF37 !important;
  }

/* ===== Header ===== */
.header, .master-header, .header-upper, .header-lower {
  background: #2c0101 !important;
  /*border-bottom: 2px solid #4d0000 !important;*/
}

/* ===== Search Box ===== */
.search-box input[type="text"] {
  background: #1A1A1A !important;
  border: 1px solid #604b08 !important;
  color: #FFF !important;
}

.search-box input::placeholder {
  color: #AAA !important;
}

.opc .step-title .number {
  border-right: none !important;
}

.opc .step-title {
  border-bottom: 5px solid #3c3c3c;
}

.search-box .search-box-button {
  border: 1px solid #604b08 !important;
  border-radius: 0 5px 5px 0 !important;
}

  .search-box .search-box-button:hover {
    background-color: #8B0000 !important;
    color: #D4AF37 !important;
  }

/* ===== Navigation Menu ===== */
.top-menu, .menu, .header-menu {
  background: #2c0101 !important;
}

  .top-menu a, .menu a, .header-menu a {
    color: #D4AF37 !important;
    font-weight: 600;
    padding: 12px 16px;
    display: inline-block;
  }

    .top-menu a:hover, .menu a:hover, .header-menu a:hover {
      color: #D4AF37 !important;
      text-shadow: 0 0 8px #D4AF37;
    }

/* ===== Buttons (Covers all button classes) ===== */
button, .btn, .button-1, .button-2, .button-3,
input[type="submit"], input[type="button"], .add-to-cart-button {
  background-color: #4d0000 !important;
  color: #dcaa03 !important;
  border: 2px solid #8d6f0d !important;
  border-radius: 8px !important;
  /*padding: 0px 18px !important;*/
  font-weight: 600 !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease !important;
}

  button:hover, .btn:hover, .button-1:hover, .button-2:hover,
  .button-3:hover, input[type="submit"]:hover, input[type="button"]:hover,
  .add-to-cart-button:hover {
    background-color: #8B0000 !important;
    color: #D4AF37 !important;
    border-color: #4d0000 !important;
    box-shadow: 0 0 10px #D4AF37;
  }

/* ===== Product Boxes ===== */
.product-item {
  /*background: #000 !important;
  border: 1px solid #4d0000 !important;
  border-radius: 10px !important;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.15) !important;
  padding: 12px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  display: inline-block;*/
  /*min-height: 350px !important;*/
}

  .product-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 0 15px rgba(139, 0, 0, 0.5) !important;
  }

.product-title a {
  color: #D4AF37 !important;
  font-weight: 600 !important;
}

  .product-title a:hover {
    color: #D4AF37 !important;
  }

/* ===== Price ===== */
.price, .actual-price, .product-price {
  color: #caaa75 !important;
  font-size: 1.2rem !important;
  font-weight: bold !important;
}

/* ===== News & Blog ===== */
.news-item, .post, .blogpost {
  background-color: #4d0000 !important;
  /*border: 1px solid #4d0000 !important;*/
  border-radius: 10px !important;
  color: #D4AF37 !important;
  padding: 20px !important;
}

.news-list-homepage .news-title {
  color: #D4AF37 !important;
}

.news-item:hover, .post:hover, .blogpost:hover {
  background-color: #1A1A1A !important;
}

.post-date, .news-date {
  color: #D4AF37 !important;
}

.news-title a, .post-title a {
  color: #D4AF37 !important;
}

  .news-title a:hover, .post-title a:hover {
    color: #D4AF37 !important;
  }

/* ===== Cart & Checkout ===== */
.cart, .checkout-page, .order-summary-content {
  background: #1A1A1A !important;
  /*border: 1px solid #4d0000 !important;*/
  border-radius: 8px !important;
  padding: 20px !important;
}

.cart-total, .order-summary {
  border: 1px solid #D4AF37 !important;
  background: #2c0101 !important;
  padding: 15px !important;
}

/* ===== Footer ===== */
.footer, .footer-upper, .footer-lower, .footer-powered-by {
  background-color: #2c0101 !important;
  border-top: 2px solid #4d0000 !important;
  color: #AAA !important;
  padding: 20px !important;
}

  .footer a, .footer-lower a {
    color: #D4AF37 !important;
  }

    .footer a:hover, .footer-lower a:hover {
      color: #D4AF37 !important;
      text-shadow: 0 0 8px #D4AF37;
    }

.footer-powered-by {
  border-top: 1px solid #4d0000 !important;
  text-align: center !important;
  padding: 10px !important;
}

/* ===== Background Subtle Pattern ===== */
body {
  background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px) !important;
  background-size: 60px 60px !important;
}

.home-page-category-section {
  background-color: inherit !important;
}

i {
  color: #D4AF37 !important;
}

.header-lower.fixed {
  box-shadow: 0 0 3px 0 #4d0000;
}

.product-grid .title, .news-list-homepage .title, .home-page-category-grid .title, .home-page-polls .title {
  color: #D4AF37 !important;
}

.newsletter-subscribe-button, .newsletter-subscribe-button:hover {
  background-color: transparent !important;
  border: none !important;
  /*top: 6px;
  right: 0px;*/
  box-shadow: none !important;
}

.form-control, .checkout-page .payment-info .info input[type=text], .checkout-page .payment-info .info select {
  background-color: #1a1a1a !important;
  border: 1px solid #604b08 !important;
  border-radius: 5px !important;
  color: #8b8b8b;
}

  .form-control:focus, .form-control:hover, .form-control:active, .checkout-page .payment-info .info input[type=text]:hover, .checkout-page .payment-info .info select:hover, .checkout-page .payment-info .info input[type=text]:focus, .checkout-page .payment-info .info select:focus, .checkout-page .payment-info .info input[type=text]:active, .checkout-page .payment-info .info select:active {
    color: #D4AF37 !important
  }

  .form-control:hover, form-control:focus, form-control:active,
  .checkout-page .payment-info .info input[type=text]:hover, .checkout-page .payment-info .info input[type=text]:active, .checkout-page .payment-info .info input[type=text]:focus,
  .checkout-page .payment-info .info select:hover, .checkout-page .payment-info .info select:active, .checkout-page .payment-info .info select:focus {
    background-color: transparent;
    border: 1px solid #604b08 !important;
    border-radius: 5px !important;
  }

.account-page:not(.gdpr-tools-page) .page-body form .title, .registration-page .page-body form .title, .registration-page .login-section .title, .return-request-page .title {
  border-bottom: 1px solid #d4af37;
  padding: 10px 0 10px;
  margin-bottom: 20px;
  text-align: center;
}

.section-slider .slick-prev:before, .section-slider .slick-next:before {
  color: #D4AF37 !important
}

.section-slider .slick-prev, .section-slider .slick-next {
  border: none !important;
  background: #2c0101 !important;
}

  .section-slider .slick-prev:hover, .section-slider .slick-next:hover {
    box-shadow: unset !important;
  }

.news-list-homepage .view-all a {
  background-color: #4d0000;
}

  .news-list-homepage .view-all a:hover {
    color: #2c0101 !important;
    background-color: #d4af37;
  }

.title, .checkout-attributes dt label {
  color: #D4AF37 !important;
}

.ui-widget-header {
  background: #D4AF37;
}

.block .title, .block-product-filter .filter-title {
  color: #D4AF37 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
  border: 1px solid #808080;
  background: #808080;
}

.html-product-details-page .breadcrumb-nav {
  background-color: #4d0000 !important;
}

.breadcrumb-item:last-child strong, .breadcrumb-item + .breadcrumb-item:last-child::before, .flyout-cart .totals,
.cd-cart .title-section span, .flyout-cart .price,
.flyout-cart .name a, .flyout-cart .quantity, .flyout-cart .attributes, .flyout-cart .sku {
  color: #D4AF37 !important;
}

.product-details-page .add-to-cart-panel .add-to-cart-button, .product-details-page .subscribe-button {
  padding: 0px 0px !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus, select:focus,
.product-details-page .add-to-cart-panel .addtocart-quantity-box .qty-input {
  color: #D4AF37 !important;
  border: 2px solid #8d6f0d !important;
}

.header-links .user-wrapper {
  background-color: #4d0000 !important;
}

.home-page .news-items .buttons .read-more {
  padding: 6px 18px !important;
}

.fieldset .title, .section .title, .order-list-page .section .title, .address-list-page .section .title, .return-request-list-page .section .title, .order-list-page .section .title, .blog-page .section .title, .checkout-page .address-item .name-title,
.order-info-wrap > div .title, .billing-info-wrap > div .title, .shipping-info-wrap > div .title, .order-item .title, .address-item .title, .request-item .title, .post-item .title, .news-item .title, .checkout-page .address-item .name-title {
  background-color: #4d0000 !important;
  border-radius: 10px 10px 0 0 !important;
}

.address-list-page .info, .order-list-page .info {
  color: #9b9b9b !important;
}

.search-page .page-body .search-section, .registration-page .page-body form, .registration-page .login-section, .address-edit-page .page-body form, .forum-search-page .page-body form, .private-message-send-page .page-body form, .email-a-friend-page .page-body form, .contact-page .page-body form, .news-item-page .page-body form, .apply-vendor-page .page-body form, .check-gift-card-balance-page .page-body form, .return-request-page .page-body .fieldset, .forum-edit-page .page-body .form, .move-topic-page .page-body form, .password-recovery-page .page-body form, .change-password-page form, .vendorinfo-page form {
  background-color: #4d0000 !important;
}

.order-details-page .products .title, .order-details-page .total .title {
  padding: 10px !important;
}

.cart th, .data-table th, .forum-table th {
  background-color: #4d0000;
  color: #D4AF37 !important;
}

.cart td, .data-table td, .forum-table td {
  color: #8a8a8a !important;
}

.box-shadow-container {
  background-color: #4d0000 !important;
}

.box-title {
  color: #9a9a9a !important;
}

.cd-cart, .cart-total-bottom {
  background: #383838 !important;
}

.order-summary-content .cart-footer, .order-summary-content .order-summary-footer,
.order-summary-content .offcanvas-footer, .order-summary-content .mini-shopping-cart .buttons,
.order-summary-content .flyout-cart .footer, .order-summary-content .drawer-footer,
.order-summary-content .cart-drawer .footer,
.order-summary-content .cart-collaterals .deals > div {
  background: #383838 !important;
  position: unset !important;
}

.shipping-method .method-description, .payment-method .payment-logo {
  opacity: 1 !important;
}

.opc .section.order-summary {
  border: unset !important;
}

.home-page .page-body > .nop-slider .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
}

.home-page .page-body > .nop-slider .swiper-pagination span {
  border-color: #D4AF37 !important;
}

.flyout-cart .totals span {
  color: #D4AF37 !important;
}

.cart-total .order-total td {
  color: #d4af37 !important;
}

.category-description p, .manufacturer-description p, .full-description p, .post-body p, .news-body p, .vendor-description p, .contact-vendor {
  font-size: 1.15em;
 /* text-align: justify !important;*/
}

.block .list li:not(:last-child), .block .title, .block-product-filter .filter-title, .vendor-page .vendor-block {
  border-bottom: 1px solid #473807 !important;
}

.order-info-wrap > div, .billing-info-wrap > div, .shipping-info-wrap > div, .address-list-page .address-item, .order-list-page .order-item, .return-request-list-page .request-item, .blog-page .post-item, .news-list-page .news-item, .billing-address-page .select-address-box, .shipping-address-page .select-address-box {
  border: 2px solid #473807 !important;
}

.billing-info-wrap .label, .shipping-info-wrap .label, .order-info-wrap .label {
  color: #8b8b8b !important;
  font-weight: 300;
}

.cat-title span, .home-page-category-grid .title .category-item-text-wrapper, .sub-category-grid .title .category-item-text-wrapper, .manufacturer-grid .title .category-item-text-wrapper, .vendor-grid .title .category-item-text-wrapper {
  color: #d4af37 !important;
  background-color: #700701 !important;
}

.item-box .picture {
  background-color: #1a1a1a !important;
}

  .item-box .picture a {
    border: 1px solid #604b08;
  }

.order-details-page .repost .button-2 {
  padding: 0px 15px !important;
}

.returning-wrapper .title, .login-page .new-wrapper .title {
  padding: 10px !important;
}

.footer .block .title strong {
  font-size: 1em !important;
  color: #d4af37 !important;
}

.newsletter-validation, .newsletter-result {
  color: #00ff2e !important;
  text-align: left;
}

.topic-block-body {
  font-size: 1.15em !important;
}

.product-grid .item-box .add-cart-button .product-box-add-to-cart-button {
  padding: 0 10px !important;
}

.product-grid .title:after, .news-list-homepage .title:after, .home-page-polls .title:after {
  background: #cea935!important;
}

@media (max-width: 767px) {
  .page-title {
    margin-bottom: 0px;
  }
  .product-grid .item-box .product-item {
    border: 2px solid #473807 !important;
  }
  .center-1 .page-title h1, .center-2 .page-title h1 {
    font-size: 1.5em;
  }
  .footer .block .title {
    background: #4d0000 url(/Themes/FurnishTheme/Content/images/toggle-white.png) right center no-repeat;
  }

  .footer .block:not(.follow-us) .title strong, .footer .follow-us .title strong {
    color: #d4af37 !important;
  }

  .footer .block .listbox {
    background-color: #1a1a1a !important;
  }

  .fixed-mobile-buttons {
    background-color: #4d0000 !important;
  }

  .flyout-minicart .cart-footer, .order-summary-content .order-summary-footer,
  .flyout-minicart .offcanvas-footer, .order-summary-content .mini-shopping-cart .buttons,
  .flyout-minicart .flyout-cart .footer, .order-summary-content .drawer-footer,
  .flyout-minicart .cart-drawer .footer,
  .flyout-minicart .flyout-cart,
  .flyout-minicart .cart-collaterals .deals > div {
    background: #383838 !important;
  }

  .cd-cart .title-section {
    background: #383838 !important;
  }
}

@media (min-width: 768px) {
  .home-page .page-body > .nop-slider .swiper-pagination {
    top: 20% !important;
  }

  .product-grid .item-box .product-item {
    border: 5px solid #473807 !important;
  }
}

@media (min-width: 992px) {
  .side-2 .block {
    border: 1px solid #473807;
  }

  .block-product-filter .product-filters {
    border: 1px solid #473807;
  }
}

@media (max-width: 991px) {
  .product-selectors .row > div:not(:last-child) {
    border-width: 0 1px 0 0;
    border-color: #473807;
  }

  .master-wrapper-content .block .title {
    border: 2px solid #473807;
  }

  .master-wrapper-content .block .listbox {
    border: 2px solid #473807;
  }

  p {
    font-size: 1.1em;
  }

  .product-selectors {
    border-width: 1px 0 1px;
    border-color: #473807;
  }

  .header-menu .category-menu {
    background: #2c0101 !important;
  }

  .header-lower .search-popup .close:before, .header-lower .category-menu .close:before {
    background: #d4af37 !important;
  }

  .search-popup .close i, .category-menu .close i {
    background-color: #605a02 !important;
  }
}
