/*
Theme Name: Blocksy Child - OnXFans
Template: blocksy
Description: OnXFans custom child theme for Blocksy
Version: 1.0.0
Author: OnXFans / Myxtera OÜ
*/

   OnXFans Global Color Overrides

:root {
  --theme-palette-color-1: #8E2DE2;
  --theme-palette-color-2: #FF416C;
  --theme-palette-color-3: #1C1030;
  --theme-palette-color-4: #4A4A5A;
  --theme-palette-color-5: #F0E6FF;
  --theme-palette-color-6: #FFFFFF;
  --theme-palette-color-7: #1C1030;
  --theme-palette-color-8: #B24BF3;
}

   OnXFans Gradient CTA Buttons

.ct-button,
.wp-block-button__link,
.wp-element-button,
button[type="submit"],
.woocommerce .button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: linear-gradient(135deg, #8E2DE2, #FF416C) !important;
  border: none !important;
  border-radius: 25px !important;
  color: #FFFFFF !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(142, 45, 226, 0.3) !important;
}

.ct-button:hover,
.wp-block-button__link:hover,
.wp-element-button:hover,
button[type="submit"]:hover,
.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: linear-gradient(135deg, #7B1FA2, #E91E63) !important;
  box-shadow: 0 6px 20px rgba(142, 45, 226, 0.5) !important;
  transform: translateY(-2px) !important;
}

   Product Card Lift on Hover + Purple Shadow

.product.type-product,
.wc-block-grid__product,
[class*="product-card"] {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border-radius: 16px !important;
  overflow: hidden;
}

.product.type-product:hover,
.wc-block-grid__product:hover,
[class*="product-card"]:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px rgba(142, 45, 226, 0.15) !important;
}

   SALE Badge Restyling

