/* POOQ product trust block, sticky add-to-cart bar, cart page, header tap targets.
   Managed as a file: wp-content/mu-plugins/14-pooq-pdp-trust/trust.css */

/* ---------------------------------------------------------------- trust block */
.pooq-trust {
  list-style: none;
  margin: 18px 0 0;
  padding: 12px 14px;
  border: 1px solid #e3d9cf;
  border-radius: 8px;
  background: #faf7f3;
  font-size: 14px;
  line-height: 1.45;
  color: #333;
}
.pooq-trust li { padding: 4px 0 4px 22px; position: relative; }
.pooq-trust li::before {
  content: "";
  position: absolute; left: 0; top: 10px;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: #876333;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.pooq-trust img { vertical-align: middle; height: 20px; width: auto; margin-right: 6px; }
.pooq-trust a { color: #876333; text-decoration: underline; }

/* ---------------------------------------------------------------- brand line (v1.2.0) */
.pooq-brand-line { margin: 0 0 10px; font-size: 14px; line-height: 1.4; color: #6b5d50; }
.pooq-brand-line a { color: #876333; font-weight: 600; text-decoration: none; }
.pooq-brand-line a:hover,
.pooq-brand-line a:focus-visible { text-decoration: underline; }

/* ---------------------------------------------------------------- sticky add-to-cart (mobile only) */
.pooq-sticky-atc {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 109; /* under the fly cart (which overlays everything) and the consent dialog */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  background: #fff;
  border-top: 1px solid #e3d9cf;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, .08);
  transform: translateY(110%);
  transition: transform .2s ease;
}
.pooq-sticky-atc.is-visible { transform: translateY(0); }
.pooq-sticky-atc[hidden] { display: none; }
.pooq-sticky-atc-price { font-family: Play, sans-serif; font-weight: 700; font-size: 18px; color: #222; }
.pooq-sticky-atc-price del { opacity: .6; font-weight: 400; font-size: 14px; margin-right: 6px; }
.pooq-sticky-atc-btn {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 0 18px;
  border: 0; border-radius: 6px;
  background: #876333; color: #fff;
  font-family: Play, sans-serif; font-weight: 700; font-size: 15px;
  cursor: pointer;
}
body.pooq-sticky-open .woofc-area { z-index: 999999; }
@media (min-width: 768px) { .pooq-sticky-atc { display: none !important; } }

/* ---------------------------------------------------------------- cart page */
.pooq-cart-title { font-size: 28px; margin: 0 0 16px; }
.pooq-empty-cart { margin-top: 28px; }
.pooq-empty-cart h2 { font-size: 20px; margin: 16px 0 10px; }
.pooq-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.pooq-chip {
  display: inline-block; padding: 10px 14px; min-height: 44px; box-sizing: border-box;
  border: 1px solid #876333; border-radius: 22px;
  color: #876333; text-decoration: none; font-size: 14px; line-height: 1.6;
}
.pooq-chip:hover { background: #876333; color: #fff; }

/* ---------------------------------------------------------------- header tap targets
   The visible icons stay the same size; an invisible pseudo-element widens the hit area to at
   least 44x44 without moving anything in the header. */
.l-header .w-image-h,
.l-header .w-favs-counter-link,
.l-header .w-cart-link,
.l-header a[href*="/my-account"],
.pooq-mcats-btn { position: relative; }
.l-header .w-image-h::after,
.l-header .w-favs-counter-link::after,
.l-header .w-cart-link::after,
.l-header a[href*="/my-account"]::after,
.pooq-mcats-btn::after {
  content: ""; position: absolute; inset: -8px -10px;
  min-width: 44px; min-height: 44px;
}

/* ---------------------------------------------------------------- bestseller grid (empty cart, no search results) */
.pooq-bestsellers { list-style: none; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
@media (min-width: 768px) { .pooq-bestsellers { grid-template-columns: repeat(4, 1fr); } }
.pooq-bestsellers li { margin: 0; }
.pooq-bestsellers a { display: block; color: inherit; text-decoration: none; }
.pooq-bestsellers img { width: 100%; height: auto; border-radius: 6px; background: #fff; }
.pooq-bs-title { display: block; margin-top: 8px; font-size: 14px; line-height: 1.35; }
.pooq-bs-price { display: block; margin-top: 4px; font-family: Play, sans-serif; font-weight: 700; color: #876333; }