/*
 * ag-product.css – V5.2 Colorful Glass UI for single product
 * يعتمد على ag-design-tokens.css (Glass + Cairo)
 */

/* --- Section: Core Variables & Base --- */
:root {
  /* fallback لو ملف التوكنز مش محمّل */
  --ag-product-blur: var(--ag-glass-blur, 22px);
  --ag-product-bg: var(--ag-color-bg-panel, rgba(255, 255, 255, 0.94));
  --ag-product-border: var(--ag-glass-border, 1px solid rgba(148, 163, 184, 0.35));
  --ag-product-gradient: var(
    --ag-primary-gradient,
    135deg,
    #667eea 0%,
    #764ba2 50%,
    #f093fb 100%
  );
}

.ag-product-page {
  color: var(--ag-text-white);
  background: var(--ag-color-bg-soft);
}

/* --- Section: Wrapper & Main Grid --- */
.ag-glass-product-wrapper {
  padding: 26px 0 40px;
  background: var(--ag-color-bg-soft);
}

.ag-product-entry {
  position: relative;
}

/* Main grid: gallery + summary */
.ag-product-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 20px;
}

.ag-product-main-grid__gallery,
.ag-product-main-grid__summary {
  min-width: 0;
}

/* Secondary block: tabs + meta */
.ag-product-secondary {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 26px;
}

/* Recommendations wrapper */
.ag-product-recommendations {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Responsive layout */
@media (max-width: 992px) {
  .ag-product-main-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* --- Section: Product Gallery --- */
.ag-product-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.9fr);
  gap: 14px;
  align-items: flex-start;
}

.ag-product-gallery__main {
  position: relative;
  border-radius: var(--ag-radius-lg);
  background: var(--ag-product-bg);
  border: var(--ag-product-border);
  backdrop-filter: blur(var(--ag-product-blur));
  -webkit-backdrop-filter: blur(var(--ag-product-blur));
  overflow: hidden;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.15);
}

.ag-product-gallery__main-image {
  margin: 0;
}

.ag-product-gallery__image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Thumbnails */
.ag-product-gallery__thumbnails {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
  gap: 8px;
}

.ag-product-gallery__thumbnail {
  position: relative;
  border-radius: var(--ag-radius-md);
  overflow: hidden;
  cursor: pointer;
  background: rgba(248, 250, 252, 0.9);
  border: 1px solid transparent;
  transition:
    transform var(--ag-transition-fast),
    box-shadow var(--ag-transition-fast),
    border-color var(--ag-transition-fast),
    filter var(--ag-transition-fast);
}

.ag-product-gallery__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ag-product-gallery__thumbnail:hover,
.ag-product-gallery__thumbnail:focus-within {
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.15);
}

.ag-product-gallery__thumbnail--active {
  border-color: rgba(102, 126, 234, 0.9);
}

