/**
 * Minimal Product Sales Page Styles
 * Only essential styles - layout handled by Tailwind
 */

/* Brand color */
:root {
  --rd-brand-blue: #52c5ff;
  --rd-brand-blue-hover: #3bb8f5;
}

/* Override GeneratePress theme container constraints for product sales pages */
/* Only target containers that wrap .product-sales-page, not header/footer */

body.single-rd_product div.site.grid-container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Main container - full width so sections can expand */
.product-sales-page {
  width: 100%;
}

.product-sales-page h1 {
  font-size: 2.5rem;
}

.product-sales-page *,
.product-sales-page *::before,
.product-sales-page *::after {
  box-sizing: border-box;
}

/* Ensure sections display as block and take full width */
.product-sales-page section {
  display: block;
  width: 100%;
}

.product-sales-page .original-price,
.promo-price {
  color: var(--rd-brand-blue);
}

/* Swiper carousel fixes */
.product-sales-page .swiper-slide {
  margin-right: 0 !important;
}
.product-sales-page [data-rd-product-carousel] .swiper-slide {
  margin-right: 0 !important;
}
.product-sales-page .rd-carousel .swiper-slide {
  margin-right: 0 !important;
}

/* Primary CTA button */
.product-sales-page .rd-cta-primary {
  display: inline-block;
  background-color: var(--rd-brand-blue);
  color: white;
  font-weight: 700;
  padding: 0.875rem 2rem;
  border-radius: 0.5rem;
  text-align: center;
  transition: all 0.2s ease;
  box-shadow: 0 4px 6px -1px rgba(82, 197, 255, 0.3),
    0 2px 4px -1px rgba(82, 197, 255, 0.2);
}

.product-sales-page .rd-cta-primary:hover {
  background-color: var(--rd-brand-blue-hover);
  box-shadow: 0 10px 15px -3px rgba(82, 197, 255, 0.3),
    0 4px 6px -2px rgba(82, 197, 255, 0.2);
  transform: translateY(-1px);
}

/* Universal card style - used for all card components */
.product-sales-page .rd-card,
.product-sales-page .rd-target-card,
.product-sales-page .rd-bonus-card,
.product-sales-page .rd-feature-card {
  background: white;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: all 0.2s ease;
}

.product-sales-page .rd-card:hover,
.product-sales-page .rd-target-card:hover,
.product-sales-page .rd-bonus-card:hover,
.product-sales-page .rd-feature-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transform: translateY(-2px);
}

/* Promo info text */
.product-sales-page .rd-promo-info {
  color: var(--rd-brand-blue);
  font-weight: 500;
}

/* Feature Icons - SVG backgrounds for list items */
.feature-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.feature-icon.icon-check-blue {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233498db'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
}

.feature-icon.icon-check-green {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232ecc71'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
}

.feature-icon.icon-heart-red {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e74c3c'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}

.feature-icon.icon-plus-purple {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b59b6'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z'/%3E%3C/svg%3E");
}

.feature-icon.icon-alert-orange {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f39c12'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
}

.feature-icon.icon-problem {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e74c3c'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
}

.feature-icon.icon-person {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233498db'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
}

.feature-icon.icon-people {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233498db'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
}

.feature-icon.icon-search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233498db'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
}

/* Responsive images */
.product-sales-page img {
  max-width: 100%;
  height: auto;
}

/* Product carousel/gallery - if using custom carousel */
[data-rd-product-carousel] {
  width: 100%;
}

/* GLightbox - ensure it doesn't break layout */
.glightbox-container {
  width: 100%;
  height: 100%;
}

/* What's Inside Gallery specific styles */
.whats-inside-gallery {
  width: 100%;
}

.gallery-flexbox {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.gallery-item-group {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.group-label {
  padding: 1rem;
  font-weight: 600;
}

.group-title {
  margin: 0;
  font-size: 1rem;
}

.media-item {
  display: block;
  cursor: pointer;
}

.media-item img {
  display: block;
  width: 100%;
  height: auto;
}

/* FAQ accordion */
.product-sales-page .faq-question {
  cursor: pointer;
}

.product-sales-page .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding-top: 0;
  padding-bottom: 0;
}

.product-sales-page .faq-answer.active {
  max-height: 1000px;
  padding-top: 0;
  padding-bottom: 1.25rem;
}

.product-sales-page .faq-question.active {
  background-color: #f9fafb;
}

.product-sales-page .faq-icon {
  transition: transform 0.2s ease;
}

.product-sales-page .faq-question.active .faq-icon {
  transform: rotate(45deg);
}