/* ============================================================
   NEELAYA — Rating UI (M4 green chip + tightened padding + PDP)
   Server-side rendering for count (no flicker, works after pagination)
   ============================================================ */

/* ============= PRODUCT CARD (HP/Shop/Category) ============= */

/* The REAL gap source: .product-wrapper is a flex column with gap: 10px,
   which puts 10px above AND below the rating row (and between every sibling).
   We don't want to change other elements' gaps — only tighten around the
   rating row. Negative margins on the rating absorb the parent's flex gap
   surgically. -6px each = effective 4px gap above and below.
   Title→price→cart gaps stay at the original 10px. */
.wd-product .product-wrapper > .wd-star-rating {
  display: flex !important;
  align-items: center;
  gap: 5px;
  flex-wrap: nowrap;
  margin-top: -2px !important;       /* effective top gap ~5px */
  margin-bottom: -7px !important;    /* effective bottom gap ~3px */
  padding: 0 !important;
  line-height: 1;
}

/* Hide native 5-star widget — we render number+star chip instead */
.wd-product .wd-star-rating .star-rating {
  display: none !important;
}

/* Green Trustpilot chip — bigger than the count text for visual hierarchy */
.wd-product .neelaya-rating-num {
  display: inline-flex;
  align-items: center;
  background: #00A018;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 14px;          /* was 12.5 — chip more prominent */
  padding: 3px 9px;         /* was 2.5x7 */
  border-radius: 5px;
  line-height: 1;
  font-feature-settings: "tnum";
}
.wd-product .neelaya-rating-num::after {
  content: "★";
  color: #FFE600;
  font-size: 14px;
  margin-left: 3px;
  margin-top: -1px;
}

/* Count text — kept smaller so the chip dominates */
.wd-product .wd-star-rating .woocommerce-review-link,
.wd-product .neelaya-formatted-count {
  font-size: 11.5px;        /* was 12.5 — smaller, lets chip lead */
  color: #555;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: 0;
  line-height: 1;
}
.wd-product .woocommerce-review-link:hover {
  color: #1A73E8;
  text-decoration: underline;
}

/* Reduce gap below rating row to bring price closer */
.wd-product .product-rating-price {
  margin-top: 2px !important;
}

/* Mobile — keep chip prominent (was making it smaller than text on mobile) */
@media (max-width: 768px) {
  .wd-product .neelaya-rating-num { font-size: 13px; padding: 3px 8px; }
  .wd-product .neelaya-rating-num::after { font-size: 13px; }
  .wd-product .wd-star-rating .woocommerce-review-link,
  .wd-product .neelaya-formatted-count { font-size: 11px; }
}

/* ============= PRODUCT PAGE (Single Product / PDP) ============= */

/* PDP summary container — keep default block layout. The rating-below-price
   reorder is now done via JS in functions.php (insertBefore at runtime),
   not via flex `order`, because making .summary-inner a flex column broke
   the layout of float/inline children that depended on block flow. */

/* Tighten the title→price→rating block on PDP. Default WC + Woodmart
   gives 20px margin-bottom on both title and price, which feels too airy
   compared to the rest of the summary block. Reduce to 6px each. */
.summary-inner .product_title.entry-title.wd-entities-title,
.summary-inner h1.product_title {
  margin-bottom: 12px !important;
}
.summary-inner .price {
  margin-bottom: 16px !important;
}

/* The PDP rating block — same green chip styling */
.summary-inner .woocommerce-product-rating,
.product .woocommerce-product-rating {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  margin: 8px 0 12px 0 !important;   /* 8px top to separate from price block */
}

/* V2 layout: rating chip is rendered INSIDE .price by single-product/price.php
   (server-side, no JS flicker). margin-left: auto pushes it to the RIGHT edge
   of the flex row (away from the price-value on the left). */