/* Gallery responsive */
@media (max-width: 992px) {
  .ag-product-gallery {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* --- Section: Product Summary --- */
.ag-product-summary {
  padding: 18px 20px;
  border-radius: 22px;
  background: var(--ag-product-bg);
  border: var(--ag-product-border);
  backdrop-filter: blur(var(--ag-product-blur));
  -webkit-backdrop-filter: blur(var(--ag-product-blur));
  box-shadow: 0 22px 58px rgba(15, 23, 42, 0.12);
}

/* Rating */
.ag-product-summary__rating {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  font-size: 0.85rem;
}

.ag-product-summary__review-count {
  color: var(--ag-text-muted);
}

/* Title */
.ag-product-summary__title {
  margin: 0 0 8px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* Excerpt */
.ag-product-summary__excerpt {
  margin-bottom: 12px;
  font-size: 0.92rem;
  color: var(--ag-text-muted);
}

/* Actions block */
.ag-product-summary__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: flex-start;
}

.ag-product-summary__price {
  font-size: 1.25rem;
  font-weight: 700;
  background: linear-gradient(var(--ag-product-gradient));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ag-product-summary__cart .single_add_to_cart_button {
  width: 100%;
}

.ag-product-summary__meta {
  font-size: 0.82rem;
  color: var(--ag-text-muted);
}

/* Button hovers */
.ag-product-summary .ag-btn,
.ag-product-summary .single_add_to_cart_button {
  transition:
    background-color var(--ag-transition-normal),
    box-shadow var(--ag-transition-normal),
    transform var(--ag-transition-normal);
}

.ag-product-summary .ag-btn:hover,
.ag-product-summary .ag-btn:focus-visible,
.ag-product-summary .single_add_to_cart_button:hover,
.ag-product-summary .single_add_to_cart_button:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.25);
}

/* Summary responsive */
@media (min-width: 768px) {
  .ag-product-summary__actions {
    grid-template-columns: auto auto;
    align-items: center;
    column-gap: 18px;
  }
}

@media (max-width: 640px) {
  .ag-product-summary {
    padding: 16px 14px;
    border-radius: 20px;
  }
}

/* --- Section: Product Tabs --- */
.ag-product-tabs {
  margin-top: 22px;
  border-radius: 22px;
  background: var(--ag-product-bg);
  border: var(--ag-product-border);
  backdrop-filter: blur(var(--ag-product-blur));
  -webkit-backdrop-filter: blur(var(--ag-product-blur));
  overflow: hidden;
}

/* Tabs nav */
.ag-product-tabs__nav {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px 12px 4px;
  border-bottom: 1px solid rgba(226, 232, 240, 1);
}

.ag-product-tabs__trigger {
  border: none;
  background: transparent;
  color: var(--ag-text-muted);
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 0.9rem;
  cursor: pointer;
  position: relative;
  transition:
    background-color var(--ag-transition-fast),
    color var(--ag-transition-fast),
    transform var(--ag-transition-fast);
}

.ag-product-tabs__trigger::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 3px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #667eea, #f093fb);
  opacity: 0;
  transform: scaleX(0.5);
  transition:
    opacity var(--ag-transition-fast),
    transform var(--ag-transition-fast);
}

.ag-product-tabs__trigger.is-active {
  color: var(--ag-text-white);
  background: rgba(248, 250, 252, 0.9);
  transform: translateY(-1px);
}

.ag-product-tabs__trigger.is-active::after {
  opacity: 1;
  transform: scaleX(1);
}

/* Tabs content */
.ag-product-tabs__content {
  padding: 12px 16px 16px;
  font-size: 0.94rem;
  color: var(--ag-text-muted);
}

.ag-product-tabs__panel {
  display: none;
  animation: ag-tab-fade 0.25s ease-out;
}

.ag-product-tabs__panel.is-active {
  display: block;
}

@keyframes ag-tab-fade {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Tabs responsive */
@media (max-width: 640px) {
  .ag-product-tabs {
    border-radius: 20px;
  }

  .ag-product-tabs__nav {
    padding-inline: 8px;
  }

  .ag-product-tabs__content {
    padding-inline: 12px;
  }
}

/* --- Section: Product Meta --- */
.ag-product-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin-top: 10px;
  padding: 10px 14px;
  border-radius: 18px;
  background: var(--ag-product-bg);
  border: var(--ag-product-border);
  backdrop-filter: blur(var(--ag-product-blur));
  -webkit-backdrop-filter: blur(var(--ag-product-blur));
  font-size: 0.82rem;
  color: var(--ag-text-muted);
}

.ag-product-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ag-product-meta__sku-value {
  color: var(--ag-text-white);
  font-weight: 500;
}

.ag-product-meta__category a,
.ag-product-meta__tag a {
  color: var(--ag-text-muted);
  text-decoration: none;
  position: relative;
  transition:
    color var(--ag-transition-fast),
    transform var(--ag-transition-fast);
}

.ag-product-meta__category a::after,
.ag-product-meta__tag a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, #667eea, #f093fb);
  opacity: 0;
  transform: scaleX(0.6);
  transition:
    opacity var(--ag-transition-fast),
    transform var(--ag-transition-fast);
}

