/**
 * Wigton Desserts and Food Service – custom theme
 * Red theme and button styling
 */

:root {
  /* Wigton red theme */
  --wigton-red: #b91c1c;
  --wigton-red-dark: #991b1b;
  --wigton-red-light: #dc2626;
  --wigton-red-soft: rgba(185, 28, 28, 0.08);
  --wigton-red-border: rgba(185, 28, 28, 0.3);

  --clr-theme-primary: var(--wigton-red);
  --clr-theme-secondary: var(--wigton-red);
  --clr-theme-grocery: var(--wigton-red);
  --clr-common-heading: #1a1a1a;
  --clr-text-body: #444;
  --clr-text-secondary: #1a1a1a;
  --clr-border-2: rgba(0, 0, 0, 0.08);
  --clr-gradient-1: linear-gradient(135deg, var(--wigton-red) 0%, var(--wigton-red-dark) 100%);
}

.section-subtitle-4,
.section-subtitle-2 {
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--wigton-red);
}

body {
  line-height: 1.6;
  color: var(--clr-text-body);
}

p {
  line-height: 1.7;
}

/* ----- Buttons ----- */
.fill-btn,
.solid-btn,
.border-btn,
.join-btn,
.input__btn {
  font-weight: 600 !important;
  letter-spacing: 0.03em;
  border-radius: 8px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.25s ease, color 0.25s ease;
}

.fill-btn {
  background: var(--wigton-red) !important;
  box-shadow: 0 2px 8px rgba(185, 28, 28, 0.25);
}

.fill-btn:hover {
  background: var(--wigton-red-dark) !important;
  box-shadow: 0 4px 16px rgba(185, 28, 28, 0.35);
  transform: translateY(-1px);
}

.fill-btn::before {
  background-color: var(--wigton-red-dark) !important;
}

.fill-btn.has-border {
  background: transparent !important;
  color: var(--wigton-red) !important;
  border: 2px solid var(--wigton-red) !important;
}

.fill-btn.has-border:hover {
  background: var(--wigton-red) !important;
  color: #fff !important;
  border-color: var(--wigton-red) !important;
}

.solid-btn {
  background: var(--wigton-red) !important;
  border-radius: 8px;
}

.solid-btn:hover {
  background: var(--wigton-red-dark) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(185, 28, 28, 0.3);
}

.border-btn {
  border: 2px solid var(--wigton-red);
  color: var(--wigton-red);
  border-radius: 8px;
}

.border-btn:hover {
  background: var(--wigton-red);
  color: #fff;
  border-color: var(--wigton-red);
  transform: translateY(-1px);
}

/* Product / CTA buttons */
.product__details-add-cart .fill-btn,
.product-action-btn .fill-btn,
.cart-btn,
.newsletter-input .fill-btn {
  border-radius: 8px;
  font-weight: 600;
}

/* Links and accents */
a:hover {
  color: var(--wigton-red);
}

.main-menu ul li a:hover,
.footer-link ul li a:hover,
.offcanvas__menu ul li a:hover {
  color: var(--wigton-red) !important;
}

/* FAQ accordion – Wigton red */
.bd-faq .accordion-button:not(.collapsed),
.bd__faq .accordion-button:not(.collapsed) {
  background: var(--wigton-red-soft) !important;
  color: var(--wigton-red) !important;
}

.bd-faq .accordion-button:not(.collapsed)::after,
.bd__faq .accordion-button:not(.collapsed)::after {
  background: var(--wigton-red) !important;
  color: #fff !important;
  border-color: var(--wigton-red) !important;
}

/* FAQ: gap between question and answer, then padding inside answer */
.bd-faq .accordion-collapse,
.bd__faq .accordion-collapse {
  padding-top: 1rem;
}

.bd-faq .accordion-body,
.bd__faq .accordion-body {
  background: transparent;
  color: var(--clr-text-body);
  padding-top: 1.25rem !important;
  padding-bottom: 1.5rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  margin-top: 0.75rem !important;
}

.bd-faq .accordion-item:not(:last-child),
.bd__faq .accordion-item:not(:last-child) {
  margin-bottom: 1rem;
}

/* Pagination */
.bd-pagination ul li a:hover,
.bd-pagination ul li.active a {
  background: var(--wigton-red) !important;
  border-color: var(--wigton-red) !important;
  color: #fff !important;
}

/* Form focus */
.contact__from-input input:focus,
.contact__from-input textarea:focus,
.form-control:focus {
  border-color: var(--wigton-red-border) !important;
  box-shadow: 0 0 0 3px var(--wigton-red-soft) !important;
}

/* Newsletter subscribe button – no animation */
.newsletter-input .fill-btn::before {
  display: none !important;
}

.newsletter-input .fill-btn .fill-btn-hover {
  display: none !important;
}

.newsletter-input .fill-btn .fill-btn-normal {
  opacity: 1 !important;
  transform: none !important;
}

.newsletter-input .fill-btn:hover .fill-btn-normal {
  opacity: 1 !important;
  transform: none !important;
}

.newsletter-input .fill-btn:hover::before {
  display: none !important;
}

.newsletter-input .fill-btn:hover {
  transform: none !important;
}

/* Header CTA */
.header-area .fill-btn {
  background: var(--wigton-red) !important;
}

.header-area .fill-btn:hover {
  background: var(--wigton-red-dark) !important;
}

/* Preloader / loader dots – red */
.bd-loader-item {
  background: var(--wigton-red) !important;
}

/* Back to top */
.backtotop-wrap:hover path,
.backtotop-wrap:hover circle {
  fill: var(--wigton-red);
}

/* Footer "We Accept" payment images – consistent size and spacing */
.footer-payment {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.footer-payment-item {
  margin-bottom: 0;
}

.footer-payment-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.footer-payment-thumb img {
  max-height: 36px;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  vertical-align: middle;
}

/* Third support block (Contact us) – white and red button */
.support-item.is-pale-pink .mobile__app-download .app__download {
  background: #fff;
  color: var(--wigton-red);
  border: 2px solid var(--wigton-red);
}

.support-item.is-pale-pink .mobile__app-download .app__download:hover {
  background: var(--wigton-red);
  color: #fff;
  border-color: var(--wigton-red);
}

.support-item.is-pale-pink .mobile__app-download .app__download i {
  color: inherit;
}