.summary-inner .price .woocommerce-product-rating {
  margin: 0 0 0 auto !important;       /* push to right when inline */
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

/* Rating chip stays right-aligned across ALL viewports (including narrow
   phones where it wraps to its own row). No top margin when it wraps —
   sits flush against the price. */
@media (max-width: 479px) {
  .summary-inner .price .woocommerce-product-rating {
    margin: 0 0 0 auto !important;
  }
}

/* Hide the "You Save ₹X" line entirely (per spec). The discount is still
   communicated by the strikethrough price + the -63% OFF circle on the
   product image. To re-enable, remove this rule. */
.summary-inner .neelaya-save-line {
  display: none !important;
}

/* Keep ₹2,999 + ₹1,099 on one line so they don't stack vertically when
   the row wraps on narrow viewports (e.g. iPhone SE 360px). When width
   is tight, the rating chip wraps to its own line below — prices stay
   together. */
.summary-inner .price .price-value {
  white-space: nowrap;
}
.summary-inner .price {
  flex-wrap: wrap !important;
}

/* "Save ₹X" line — was a green-outlined pill INSIDE price, now a small
   plain text line BELOW price. */
.summary-inner .neelaya-save-line {
  margin: 4px 0 6px 0;
  font-size: 13px;
  line-height: 1.3;
}
.summary-inner .neelaya-save-line .savings_single_product {
  display: inline !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #00A018 !important;
  font-weight: 600 !important;       /* parent CSS resets to 400 without !important */
  font-size: 13px !important;
  letter-spacing: 0 !important;
}

/* Hide native stars on PDP — chip replaces */
.summary-inner .woocommerce-product-rating .star-rating,
.product .woocommerce-product-rating .star-rating {
  display: none !important;
}

/* Green chip on PDP */
.summary-inner .woocommerce-product-rating .neelaya-rating-num,
.product .woocommerce-product-rating .neelaya-rating-num {
  display: inline-flex;
  align-items: center;
  background: #00A018;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 14px;
  padding: 4px 10px;
  border-radius: 5px;
  line-height: 1;
}
.summary-inner .woocommerce-product-rating .neelaya-rating-num::after,
.product .woocommerce-product-rating .neelaya-rating-num::after {
  content: "★";
  color: #FFE600;
  font-size: 14px;
  margin-left: 4px;
  margin-top: -1px;
}

/* PDP count link */
.summary-inner .woocommerce-product-rating .woocommerce-review-link,
.product .woocommerce-product-rating .woocommerce-review-link {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  text-decoration: none;
}

@media (max-width: 768px) {
  .summary-inner .woocommerce-product-rating,
  .product .woocommerce-product-rating { margin: 8px 0 10px 0 !important; }
  .summary-inner .woocommerce-product-rating .neelaya-rating-num,
  .product .woocommerce-product-rating .neelaya-rating-num { font-size: 13px; padding: 3.5px 9px; }
  .summary-inner .woocommerce-product-rating .neelaya-rating-num::after,
  .product .woocommerce-product-rating .neelaya-rating-num::after { font-size: 13px; }
  .summary-inner .woocommerce-product-rating .woocommerce-review-link,
  .product .woocommerce-product-rating .woocommerce-review-link { font-size: 13px; }
}

/* ============================================================
   PDP DELIVERY CARD (DC3 — Urgency + FREE + Date + Pincode in one)
   ============================================================ */
.neelaya-delivery-card {
  background: #fff;
  border: 1px solid #EEE9E2;
  border-radius: 12px;
  overflow: hidden;
  margin: 12px 0;
  font-family: inherit;
  line-height: 1.4;
}
.neelaya-del-header {
  background: #00A018;
  color: #fff;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 11.5px;
}
.neelaya-del-urg {
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.neelaya-del-urg .ic { font-size: 13px; }
.neelaya-del-urg strong { font-weight: 800; }
.neelaya-del-free {
  background: rgba(255,255,255,0.22);
  font-size: 10px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 3px;
  letter-spacing: 0.5px;
  flex-shrink: 0;
}
.neelaya-del-body {
  padding: 12px 14px;
}
.neelaya-del-date {
  font-size: 15px;
  font-weight: 800;
  color: #1A1A1A;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 2px;
}
.neelaya-del-date .ic { font-size: 18px; flex-shrink: 0; }
.neelaya-del-sub {
  font-size: 11.5px;
  color: #6B6B6B;
  margin-left: 26px;
}
.neelaya-del-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  color: #6B6B6B;
  padding: 10px 14px;
  border-top: 1px solid #EEE9E2;
  background: #FAFAF7;
}
.neelaya-del-pin-info {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 1;
  min-width: 0;
}
.neelaya-del-pin-info .ic { font-size: 12px; flex-shrink: 0; }
.neelaya-del-pin-info strong { color: #1A1A1A; font-weight: 600; }
.neelaya-del-change {
  color: #00A018 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  flex-shrink: 0;
}
.neelaya-del-change:hover { text-decoration: underline !important; text-underline-offset: 2px; }

/* Inline pincode-input row, revealed when user taps Change */
.neelaya-del-pincode-wrap {
  display: flex;
  gap: 6px;
  padding: 10px 14px;
  border-top: 1px solid #EEE9E2;
  background: #fff;
}
.neelaya-del-pincode-wrap[hidden] { display: none; }
.neelaya-del-pincode-input {
  flex: 1;
  padding: 8px 10px;
  border: 1px solid #E5E0D6;
  border-radius: 6px;
  font-size: 13px;
  outline: none;
  font-family: inherit;
  min-width: 0;
}
.neelaya-del-pincode-input:focus { border-color: #00A018; }
.neelaya-del-pincode-btn {
  background: #1A1A1A;
  color: #fff;
  border: 0;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.3px;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
}
.neelaya-del-pincode-btn:hover { background: #000; }

/* ============================================================
   PDP REVIEWS TAB — Variant A1 (Compact Glass) + B1 histogram
   ============================================================ */

/* Reset noise from parent theme that adds heavy borders/padding around the
   reviews section. Scope strictly to .neelaya-reviews so we don't touch
   non-redesigned tabs. */
.neelaya-reviews {
  font-size: 14px;
  line-height: 1.5;
  display: block !important;     /* parent was flex somewhere — force normal block flow */
}
.neelaya-reviews #comments { padding: 0 !important; margin: 0 !important; border: 0 !important; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
.neelaya-reviews .woocommerce-Reviews-title { display: none !important; }

/* Tighten the accordion content panel that wraps our reviews UI.
   Default Woodmart gives 20px margin-top (gap between accordion title and
   our reviews-header) AND 20px padding-bottom (gap below reviews). Both
   feel oversized — reduce to 8px each. */
.entry-content.woocommerce-Tabs-panel--reviews.wd-accordion-content {
  margin-top: 8px !important;
  padding-bottom: 8px !important;
}

/* ---------- Header (chip + summary + histogram) ---------- */
.neelaya-reviews-header {
  background: linear-gradient(180deg, #FAFAF7 0%, #ffffff 100%);
  padding: 10px 16px 14px 16px;        /* tighter top — was 16 all around */
  border-bottom: 1px solid #F0EBE3;
}
.neelaya-reviews-summary-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: center;
}
.neelaya-reviews-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #00A018;
  color: #fff !important;
  padding: 6px 11px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  box-shadow: 0 2px 6px rgba(0, 160, 24, 0.25);
  font-feature-settings: "tnum";
}
.neelaya-reviews-chip::after {
  content: "★";
  color: #FFE600;
  font-size: 16px;
}
.neelaya-reviews-summary-meta { font-size: 11px; color: #767676; line-height: 1.3; }
/* The first strong is the label ("Excellent") — display block as a heading.
   Subsequent strongs (the count "287" inside "Based on X reviews") stay inline. */
.neelaya-reviews-summary-meta strong:first-child {
  color: #1A1A1A; font-weight: 600; font-size: 13px; display: block; margin-bottom: 1px;
}
.neelaya-reviews-summary-meta strong { color: #1A1A1A; font-weight: 600; }

/* B1 histogram — matches mockup exactly */
.neelaya-reviews-histogram {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.neelaya-reviews-histo-row {
  display: grid !important;
  grid-template-columns: 28px 1fr 32px;
  gap: 8px;
  align-items: center;
  font-size: 11px;
  color: #767676;
  cursor: pointer;
  padding: 1px 4px;
  border-radius: 4px;
  text-decoration: none !important;
  transition: background 0.15s;
}
.neelaya-reviews-histo-row:hover { background: #E8F8EE; }
.neelaya-reviews-histo-label {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  font-weight: 600;
  color: #1A1A1A;
  font-size: 11px;
}
.neelaya-reviews-histo-label::after {
  content: "★";
  color: #FFB800;
  font-size: 10px;
  margin-left: 1px;
}
.neelaya-reviews-histo-bar {
  height: 6px;
  background: #F0EBE3;
  border-radius: 3px;
  overflow: hidden;
  display: block;
}
.neelaya-reviews-histo-fill {
  display: block;
  height: 100%;
  background: #00A018;
  border-radius: 3px;
}
.neelaya-reviews-histo-count {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-size: 11px;
  color: #1A1A1A;
  font-weight: 500;
}

/* ---------- Filters — Variant A: underline tabs ----------
 * TEMPORARILY HIDDEN — filter chips and sort dropdown are UI-only
 * (no backend wiring). Hiding to avoid showing non-functional controls.
 * Re-enable by removing the display:none below once filter+sort AJAX
 * handlers in functions.php (neelaya_reviews_ajax_page) accept
 * `filter` + `sort` query params and JS chip-click handler is added.
 */
.neelaya-reviews-filters {
  display: none !important;
}
.neelaya-reviews-filters.is-wired-up {
  padding: 10px 16px;
  display: flex !important;
  align-items: center;
  gap: 4px;
  border-bottom: 1px solid #F0EBE3;
  font-size: 13px;
}

/* Chip group — scrolls horizontally on narrow screens. */
.neelaya-reviews-filters-chips {
  display: flex;
  align-items: stretch;
  gap: 0;
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.neelaya-reviews-filters-chips::-webkit-scrollbar { display: none; }

/* Text-only tabs. No background, no border. Active gets bold + underline
   that aligns to the row's bottom border via negative margin trick. */
.neelaya-reviews-chip-filter {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px;
  padding: 8px 12px !important;
  min-width: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -11px !important;       /* aligns active underline w/ row bottom */
  border-radius: 0 !important;
  color: #767676 !important;
  font-weight: 500 !important;
  cursor: pointer;
  line-height: 1.4 !important;
  font-size: 13px !important;
  white-space: nowrap;
  transition: all 0.15s;
  font-family: inherit;
  box-shadow: none !important;
  text-transform: none !important;
  height: auto !important;
  letter-spacing: 0 !important;
}
.neelaya-reviews-chip-filter .star-icon {
  color: #FFB800;
  font-size: 12px;
  line-height: 1;
  margin-top: -1px;
}
.neelaya-reviews-chip-filter:hover {
  color: #1A1A1A !important;
  background: transparent !important;
}
.neelaya-reviews-chip-filter.is-active {
  color: #1A1A1A !important;
  font-weight: 600 !important;
  background: transparent !important;
  border-bottom-color: #1A1A1A !important;
}

/* Sort — pinned right, plain text + caret. */
.neelaya-reviews-sort {
  flex: 0 0 auto;
  margin-left: auto;
  width: auto;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.neelaya-reviews-sort select {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background: transparent;
  font-size: 12.5px;
  color: #767676;
  font-weight: 500;
  cursor: pointer;
  padding: 4px 16px 4px 0;
  border-radius: 0;
  font-family: inherit;
  line-height: 1.4;
  width: auto;
  max-width: 140px;
  /* Caret */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23767676' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 8px 5px;
}
.neelaya-reviews-sort select:hover {
  color: #1A1A1A;
}
.neelaya-reviews-sort select:focus {
  outline: none;
  color: #1A1A1A;
}

/* ---------- Reviews list ---------- */
.neelaya-reviews-list,
.neelaya-reviews ol.commentlist.neelaya-reviews-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  /* Override Woodmart's grid layout on the commentlist — we want a vertical
     stack, not a multi-column grid. */
  display: block !important;
  grid-template-columns: none !important;
  --wd-col: 1 !important;
  --wd-col-md: 1 !important;
  --wd-col-sm: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 0 !important;
}
.neelaya-reviews-list > li,
.neelaya-reviews-list .neelaya-review,
.neelaya-reviews-list li.review.wd-col,
.neelaya-reviews-list li.comment {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  float: none !important;
  /* Kill Woodmart's column flex/grid sizing that turned each <li> into a
     thin column when it had .wd-col. */
  flex: none !important;
}
.neelaya-reviews-list > li::before,
.neelaya-reviews-list .neelaya-review::before { display: none !important; content: none !important; }

.neelaya-reviews-list .neelaya-review-container {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid #F0EBE3;
  margin: 0;
  background: transparent;
}
.neelaya-reviews-list .neelaya-review:last-child .neelaya-review-container { border-bottom: none; }

.neelaya-review-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 12px;
  flex-shrink: 0;
}

.neelaya-review-body-wrap { min-width: 0; }
.neelaya-review-head {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 12px;
  color: #767676;
  flex-wrap: wrap;
  line-height: 1.3;
}
.neelaya-review-name { font-weight: 600; font-size: 13px; color: #1A1A1A; }
.neelaya-review-verified {
  font-size: 10px;
  color: #00A018;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.neelaya-review-verified::before { content: "✓"; }
.neelaya-review-stars-inline { font-size: 11px; line-height: 1; letter-spacing: 0; }
.neelaya-review-stars-inline .on { color: #FFB800; }
.neelaya-review-stars-inline .off { color: #E0DAC8; }
.neelaya-review-dot { color: #D5D0C6; }
.neelaya-review-date { font-variant-numeric: tabular-nums; }

.neelaya-review-text {
  font-size: 13px;
  line-height: 1.5;
  color: #333;
  margin: 5px 0 0;
}
.neelaya-review-text p { margin: 0 0 4px; }
.neelaya-review-text p:last-child { margin-bottom: 0; }

.neelaya-review-foot {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  color: #767676;
}
.neelaya-review-helpful {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px !important;
  border: 1px solid #E5E0D6 !important;
  border-radius: 99px !important;
  cursor: pointer;
  font-size: 11px !important;
  color: #1A1A1A !important;
  background: #fff !important;
  transition: all 0.15s;
  font-family: inherit;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  height: auto !important;
}
.neelaya-review-helpful:hover {
  border-color: #00A018 !important;
  color: #00A018 !important;
  background: #E8F8EE !important;
}
.neelaya-review-helpful-icon { font-size: 11px; line-height: 1; }
.neelaya-review-report { color: #999; cursor: pointer; }
.neelaya-review-report:hover { color: #1A1A1A; }

/* ---------- Pagination ---------- */
.neelaya-reviews-pagination {
  padding: 10px 16px !important;
  border-top: 1px solid #F0EBE3 !important;
  background: #fff !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
}
.neelaya-reviews-pagination ul,
.neelaya-reviews-pagination .page-numbers {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  gap: 4px !important;
  align-items: center !important;
}
.neelaya-reviews-pagination .page-numbers li { margin: 0 !important; padding: 0 !important; }
.neelaya-reviews-pagination .page-numbers a,
.neelaya-reviews-pagination .page-numbers span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  padding: 5px 9px !important;
  border: 1px solid #E5E0D6 !important;
  background: #fff !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  min-width: 28px !important;
  color: #1A1A1A !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}
.neelaya-reviews-pagination .page-numbers .current {
  background: #1A1A1A !important;
  color: #fff !important;
  border-color: #1A1A1A !important;
}

/* ---------- Review form (Add a review) ---------- */
.neelaya-review-form-wrapper {
  margin-top: 0 !important;
}
.neelaya-review-form-wrapper .neelaya-form-card,
#review_form.neelaya-form-card,
#review_form {
  background: #fff;
  border-radius: 12px;
  padding: 16px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}
/* Ensure inner WC-generated wrappers (#respond, #commentform) fill the
   card so the textarea inside reaches the right edge of the submit button. */
#review_form #respond,
#review_form .comment-respond,
#review_form #commentform,
#review_form form.comment-form {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.neelaya-form-title {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  margin: 0 0 10px 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: block !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-indent: 0 !important;
}

/* Hide WC's auto-added "Cancel reply" link next to the title — we have no
   nested-reply UX. */
#review_form #cancel-comment-reply-link,
#review_form .comment-reply-title small,
#respond #cancel-comment-reply-link {
  display: none !important;
}

/* Hide WC's "Logged in as ... Edit your profile. Log out?" line — the
   Verified buyer pill already conveys the auth state cleanly. */
#review_form .logged-in-as,
.neelaya-review-form .logged-in-as,
#commentform .logged-in-as {
  display: none !important;
}
/* Row wrapper around the pill — guarantees it's on its own line regardless
   of any flex/grid layout in the parent form context. No horizontal
   padding (card padding owns it). */
.neelaya-form-verified-row {
  display: block !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
  text-align: left !important;
}

/* Verified-buyer pill — bulletproof reset; some parent theme rules give
   spans inside the comment form huge padding which ballooned this pill
   into a giant oval. !important + max-width + explicit sizing keeps it
   small regardless of parent theme rules. */
.neelaya-review-form .neelaya-form-verified-pill,
#review_form .neelaya-form-verified-pill,
.neelaya-form-verified-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: #E6F4E9 !important;
  color: #00A018 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 3px 8px !important;
  border-radius: 99px !important;
  border: 0 !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  width: auto !important;
  max-width: max-content !important;
  height: auto !important;
  white-space: nowrap !important;
  vertical-align: baseline !important;
  position: static !important;
  float: none !important;
  box-shadow: none !important;
  text-align: left !important;
}
.neelaya-form-verified-pill::before { content: "✓" !important; font-weight: 700 !important; }

/* Sections — no divider lines, no padding, 10px top margin for spacing. */
.neelaya-form-section {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border-top: 0;
  width: 100% !important;
}
.neelaya-form-label {
  font-size: 11px; font-weight: 600;
  color: #1A1A1A;
  text-transform: uppercase; letter-spacing: 0.4px;
  margin: 0 0 6px 0;
  padding: 0;
  display: block;
}

/* Star widget — slightly smaller (was 32px, now 26px) for tighter form */
.neelaya-stars-input {
  display: inline-flex; gap: 3px; align-items: center;
  user-select: none;
}
.neelaya-stars-input .neelaya-star {
  font-size: 26px;
  color: #E0DAC8;
  cursor: pointer;
  line-height: 1;
  transition: color 0.15s, transform 0.1s;
  outline: none;
}
.neelaya-stars-input .neelaya-star.on { color: #FFB800; }
.neelaya-stars-input .neelaya-star:hover { transform: scale(1.1); }
.neelaya-stars-input .neelaya-star:focus-visible {
  outline: 2px solid #FFB800; outline-offset: 2px; border-radius: 2px;
}
.neelaya-star-label {
  margin-left: 12px;
  font-size: 13px;
  font-weight: 600;
  color: #00A018;
  vertical-align: middle;
}

/* Textarea — naturally fills its container (the form section). Since the
   card has uniform 16px padding, every child (title, pill row, sections,
   submit row) shares the same left edge. Box-sizing keeps the border
   inside the 100% width. */
.neelaya-review-form #comment {
  display: block !important;
  width: 100% !important;
  min-height: 88px !important;
  padding: 10px 12px !important;
  border: 1px solid #E5E0D6 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #1A1A1A !important;
  resize: vertical !important;
  outline: none !important;
  background: #fff !important;
  box-shadow: none !important;
  font-family: inherit;
  margin: 0 !important;
}
.neelaya-review-form #comment:focus { border-color: #1A1A1A !important; }
.neelaya-review-form #comment::placeholder { color: #999; }
.neelaya-char-count {
  font-size: 10.5px;
  color: #999;
  text-align: right;
  margin-top: 3px;
}

/* Hide WC's auto-generated <p class="stars"> widget that wraps our hidden
   <select#rating> into a clickable 5-star UI. We have our own .neelaya-stars-input
   widget — don't show two of them. */
.neelaya-review-form p.stars,
.neelaya-review-form .comment-form-rating > p.stars,
#review_form p.stars {
  display: none !important;
}

/* Hide Woodmart's "Click to add images" upload field — we skipped photos. */
.neelaya-review-form .comment-form-image,
.neelaya-review-form .wd-add-image,
.neelaya-review-form [class*="comment-form-image"],
.neelaya-review-form .wd-review-images,
#review_form .comment-form-image,
#review_form .wd-add-image,
#review_form [class*="comment-form-image"],
#review_form .wd-review-images {
  display: none !important;
}

/* Submit button — compact BLACK pill */
.neelaya-review-form .form-submit {
  display: flex; align-items: center; justify-content: flex-end;
  margin: 14px 0 0 0 !important;
  padding: 0 !important;
  border-top: 0;
}
.neelaya-review-form .neelaya-submit-btn {
  background: #1A1A1A !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 6px !important;        /* was 8 */
  padding: 8px 18px !important;         /* was 12 26 — ~30% smaller */
  font-size: 12.5px !important;         /* was 13 */
  font-weight: 600 !important;          /* was 700 */
  letter-spacing: 0.3px !important;     /* was 0.5 */
  cursor: pointer !important;
  text-transform: none !important;      /* was uppercase — sentence case looks lighter */
  transition: background 0.15s !important;
  font-family: inherit !important;
  line-height: 1.2 !important;
  height: auto !important;
}
.neelaya-review-form .neelaya-submit-btn:hover { background: #000 !important; }
.neelaya-review-form .neelaya-submit-btn:disabled {
  background: #B5B0A2 !important; cursor: not-allowed !important;
}

/* Thanks card (post-submit) — match the form-card's compact, shadowless style. */
.neelaya-thanks-card {
  background: #fff !important;
  border-radius: 12px !important;
  padding: 16px !important;           /* match form-card */
  text-align: center !important;
  box-shadow: none !important;        /* match form-card */
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.neelaya-thanks-icon {
  width: 44px; height: 44px; border-radius: 50%;
  background: #00A018; color: #fff;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 22px; font-weight: 700;
  margin-bottom: 10px;
}
.neelaya-thanks-title {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.neelaya-thanks-subtitle {
  font-size: 13px;
  color: #767676;
  line-height: 1.5;
  max-width: 100%;
  margin: 0 0 12px 0;
  padding: 0;
}
.neelaya-posted-preview {
  margin: 0;
  padding: 12px;
  background: #FAFAF7;
  border-radius: 8px;
  text-align: left;
  font-size: 13px;
  line-height: 1.5;
  color: #1A1A1A;
  box-sizing: border-box;
}
.neelaya-posted-preview .meta {
  display: flex; gap: 8px; align-items: center;
  font-size: 12px; color: #767676;
  margin-bottom: 4px;
  flex-wrap: wrap;
}
.neelaya-posted-preview .meta .stars { color: #FFB800; font-size: 13px; }

/* Toast notification */
.neelaya-toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: #1A1A1A;
  color: #fff;
  padding: 12px 20px;
  border-radius: 8px;
  display: flex; align-items: center; gap: 10px;
  font-size: 13px; font-weight: 500;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  z-index: 999999;
  pointer-events: none;
}
.neelaya-toast::before { content: "✓"; color: #00A018; font-weight: 700; }
.neelaya-toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* "Only verified buyers can review" message — compact, inline note. */
.neelaya-verify-msg {
  margin: 0 !important;
  padding: 10px 14px !important;        /* keep horizontal padding so text doesn't overflow */
  background: transparent !important;
  border-radius: 0 !important;
  font-size: 12.5px !important;
  color: #767676 !important;
  text-align: left !important;
  line-height: 1.4 !important;
  display: block !important;
  width: 100% !important;
}
.neelaya-verify-msg a {
  color: #00A018;
  font-weight: 600;
  text-decoration: none;
}
.neelaya-verify-msg a:hover { text-decoration: underline; }

/* ---------- Mobile tweaks ---------- */
@media (max-width: 768px) {
  .neelaya-reviews-header { padding: 8px 14px 12px 14px; }
  .neelaya-reviews-chip { font-size: 16px; padding: 5px 10px; }
  .neelaya-reviews-chip::after { font-size: 14px; }
  .neelaya-reviews-summary-meta strong { font-size: 12px; }
  .neelaya-reviews-summary-meta { font-size: 11px; }
  .neelaya-reviews-list .neelaya-review-container { padding: 11px 14px; gap: 9px; }
  .neelaya-review-text { font-size: 12.5px; }
  .neelaya-reviews-filters { padding: 9px 14px; gap: 8px; }
  /* Removed: .neelaya-reviews-sort { width: 100%; } — was forcing sort to
     full width on mobile, which collapsed chip group to 0. */
}

/* Fix: Woodmart tab layout inflates #reviews/#comments to container max-width (1320px).
   Constrain to the actual panel width so pagination centres correctly on mobile. */
#reviews.neelaya-reviews {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#reviews.neelaya-reviews #comments {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}