/* ============================================================
   AFTER CREDITS — WooCommerce single product page restyle.
   Loaded only on is_product(). Matches the homepage aesthetic:
   dark monochrome, Inter, white CTA, bordered cinematic blocks.
   ============================================================ */

:root{
  --bg:#050505; --surface:#0c0c0c; --panel:#111; --line:#242424;
  --text:#f3f3f3; --muted:#a7a7a7; --muted-2:#7e7e7e;
  --button:#f5f5f5; --button-text:#111; --max:1120px;
}

/* ---- Base dark canvas + Inter ---- */
body.single-product,
body.woocommerce.single-product{
  background:var(--bg) !important;
  color:var(--text) !important;
  font-family:'Inter',system-ui,sans-serif !important;
}
body.single-product .wp-site-blocks,
body.single-product main,
body.single-product .wp-block-group,
body.single-product .wp-block-columns,
body.single-product .wp-block-column,
body.single-product .entry-content,
body.single-product .woocommerce{
  background:transparent !important;
}
body.single-product a{ color:var(--text); text-decoration:none; }

/* ---- Hide the theme's own header / footer (we inject our own) ---- */
body.single-product .hostinger-ai-site-navigation-wrapper,
body.single-product .hostinger-ai-site-navigation,
body.single-product > .wp-site-blocks > header,
body.single-product > .wp-site-blocks > footer,
body.single-product header.wp-block-template-part,
body.single-product footer.wp-block-template-part{
  display:none !important;
}

