/*
Theme Name: Then Imagine Block
Theme URI: https://thenimagine.co.uk/
Author: Neoform Ltd
Description: A lean, image-led block theme for the Then Imagine WooCommerce showroom.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: then-imagine
*/

:root {
  --ti-shadow-soft: 0 18px 50px rgba(13, 22, 33, 0.10);
  --ti-shadow-lift: 0 22px 60px rgba(13, 22, 33, 0.18);
}

html { scroll-behavior: smooth; }

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { text-underline-offset: 0.18em; }

.wp-site-blocks { overflow: clip; }

.ti-header {
  position: relative;
  z-index: 50;
  border-bottom: 1px solid rgba(14, 31, 48, 0.08);
  backdrop-filter: blur(18px);
}

.ti-header .wp-block-navigation-item__content {
  text-decoration: none;
}

.ti-hero {
  min-height: min(84vh, 920px);
  display: grid;
  align-items: end;
}

.ti-hero .wp-block-cover__background {
  background: linear-gradient(90deg, rgba(5, 13, 21, .72), rgba(5, 13, 21, .16) 62%, rgba(5, 13, 21, .04));
}

.ti-eyebrow {
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: .76rem;
  font-weight: 700;
}

.ti-card,
.wc-block-grid__product,
.wc-block-product {
  transition: transform .32s ease, box-shadow .32s ease;
}

.ti-card:hover,
.wc-block-grid__product:hover,
.wc-block-product:hover {
  transform: translateY(-5px);
  box-shadow: var(--ti-shadow-lift);
}

.ti-card img,
.wc-block-components-product-image img,
.wc-block-grid__product-image img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.wp-element-button,
.wp-block-button__link,
.single_add_to_cart_button {
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
.single_add_to_cart_button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 157, 220, .24);
}

.ti-day-night {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 1.25rem;
  box-shadow: var(--ti-shadow-soft);
}

.ti-day-night::after {
  content: "";
  position: absolute;
  inset: 0 0 0 50%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(4, 10, 17, .08), rgba(4, 10, 17, .55));
}

.ti-day-night img { display: block; width: 100%; }

.ti-section { padding-block: clamp(4rem, 8vw, 8rem); }

.ti-footer { border-top: 1px solid rgba(255, 255, 255, .12); }

.woocommerce div.product form.cart .variations,
.woocommerce div.product form.cart .variations tbody,
.woocommerce div.product form.cart .variations tr,
.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td {
  display: block;
  width: 100%;
}

.woocommerce div.product form.cart .variations label {
  display: block;
  margin-bottom: .8rem;
  font-weight: 700;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

@media (max-width: 781px) {
  .ti-hero { min-height: 72vh; }
  .ti-header .wp-block-site-title { font-size: 1.05rem; }
}