/* ============================================
   PET CUTE THEME - Single Product Landing Page
   Pastel pink + warm tones, cute & friendly
   ============================================ */

/* === Announcement Bar === */
.announcement-bar {
  background-color: #f8a5b6 !important;
  color: #ffffff !important;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.announcement-bar a,
.announcement-bar .announcement-bar__link {
  color: #ffffff !important;
}

/* === Header === */
.section-header {
  border-bottom: 2px solid rgba(248, 165, 182, 0.25);
}
.header__heading-link {
  font-weight: 800 !important;
  letter-spacing: 1px;
  color: #4a3728 !important;
}

/* === Hero / Slideshow === */
.featured-slideshow__text-content .title,
.featured-slideshow .slideshow__text .title {
  font-weight: 800 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.25);
}

/* === Section Titles === */
.section__title,
.section-title,
.title-wrapper .title,
[class*="section"] .title2,
[class*="section"] .title3,
[class*="section"] .title4 {
  position: relative;
  font-weight: 700 !important;
  color: #4a3728 !important;
}

/* Section title decorative line */
.featured-product .section__title .title::after,
.collapsible-content .section__title .title::after,
.sign-up-and-save .title::after,
.rich-text .section__title .title::after {
  content: '';
  display: block;
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, #f8a5b6, #fcd5ce);
  margin: 10px auto 0;
  border-radius: 2px;
}

/* === Product Cards === */
.product-card,
.card-wrapper {
  border-radius: 16px !important;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-card:hover,
.card-wrapper:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(74, 55, 40, 0.1) !important;
}

/* === Buttons === */
.button--primary,
.button[type="submit"],
a.button--primary {
  background-color: #f8a5b6 !important;
  color: #ffffff !important;
  border-radius: 24px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  border: none !important;
  padding: 12px 32px !important;
}
.button--primary:hover,
.button[type="submit"]:hover,
a.button--primary:hover {
  background-color: #f28da2 !important;
  box-shadow: 0 6px 16px rgba(248, 165, 182, 0.35);
  transform: translateY(-1px);
}
.button--secondary {
  border-color: #f8a5b6 !important;
  color: #f8a5b6 !important;
  border-radius: 24px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease;
}
.button--secondary:hover {
  background-color: #f8a5b6 !important;
  color: #ffffff !important;
}
.button--link {
  color: #f8a5b6 !important;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* === Featured Product Section === */
.featured-product {
  padding: 40px 0;
}
.featured-product .product__title {
  font-weight: 800 !important;
  color: #4a3728 !important;
  font-size: 28px !important;
}
.featured-product .price-item--regular,
.featured-product .price-item--sale {
  color: #f8a5b6 !important;
  font-weight: 700 !important;
  font-size: 22px !important;
}
.featured-product .product-form__submit {
  background-color: #f8a5b6 !important;
  color: #ffffff !important;
  border-radius: 24px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  padding: 14px 36px !important;
  border: none !important;
}
.featured-product .product-form__submit:hover {
  background-color: #f28da2 !important;
  box-shadow: 0 6px 20px rgba(248, 165, 182, 0.4);
}

/* === Text with Image === */
.text-with-image {
  overflow: hidden;
}
.text-with-image .section__title .title {
  color: #4a3728 !important;
  font-weight: 800 !important;
}
.text-with-image .rte {
  line-height: 1.8;
  color: #6b5a4e;
}

/* === Rich Text === */
.rich-text .section__desc {
  max-width: 640px;
  margin: 0 auto;
  line-height: 1.8;
  color: #6b5a4e;
}

/* === Collapsible Content (FAQ) === */
.collapsible-content {
  border-radius: 0;
}
.collapsible-content .accordion__title {
  font-weight: 600 !important;
  color: #4a3728 !important;
}
.collapsible-content .accordion__content {
  color: #6b5a4e;
  line-height: 1.8;
}

/* === Sign Up Section === */
.sign-up-and-save {
  background-color: #fff0f3 !important;
  border-radius: 0;
  padding: 60px 20px;
}
.sign-up-and-save .title {
  color: #4a3728 !important;
  font-weight: 800 !important;
}
.sign-up-and-save .section-sign-up-and-save__desc {
  color: #6b5a4e !important;
}
.sign-up-and-save input[type="email"] {
  border-radius: 24px !important;
  border: 2px solid #f8a5b6 !important;
}

/* === Footer === */
.section-footer {
  border-top: 3px solid rgba(248, 165, 182, 0.25);
}
.footer__title {
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* === Cart Drawer === */
.cart-drawer__title {
  font-weight: 700 !important;
  color: #4a3728;
}

/* === Product Page === */
.product__title {
  font-weight: 700 !important;
  color: #4a3728 !important;
}
.product .price-item--regular,
.product .price-item--sale {
  color: #f8a5b6 !important;
  font-weight: 700 !important;
}

/* === Color Scheme Overrides === */
.color-scheme-1 {
  background-color: #4a3728 !important;
  color: #fff8f5 !important;
}
.color-scheme-2 {
  background-color: #f8a5b6 !important;
  color: #ffffff !important;
}
.color-scheme-3 {
  background-color: #fff0f3 !important;
  color: #4a3728 !important;
}

/* === Scrollbar === */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #fff8f5;
}
::-webkit-scrollbar-thumb {
  background: #f8a5b6;
  border-radius: 3px;
}

/* === Selection Color === */
::selection {
  background-color: rgba(248, 165, 182, 0.25);
  color: #4a3728;
}

/* === Placeholder SVG overrides === */
.placeholder svg {
  fill: #f8a5b6;
  opacity: 0.15;
}

/* === Breadcrumb === */
.breadcrumb {
  font-size: 13px;
  color: #a08070;
}
.breadcrumb a {
  color: #f8a5b6;
}

/* === Mobile Adjustments === */
@media screen and (max-width: 959px) {
  .section__title .title,
  .title-wrapper .title {
    font-size: 22px !important;
  }
  .product-card:hover,
  .card-wrapper:hover {
    transform: none;
  }
  .featured-product .product__title {
    font-size: 22px !important;
  }
}