/* ROASTiME® Glass / Light P1 — VISUAL CANDIDATE / NOT DEPLOYED.
 * Requires P0 unified background. Scope: WooCommerce SHOP cards and PUBLIC
 * CoCreate plaza work cards only. No templates, JS, RoR or business changes.
 * Place AFTER shop.css, gallery.css and P0 background CSS if adopted.
 */

/* SHOP — preserve original 4:5 coffee bag imagery and existing 2px geometry. */
body.woocommerce-shop ul.products li.product.rt-shop-card {
  background: linear-gradient(147deg,
    rgba(255, 254, 250, .76) 0%,
    rgba(255, 250, 242, .52) 46%,
    rgba(249, 239, 225, .67) 100%);
  border-color: rgba(255, 255, 249, .85);
  box-shadow: 0 18px 38px rgba(99, 59, 34, .13),
              0 4px 12px rgba(97, 67, 39, .07),
              inset 0 2px 1px rgba(255, 255, 255, .97),
              inset 0 -1px 1px rgba(144, 101, 70, .11);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
body.woocommerce-shop ul.products li.product.rt-shop-card .rt-shop-card__media {
  border-bottom-color: rgba(98, 72, 53, .13);
  background: rgba(254, 249, 242, .53);
}
body.woocommerce-shop ul.products li.product.rt-shop-card .rt-shop-card__meta {
  border-top-color: rgba(74, 94, 71, .18);
}
body.woocommerce-shop ul.products li.product.rt-shop-card .rt-shop-card__title,
body.woocommerce-shop ul.products li.product.rt-shop-card .rt-shop-card__price {
  color: #203e31;
}
body.woocommerce-shop ul.products li.product.rt-shop-card .rt-shop-card__taste,
body.woocommerce-shop ul.products li.product.rt-shop-card .rt-shop-card__sizes {
  color: #4b6155;
}
body.woocommerce-shop ul.products li.product.rt-shop-card .rt-shop-card__origin {
  color: #896043;
}
body.woocommerce-shop ul.products li.product.rt-shop-card .rt-shop-card__note,
body.woocommerce-shop ul.products li.product.rt-shop-card .rt-shop-card__stock {
  background: rgba(255, 251, 244, .93);
  border-color: rgba(81, 96, 76, .23);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96),
              0 3px 9px rgba(57, 55, 42, .1);
}
body.woocommerce-shop ul.products li.product.rt-shop-card:focus-within {
  outline: 2px solid #336f52;
  outline-offset: 3px;
}

/* PUBLIC CO-CREATE PLAZA — do not touch private archive, favorites or RoR. */
body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__card {
  background: linear-gradient(141deg,
    rgba(255, 255, 252, .72),
    rgba(255, 250, 241, .43) 47%,
    rgba(250, 240, 226, .62));
  border: 1px solid rgba(255, 255, 250, .89);
  border-radius: 19px;
  box-shadow: 0 17px 36px rgba(92, 59, 39, .14),
              0 3px 9px rgba(67, 65, 49, .07),
              inset 0 2px 1px rgba(255, 255, 255, .96),
              inset 0 -1px 1px rgba(129, 113, 93, .11);
  color: #263e33;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
/* Keep the existing thin editorial highlight, merely warm its hue. */
body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__card::before {
  background: linear-gradient(90deg, rgba(59, 118, 82, .77), rgba(199, 142, 82, .67));
}
body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__card h4 {
  color: #203f31;
}
body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__by,
body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__comment {
  color: #4a6253;
}
body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__flavor {
  background: linear-gradient(135deg, rgba(255, 255, 253, .50), rgba(239, 244, 232, .42));
  outline: 1px solid rgba(255, 255, 253, .7);
  outline-offset: -1px;
  border-radius: 11px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .82);
}
body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__flavor p {
  color: #30523e;
}
body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__facts span {
  background: rgba(247, 249, 241, .76);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .65);
  color: #31513e;
}
body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__facts .is-replicable {
  background: rgba(218, 239, 219, .83);
  color: #25533c;
}
body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__buttons button {
  border-radius: 14px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .24),
              0 4px 10px rgba(39, 72, 46, .13);
}
body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__buttons button:first-child {
  background: #255940;
  color: #fff;
  border-color: #255940;
}
body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__card:focus-within {
  outline: 2px solid #367554;
  outline-offset: 3px;
}

/* Glass material, with solid/translucent fallback when backdrop blur unsupported. */
@supports ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))) {
  body.woocommerce-shop ul.products li.product.rt-shop-card {
    -webkit-backdrop-filter: blur(11px) saturate(122%);
    backdrop-filter: blur(11px) saturate(122%);
  }
  body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__card {
    -webkit-backdrop-filter: blur(15px) saturate(125%);
    backdrop-filter: blur(15px) saturate(125%);
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.woocommerce-shop ul.products li.product.rt-shop-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 255, 252, .99);
    box-shadow: 0 26px 48px rgba(99, 59, 34, .16),
                0 7px 16px rgba(97, 67, 39, .08),
                inset 0 2px 1px rgba(255, 255, 255, .99);
  }
  body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 255, 252, .99);
    box-shadow: 0 24px 45px rgba(92, 59, 39, .18),
                0 6px 15px rgba(67, 65, 49, .09),
                inset 0 2px 1px rgba(255, 255, 255, .99);
  }
}
@media (max-width: 600px) {
  /* Keep existing two-column layouts, original image ratio and dimensions. */
  body.woocommerce-shop ul.products li.product.rt-shop-card {
    border-radius: 16px;
    box-shadow: 0 9px 22px rgba(99, 59, 34, .12),
                inset 0 1px rgba(255, 255, 255, .96);
  }
  body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__card {
    border-radius: 15px;
    box-shadow: 0 10px 23px rgba(92, 59, 39, .13),
                inset 0 1px rgba(255, 255, 255, .96);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.woocommerce-shop ul.products li.product.rt-shop-card,
  body.page-id-49905 #rt-cocreate-hub [data-panel="plaza"] .rt-gallery__card {
    transition: none !important;
    transform: none !important;
  }
}