.onsale,
span.onsale {
  background: linear-gradient(135deg, #8E2DE2, #FF416C) !important;
  color: #FFFFFF !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

   Links & Accents

a {
  color: var(--theme-palette-color-1);
  transition: color 0.2s ease;
}

a:hover {
  color: var(--theme-palette-color-2);
}

   Star Ratings - Purple

.star-rating span::before,
.star-rating::before {
  color: #B24BF3 !important;
}

   Price Colors

.price,
.woocommerce .price,
ins .amount {
  color: var(--theme-palette-color-1) !important;
}

del .amount {
  color: #999 !important;
}

   Dark Section Enhancement

[data-row="dark"],
.ct-footer,
.site-footer {
  background-color: #1C1030 !important;
}

   Selection Colors

::selection {
  background: rgba(142, 45, 226, 0.3);
  color: #1C1030;
}

   Scrollbar Styling

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #F0E6FF;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #8E2DE2, #FF416C);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #7B1FA2, #E91E63);
}

   WooCommerce Action Buttons (Wishlist, Compare, Quick View)

.ct-woo-card-extra svg,
.ct-woo-card-extra a {
  color: var(--theme-palette-color-1) !important;
}

.ct-woo-card-extra a:hover {
  color: var(--theme-palette-color-2) !important;
}

   Trust Badge Section Enhancement

.ct-icon-box svg,
.ct-icon-box i {
  color: var(--theme-palette-color-1) !important;
}

/* CRITICAL: Force white site background */
body,
.site-main,
.ct-container,
.content-area,
#main,
.site-content,
.entry-content,
.site {
  background-color: #FFFFFF !important;
}

body.single,
body.page,
body.archive {
  background-color: #FFFFFF !important;
}

ul.products,
.wc-block-grid {
  background-color: transparent !important;
}

[data-row="dark"],
.wp-block-cover {
  background-color: #1C1030 !important;
}

   Product Card Action Buttons - White Icons
   (Wishlist, Compare, Quick View)

.ct-woo-card-extra a,
.ct-woo-card-extra button,
.ct-woo-card-extra .ct-woo-card-actions a,
.ct-woo-card-extra .ct-woo-card-actions button,
[data-products] .ct-woo-card-extra a,
[data-products] .ct-woo-card-extra button {
  color: #FFFFFF !important;
}

.ct-woo-card-extra a svg,
.ct-woo-card-extra button svg,
.ct-woo-card-extra .ct-woo-card-actions a svg,
.ct-woo-card-extra .ct-woo-card-actions button svg,
[data-products] .ct-woo-card-extra a svg,
[data-products] .ct-woo-card-extra button svg {
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

.ct-woo-card-extra a:hover,
.ct-woo-card-extra button:hover,
[data-products] .ct-woo-card-extra a:hover,
[data-products] .ct-woo-card-extra button:hover {
  color: #FFFFFF !important;
}

.ct-woo-card-extra a:hover svg,
.ct-woo-card-extra button:hover svg,
[data-products] .ct-woo-card-extra a:hover svg,
[data-products] .ct-woo-card-extra button:hover svg {
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

   FIX: Product Card Content Area - White BG

[data-products] .product .ct-woo-card-inner,
[data-products] .product .card-content,
[data-products] .product,
.product.type-product,
.wc-block-grid__product,
[data-products="type-2"] .product {
  background-color: #FFFFFF !important;
  color: var(--theme-palette-color-4) !important;
}

/* Product card text colors - ensure readability */
[data-products] .product .woocommerce-loop-product__title,
[data-products] .product h2 {
  color: var(--theme-palette-color-4) !important;
}

[data-products] .product .ct-woo-card-category,
[data-products] .product .entry-meta {
  color: var(--theme-palette-color-5) !important;
}

/* Keep price purple */
[data-products] .product .price {
  color: var(--theme-palette-color-1) !important;
}


/* Trust badges / icon boxes section above footer */
.ct-footer [data-row="middle"],
.ct-footer [data-row*="middle"] {
  background: linear-gradient(135deg, #8E2DE2, #FF416C) !important;
}

.ct-footer [data-row="middle"] *,
.ct-footer [data-row*="middle"] *,
.ct-footer [data-row="middle"] .widget-title,
.ct-footer [data-row*="middle"] .widget-title,
.ct-footer [data-row="middle"] p,
.ct-footer [data-row*="middle"] p,
.ct-footer [data-row="middle"] a,
.ct-footer [data-row*="middle"] a,
.ct-footer [data-row="middle"] li,
.ct-footer [data-row*="middle"] li {
  color: #FFFFFF !important;
  --theme-text-color: #FFFFFF !important;
  --theme-heading-color: #FFFFFF !important;
  --theme-link-initial-color: #FFFFFF !important;
}

.ct-footer [data-row="middle"] svg,
.ct-footer [data-row*="middle"] svg {
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* Also target the GreenShift icon box section if its above the footer */

/* Footer Trust Badges - Gradient BG + White Text */
.ct-footer [data-row*="middle"] {
  background: linear-gradient(135deg, #8E2DE2, #FF416C) !important;
}
.ct-footer [data-row*="middle"] *,
.ct-footer [data-row*="middle"] .widget-title,
.ct-footer [data-row*="middle"] p,
.ct-footer [data-row*="middle"] a,
.ct-footer [data-row*="middle"] li {
  color: #FFFFFF !important;
  --theme-text-color: #FFFFFF !important;
  --theme-heading-color: #FFFFFF !important;
  --theme-link-initial-color: #FFFFFF !important;
}
.ct-footer [data-row*="middle"] svg {
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
}
  background: #1C1030 !important;
}
}
  color: #FFFFFF !important;
}

/* ========================================
   Trust Badges Section - Gradient BG + White Text
   Content Block ID 167: Above Footer - Icons Bar
   ======================================== */

#gspb_row-id-gsbp-4a997aad-2749 {
  background: linear-gradient(135deg, #8E2DE2, #FF416C) !important;
  background-color: transparent !important;
}

#gspb_row-id-gsbp-4a997aad-2749 h6,
#gspb_row-id-gsbp-4a997aad-2749 .gspb_heading,
#gspb_row-id-gsbp-4a997aad-2749 .gspb_text,
#gspb_row-id-gsbp-4a997aad-2749 p,
#gspb_row-id-gsbp-4a997aad-2749 div,
#gspb_row-id-gsbp-4a997aad-2749 span {
  color: #FFFFFF !important;
}

#gspb_row-id-gsbp-4a997aad-2749 svg,
#gspb_row-id-gsbp-4a997aad-2749 svg path {
  fill: #FFFFFF !important;
}

/* ========================================
   Product Card Action Buttons - Gradient BG + White Icons
   ======================================== */
.ct-woo-card-extra a,
.ct-woo-card-extra button,
[data-products] .ct-woo-card-extra a,
[data-products] .ct-woo-card-extra button {
  background: linear-gradient(135deg, #8E2DE2, #FF416C) !important;
  color: #FFFFFF !important;
  border: none !important;
}

.ct-woo-card-extra a svg,
.ct-woo-card-extra button svg,
[data-products] .ct-woo-card-extra a svg,
[data-products] .ct-woo-card-extra button svg {
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

.ct-woo-card-extra a:hover,
.ct-woo-card-extra button:hover,
[data-products] .ct-woo-card-extra a:hover,
[data-products] .ct-woo-card-extra button:hover {
  background: linear-gradient(135deg, #7B1FA2, #E91E63) !important;
  color: #FFFFFF !important;
}

.ct-woo-card-extra a:hover svg,
.ct-woo-card-extra button:hover svg,
[data-products] .ct-woo-card-extra a:hover svg,
[data-products] .ct-woo-card-extra button:hover svg {
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* ========================================
   Product Card Image Zoom on Hover
   ======================================== */
[data-products] .product .ct-media-container {
  overflow: hidden;
}

[data-products] .product .ct-media-container img {
  transition: transform 0.5s ease;
}

[data-products] .product:hover .ct-media-container img {
  transform: scale(1.08);
}

/* ========================================
   Trust Badges Alignment Fix
   ======================================== */
#gspb_row-id-gsbp-4a997aad-2749 .gspb_row__content {
  display: flex !important;
  align-items: flex-start !important;
}
#gspb_row-id-gsbp-4a997aad-2749 .gspb_row__content > div[id^="gspb_col-id"] {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
#gspb_row-id-gsbp-4a997aad-2749 .gspb_row__content .gspb_row__col--12 > .gspb_row__content {
  display: flex !important;
  align-items: stretch !important;
}
#gspb_row-id-gsbp-4a997aad-2749 h6,
#gspb_row-id-gsbp-4a997aad-2749 .gspb_heading {
  min-height: 2.5em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ========================================
   Trust Badges Section Spacing
   ======================================== */
#gspb_row-id-gsbp-4a997aad-2749 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

/* ========================================
}

/* ========================================
   Homepage Category Cards - 3D Shadow + Hover Zoom
   ======================================== */
.wp-block-column a[href*="product-category"] {
  display: block !important;
  text-decoration: none !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease, filter 0.4s ease !important;
  box-shadow: 0 8px 30px rgba(28, 16, 48, 0.35) !important;
}

.wp-block-column a[href*="product-category"]:hover {
  transform: translateY(-8px) scale(1.03) !important;
  box-shadow: 0 20px 50px rgba(142, 45, 226, 0.45) !important;
  filter: brightness(1.08) !important;
}