.ag-product-meta__category a:hover,
.ag-product-meta__category a:focus,
.ag-product-meta__tag a:hover,
.ag-product-meta__tag a:focus {
  color: var(--ag-text-white);
  transform: translateY(-1px);
}

.ag-product-meta__category a:hover::after,
.ag-product-meta__category a:focus::after,
.ag-product-meta__tag a:hover::after,
.ag-product-meta__tag a:focus::after {
  opacity: 1;
  transform: scaleX(1);
}

/* --- Section: Related Products --- */
.ag-related-products {
  padding: 34px 0 18px;
}

.ag-related-products .ag-section-title {
  margin: 0 0 12px;
  font-size: 1.3rem;
  font-weight: 600;
}

.ag-products-grid--related {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.ag-products-grid--related .ag-product-card {
  transition:
    transform var(--ag-transition-normal),
    box-shadow var(--ag-transition-normal),
    filter var(--ag-transition-normal);
}

.ag-products-grid--related .ag-product-card:hover,
.ag-products-grid--related .ag-product-card:focus-within {
  transform: translateY(-4px) scale(1.01);
  filter: brightness(1.02);
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.2);
}

/* Related responsive */
@media (max-width: 992px) {
  .ag-products-grid--related {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ag-related-products {
    padding-top: 26px;
  }

  .ag-products-grid--related {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* --- Section: Upsells --- */
.ag-upsells {
  padding: 30px 0 10px;
}

.ag-upsells .ag-section-title {
  margin: 0 0 12px;
  font-size: 1.3rem;
  font-weight: 600;
}

.ag-products-grid--upsells {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.ag-products-grid--upsells .ag-product-card {
  transition:
    transform var(--ag-transition-normal),
    box-shadow var(--ag-transition-normal),
    filter var(--ag-transition-normal);
}

.ag-products-grid--upsells .ag-product-card:hover,
.ag-products-grid--upsells .ag-product-card:focus-within {
  transform: translateY(-4px) scale(1.01);
  filter: brightness(1.02);
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.2);
}

/* Upsells responsive */
@media (max-width: 992px) {
  .ag-products-grid--upsells {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ag-upsells {
    padding-top: 24px;
  }

  .ag-products-grid--upsells {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* --- Section: Cross-sells --- */
.ag-cross-sells {
  padding: 30px 0 18px;
}

.ag-cross-sells .ag-section-title {
  margin: 0 0 12px;
  font-size: 1.3rem;
  font-weight: 600;
}

.ag-products-grid--cross-sells {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.ag-products-grid--cross-sells .ag-product-card {
  transition:
    transform var(--ag-transition-normal),
    box-shadow var(--ag-transition-normal),
    filter var(--ag-transition-normal);
}

.ag-products-grid--cross-sells .ag-product-card:hover,
.ag-products-grid--cross-sells .ag-product-card:focus-within {
  transform: translateY(-4px) scale(1.01);
  filter: brightness(1.02);
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.2);
}

/* Cross-sells responsive */
@media (max-width: 992px) {
  .ag-products-grid--cross-sells {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ag-cross-sells {
    padding-top: 24px;
  }

  .ag-products-grid--cross-sells {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* الحل الفوري لإظهار محتوى المنتج المختفي */
.ag-woo-single-prestige {
    padding-top: 160px !important; /* عشان المحتوى ينزل تحت الهيدر العائم */
    background: #0f172a !important; /* خلفية داكنة إجبارية عشان يبان المحتوى */
    min-height: 100vh;
}

.ag-woo-single-prestige .product,
.ag-woo-single-prestige .summary,
.ag-woo-single-prestige .product_title,
.ag-woo-single-prestige .price {
    color: #ffffff !important; /* إجبار كل النصوص تظهر باللون الأبيض */
    visibility: visible !important;
    opacity: 1 !important;
}

/* إظهار الصور لو كانت مخفية بسبب الـ Slider */
.woocommerce-product-gallery {
    opacity: 1 !important;
    visibility: visible !important;
}