/* ============ Injected AFTER CREDITS header / footer ============ */
.ac-topbar{ text-align:center; font-size:12px; letter-spacing:.16em; padding:10px 16px; border-bottom:1px solid var(--line); color:var(--text); background:var(--bg); }
.ac-header{ max-width:var(--max); margin:0 auto; padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.ac-brand{ font-weight:800; letter-spacing:.06em; font-size:20px; color:var(--text); }
.ac-nav{ display:flex; gap:36px; font-size:14px; font-weight:600; letter-spacing:.08em; }
.ac-nav a{ color:var(--text); }
.ac-icons{ display:flex; gap:14px; align-items:center; font-size:18px; color:var(--text); }
.ac-cart-count{ font-size:14px; color:var(--muted); }
.ac-footer{ max-width:var(--max); margin:48px auto 50px; padding:32px 24px 0; display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr 1fr; gap:24px; border:1px solid var(--line); border-top:none; }
.ac-footer h3{ margin:0 0 14px; font-size:28px; line-height:.94; letter-spacing:-.04em; color:var(--text); }
.ac-footer h4{ margin:0 0 10px; font-size:14px; letter-spacing:.08em; color:var(--text); }
.ac-footer p, .ac-footer a{ color:var(--muted); display:block; margin:8px 0; font-size:14px; }
.ac-socials{ display:flex; gap:14px; margin-top:18px; font-size:16px; color:var(--text); }
.ac-footer-note{ align-self:start; }

/* ============ Product layout container ============ */
body.single-product .wp-block-woocommerce-breadcrumbs,
body.single-product .woocommerce-notices-wrapper,
body.single-product .wp-block-woocommerce-single-product{
  max-width:var(--max) !important;
  margin-left:auto !important; margin-right:auto !important;
  padding-left:24px !important; padding-right:24px !important;
}
body.single-product .wp-block-woocommerce-single-product{ padding-top:8px; padding-bottom:56px; }
/* image | summary columns */
body.single-product .wp-block-columns{ gap:40px !important; align-items:flex-start; }

/* ---- Breadcrumbs ---- */
body.single-product .wp-block-woocommerce-breadcrumbs,
body.single-product .woocommerce-breadcrumb{ color:var(--muted-2) !important; font-size:13px; letter-spacing:.04em; margin:18px auto 6px; }
body.single-product .wp-block-woocommerce-breadcrumbs a,
body.single-product .woocommerce-breadcrumb a{ color:var(--muted) !important; }

/* ---- Gallery ---- */
body.single-product .woocommerce-product-gallery{ border:1px solid var(--line); background:var(--surface); }
body.single-product .woocommerce-product-gallery__image img{ background:#151515; }
body.single-product .flex-control-thumbs{ margin-top:10px; gap:8px; display:flex; padding:0 0 8px; }
body.single-product .flex-control-thumbs li{ border:1px solid var(--line); }

/* ---- Title ---- */
body.single-product h1.wp-block-post-title,
body.single-product .product_title{
  font-family:'Inter',sans-serif !important;
  font-weight:800 !important;
  font-size:clamp(32px,3.4vw,48px) !important;
  line-height:1.02 !important; letter-spacing:-.03em !important;
  color:var(--text) !important; margin:0 0 14px !important; text-transform:uppercase;
}

/* ---- Price ---- */
body.single-product .wp-block-woocommerce-product-price,
body.single-product .wc-block-components-product-price,
body.single-product .price,
body.single-product .woocommerce-Price-amount{
  color:var(--text) !important;
  font-size:22px !important; font-weight:600 !important; letter-spacing:.01em;
}
body.single-product .wp-block-woocommerce-product-price{ margin:0 0 22px !important; }

/* ---- Short description ---- */
body.single-product .wp-block-post-excerpt__excerpt,
body.single-product .woocommerce-product-details__short-description,
body.single-product .woocommerce-product-details__short-description p{
  color:var(--muted) !important; line-height:1.8 !important; font-size:15px !important;
}
body.single-product .wp-block-post-excerpt{ margin-bottom:24px; }

/* ---- Quantity ---- */
body.single-product .quantity input.qty,
body.single-product .wc-block-components-quantity-selector input.qty{
  background:#0d0d0d !important; border:1px solid #2f2f2f !important;
  color:var(--text) !important; padding:14px 10px !important; font-size:15px !important;
}
body.single-product .wc-block-components-quantity-selector{ border:1px solid #2f2f2f !important; background:#0d0d0d; }

/* ---- Add to cart button (matches homepage .button) ---- */
body.single-product .single_add_to_cart_button,
body.single-product button.single_add_to_cart_button.button,
body.single-product .wc-block-components-product-button .wp-block-button__link{
  background:var(--button) !important; color:var(--button-text) !important;
  border:1px solid #e8e8e8 !important; border-radius:0 !important;
  padding:16px 30px !important; font-weight:700 !important; font-size:14px !important;
  letter-spacing:.08em !important; text-transform:uppercase !important;
  box-shadow:none !important; transition:background .2s ease;
}
body.single-product .single_add_to_cart_button:hover,
body.single-product button.single_add_to_cart_button.button:hover{ background:#fff !important; color:#000 !important; }
body.single-product form.cart{ margin:8px 0 24px; }

/* ---- Product meta (SKU / category) ---- */
body.single-product .wp-block-woocommerce-product-meta,
body.single-product .product_meta{
  color:var(--muted-2) !important; font-size:13px !important; letter-spacing:.04em;
  border-top:1px solid var(--line); margin-top:26px; padding-top:18px;
}
body.single-product .wp-block-woocommerce-product-meta a,
body.single-product .product_meta a{ color:var(--muted) !important; }

/* ---- Tabs ---- */
body.single-product .woocommerce-tabs{ margin-top:48px; }
body.single-product .woocommerce-tabs ul.tabs{ border-bottom:1px solid var(--line) !important; padding:0 !important; margin:0 0 22px !important; display:flex; gap:28px; }
body.single-product .woocommerce-tabs ul.tabs::before{ border:none !important; }
body.single-product .woocommerce-tabs ul.tabs li{ background:transparent !important; border:none !important; border-radius:0 !important; margin:0 !important; padding:0 0 12px !important; }
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after{ display:none !important; }
body.single-product .woocommerce-tabs ul.tabs li a{ color:var(--muted) !important; text-transform:uppercase; letter-spacing:.1em; font-size:13px; font-weight:700; padding:0 !important; }
body.single-product .woocommerce-tabs ul.tabs li.active a{ color:var(--text) !important; }
body.single-product .woocommerce-tabs ul.tabs li.active{ border-bottom:2px solid var(--text) !important; }
body.single-product .woocommerce-Tabs-panel,
body.single-product .wc-tab{ color:#cfcfcf !important; line-height:1.85 !important; font-size:15px; }
body.single-product .woocommerce-Tabs-panel h2{ color:var(--text) !important; font-weight:700; letter-spacing:-.01em; font-size:22px; }
body.single-product .woocommerce-Tabs-panel b,
body.single-product .woocommerce-Tabs-panel strong{ color:var(--text) !important; }

/* ---- Related / upsell products (if present) ---- */
body.single-product .wp-block-woocommerce-related-products h2,
body.single-product .related.products > h2,
body.single-product .upsells.products > h2{ color:var(--text) !important; font-weight:800; letter-spacing:-.03em; }
body.single-product ul.products li.product .woocommerce-loop-product__title{ color:var(--text) !important; }
body.single-product ul.products li.product .price{ color:var(--muted) !important; }
body.single-product ul.products li.product img{ border:1px solid var(--line); background:#151515; }

/* ---- Notices ---- */
body.single-product .woocommerce-message,
body.single-product .wc-block-components-notice-banner{ background:#0d0d0d !important; color:var(--text) !important; border-left:3px solid var(--text) !important; }

/* ---- Responsive ---- */
@media (max-width:1024px){
  body.single-product .wp-block-columns{ gap:24px !important; }
  .ac-footer{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
  body.single-product .wp-block-columns{ flex-wrap:wrap; }
  .ac-header{ flex-wrap:wrap; }
  .ac-nav{ width:100%; justify-content:center; flex-wrap:wrap; gap:18px 24px; }
  .ac-footer{ grid-template-columns:1fr; }
}