, so these .elementor-699 .elementor-element.elementor-element-pdrevs go through the wrapper. The widgets carry no Elementor style settings, which keeps this file the single source of truth. */ /* Decorative only — aria-hidden in the markup. Never presented as a rating. */ .nordicnita-reviews .nn-empty .nn-stars .nn-decor-stars{ display:flex; gap:7px; margin:0; color:var(--nn-gold); opacity:.3; } .nordicnita-reviews .nn-empty .nn-stars .nn-decor-stars svg{ width:17px; height:17px; display:block; flex:0 0 auto; } .nordicnita-reviews .nn-empty .nn-stars{ margin:0 0 20px; } .nordicnita-reviews .nn-empty .nn-first .elementor-heading-title{ margin:0; font-family:"Figtree",sans-serif; font-weight:400; font-size:16px; line-height:1.6; color:var(--nn-body); } .nordicnita-reviews .nn-empty .nn-first{ margin:0 0 30px; } .nordicnita-reviews .nn-empty .nn-cta-h .elementor-heading-title{ margin:0; font-family:"Caprasimo",serif; font-weight:400; font-size:26px; line-height:1.25; color:var(--nn-cream); } .nordicnita-reviews .nn-empty .nn-cta-h{ margin:0 0 10px; } .nordicnita-reviews .nn-empty .nn-cta-t .elementor-widget-container, .nordicnita-reviews .nn-empty .nn-cta-t p{ margin:0; font-family:"Figtree",sans-serif; font-size:15px; line-height:1.65; color:var(--nn-muted); } .nordicnita-reviews .nn-empty{ margin:0 0 26px; } /* ========================================================================== 2. RATING SUMMARY (populated state — CusRev's own dynamic output) No second rating widget is added anywhere: this is the single source. ========================================================================== */ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-summaryBox-wrap{ display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; gap:34px 64px; background:none; border:0; padding:0 0 34px; margin:0 0 34px; border-bottom:1px solid var(--nn-border); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-overall-rating-wrap{ display:flex; flex-direction:column; align-items:flex-start; gap:0; background:none; border:0; padding:0; margin:0; width:auto; flex:0 0 auto; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-average-rating{ margin:0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-average-rating span{ font-family:"Figtree",sans-serif; font-size:40px; font-weight:600; line-height:1; letter-spacing:-.5px; color:var(--nn-cream); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-average-rating-stars{ margin:14px 0 0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-total-rating-count{ margin:12px 0 0; font-size:14px; line-height:1.5; color:var(--nn-muted); } /* Star geometry is left alone so partial-star clipping still works; only colour and size are set. */ .nordicnita-reviews .crstar-rating-svg{ color:var(--nn-gold); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-rating-icon-base{ color:rgba(201,162,74,.28); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-rating-icon-frnt{ color:var(--nn-gold); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-average-rating-stars svg{ width:19px; height:19px; } /* Histogram — kept (it is real data) but reduced to thin, quiet bars. */ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .ivole-summaryBox{ background:none; border:0; padding:0; margin:0; width:auto; flex:0 1 320px; min-width:0; max-width:340px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-histogramTable{ display:flex; flex-direction:column; gap:9px; width:100%; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .ivole-histogramRow{ display:flex; align-items:center; gap:12px; margin:0; padding:0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .ivole-histogramCell1{ flex:0 0 auto; width:auto; padding:0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .ivole-histogramCell2{ flex:1 1 auto; min-width:0; padding:0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .ivole-histogramCell3{ flex:0 0 38px; text-align:right; font-size:12px; color:var(--nn-dim); padding:0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-histogram-rating-label{ display:inline-flex; align-items:center; gap:4px; font-size:12px; color:var(--nn-muted); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-histogram-rating-icon{ width:11px; height:11px; color:var(--nn-gold); opacity:.7; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .ivole-meter{ height:3px; width:100%; background:rgba(201,162,74,.14); border-radius:0; overflow:hidden; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .ivole-meter-bar{ height:3px; background:var(--nn-gold); border-radius:0; text-indent:-9999px; overflow:hidden; display:block; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-histogram-a{ text-decoration:none; color:inherit; cursor:pointer; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-credits-div{ display:none; } /* CusRev paints stars with fill:#FFBC00 on .cr-rating-icon (the `fill` property overrides the element's fill="currentColor" attribute), so the brand colour has to be applied to fill/stroke rather than to `color`. Geometry is untouched so partial-star clipping still works. */ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon{ fill:var(--nn-gold); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg{ stroke:rgba(201,162,74,.30); fill:none; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-histogram-rating-icon{ fill:var(--nn-gold); } /* An unverified reviewer must not read as verified: CusRev reuses one class for both labels and marks verified ones on the container. */ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .comment_container:not(.cr-verified-owner) .woocommerce-review__verified{ color:var(--nn-dim); font-weight:500; } /* ========================================================================== 3. COUNT ROW + SORT ========================================================================== */ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-count-row{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px; margin:0 0 22px; padding:0; background:none; background-color:transparent; color:inherit; font-size:inherit; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-count-row-count{ font-size:11px; font-weight:600; letter-spacing:1.8px; text-transform:uppercase; color:var(--nn-dim); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-sort{ appearance:none; -webkit-appearance:none; background-color:transparent; background-image: linear-gradient(45deg,transparent 50%,var(--nn-gold) 50%), linear-gradient(135deg,var(--nn-gold) 50%,transparent 50%); background-position:calc(100% - 13px) 50%, calc(100% - 8px) 50%; background-size:5px 5px,5px 5px; background-repeat:no-repeat; border:1px solid var(--nn-border); border-radius:100px; padding:9px 32px 9px 16px; min-height:0; font-family:"Figtree",sans-serif; font-size:12px; letter-spacing:.4px; color:var(--nn-body); cursor:pointer; transition:border-color .25s ease; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-sort:hover{ border-color:var(--nn-border-str); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-sort option{ background:var(--nn-card); color:var(--nn-cream); } /* ========================================================================== 4. REVIEW GRID + CARDS CusRev keeps ownership of this list; only its presentation changes. ========================================================================== */ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments ol.commentlist, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; list-style:none; margin:0; padding:0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments ol.commentlist > li{ list-style:none; margin:0; padding:32px 36px; background:var(--nn-card); border:1px solid var(--nn-border); border-radius:2px; box-shadow:none; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .comment_container{ display:block; background:none; border:0; padding:0; margin:0; } /* Card hierarchy: stars -> review text -> author / verified / date. CusRev prints meta first; reordered visually without touching its markup. */ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .cr-comment-text{ display:flex; flex-direction:column; margin:0; padding:0; border:0; background:none; box-shadow:none; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .crstar-rating-svg{ order:1; margin:0 0 16px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .crstar-rating-svg svg{ width:16px; height:16px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .description{ order:2; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .meta{ order:3; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .description, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .description p{ margin:0; font-size:16px; line-height:1.65; color:var(--nn-body); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .description p + p{ margin-top:12px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .meta{ display:flex; flex-direction:column; align-items:flex-start; gap:5px; margin:20px 0 0; padding:18px 0 0; border-top:1px solid rgba(201,162,74,.12); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .cr-meta-author-featured-date{ display:flex; flex-direction:column; align-items:flex-start; gap:5px; margin:0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .cr-meta-author-title{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .woocommerce-review__author{ font-size:14px; font-weight:600; letter-spacing:.2px; color:var(--nn-cream); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .woocommerce-review__verified{ font-size:11px; font-weight:600; letter-spacing:1.3px; text-transform:uppercase; color:var(--nn-gold); background:none; border:0; padding:0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .woocommerce-review__published-date{ font-size:13px; letter-spacing:.2px; color:var(--nn-dim); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .woocommerce-review__dash{ display:none; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .woocommerce-review__awaiting-approval{ font-size:13px; color:var(--nn-gold); font-style:normal; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-all-featured-badge span{ font-size:10.5px; font-weight:600; letter-spacing:1.3px; text-transform:uppercase; color:var(--nn-gold); } /* Threaded replies stay inside their card */ .nordicnita-reviews li ul.children{ list-style:none; margin:18px 0 0; padding:18px 0 0; border-top:1px solid rgba(201,162,74,.12); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-search-no-reviews{ grid-column:1/-1; font-size:15px; color:var(--nn-muted); margin:0; } /* ========================================================================== 5. BUTTONS (site convention: pill, gold hairline, uppercase micro-type) .cr-ajax-reviews-add-review / .cr-nosummary-add / .cr-show-more-reviews-prd are CusRev's real controls — restyled, never replaced. ========================================================================== */ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-add-review, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-nosummary-add, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-show-more-reviews-prd, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-continue, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-buttons .cr-review-form-submit{ display:inline-flex; align-items:center; justify-content:center; width:auto; height:auto; min-height:0; margin:0; padding:16px 36px; border-radius:100px; background-color:transparent; background-image:none; border:1px solid var(--nn-border-str); color:var(--nn-cream); text-decoration:none; white-space:nowrap; font-family:"Figtree",sans-serif; font-size:12px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase; line-height:1.4; cursor:pointer; transition:border-color .25s ease, color .25s ease, background-color .25s ease; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-add-review:hover, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-nosummary-add:hover, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-show-more-reviews-prd:hover, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-continue:hover, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-buttons .cr-review-form-submit:hover{ border-color:var(--nn-gold); color:var(--nn-gold); background-color:rgba(201,162,74,.06); background-image:none; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-add-review{ margin-top:26px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-show-more-review-spinner-cnt{ display:flex; justify-content:center; margin:40px 0 0; } /* Focus stays visible everywhere (a11y) */ .nordicnita-reviews a:focus-visible, .nordicnita-reviews button:focus-visible, .nordicnita-reviews select:focus-visible, .nordicnita-reviews input:focus-visible, .nordicnita-reviews textarea:focus-visible{ outline:2px solid var(--nn-gold); outline-offset:3px; } /* ========================================================================== 6. LOGGED-OUT / NOT-PERMITTED STATE CusRev requires login (its permission setting is "registered" and Woo's "verified owners only" is on). The requirement is presented as part of the CTA rather than a detached block. Nothing about it is weakened here. ========================================================================== */ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-wrap{ max-width:640px; margin:0; background:none; border:0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-review-form, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #review_form_wrapper, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #review_form{ background:none; border:0; box-shadow:none; } /* Empty state: the form is already open, so CusRev's "< Add a review" toggle bar is redundant with the heading above it. */ .nordicnita-reviews .cr-ajax-reviews-review-form-nc .cr-review-form-nav{ display:none; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-not-logged-in{ display:flex; flex-direction:column; align-items:flex-start; gap:14px; background:none; border:0; padding:16px 0 0; margin:0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-not-logged-in span{ font-size:13px; line-height:1.6; color:var(--nn-dim); letter-spacing:.2px; } /* ========================================================================== 7. REVIEW FORM (logged-in) ========================================================================== */ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-item, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-ne, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-comment, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-form-item-media{ max-width:none; width:100%; margin-left:0; margin-right:0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-nav{ border:0; border-bottom:1px solid var(--nn-border); height:auto; padding:0 0 16px; margin:0 0 26px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-nav .cr-nav-left span{ font-family:"Caprasimo",serif; font-weight:400; font-size:22px; line-height:1.3; color:var(--nn-cream); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-nav svg path{ stroke:var(--nn-gold); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-item{ border-bottom:0; padding:0 0 22px; gap:12px; align-items:center; justify-content:flex-start; max-width:none; margin:0; } .nordicnita-reviews .cr-review-form-item img{ width:44px; height:44px; object-fit:cover; border-radius:2px; flex:0 0 44px; display:block; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-item span{ font-size:14px; font-weight:500; color:var(--nn-muted); letter-spacing:.2px; } /* Star picker: colour only. Display is driven by jQuery show()/hide() on .cr-rating-act / .cr-rating-deact — overriding it would break selection. */ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-rating-label{ font-size:11px; font-weight:600; letter-spacing:1.8px; text-transform:uppercase; color:var(--nn-muted); margin-bottom:8px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-rating-cont{ padding:2px 0 4px; gap:2px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-rating-inner{ height:auto; padding:0 4px 0 0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-rating-inner svg{ width:26px; height:24px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-rating-deact path{ fill:rgba(201,162,74,.26); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-rating-act path{ fill:var(--nn-gold); } /* Labels: CusRev floats these as a white pill; made static and quiet. */ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-comment .cr-review-form-lbl, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-name .cr-review-form-lbl, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-email .cr-review-form-lbl{ position:static; display:block; background:none; background-color:transparent; top:auto; left:auto; z-index:auto; height:auto; padding:0; margin:0 0 9px; font-size:11px; font-weight:600; letter-spacing:1.8px; text-transform:uppercase; line-height:1.5; color:var(--nn-muted); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-comment{ padding-bottom:20px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-comment-txt, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-txt{ width:100%; padding:14px 16px; font-family:"Figtree",sans-serif; font-size:15px; line-height:1.6; color:var(--nn-cream); background-color:var(--nn-card); border:1px solid var(--nn-border-str); border-radius:2px; box-shadow:none; transition:border-color .25s ease; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-comment-txt{ min-height:140px; resize:vertical; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-txt{ min-height:52px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-comment-txt::placeholder, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-txt::placeholder{ color:rgba(236,224,205,.32); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-comment-txt:focus, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-txt:focus{ border-color:var(--nn-gold); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-comment-txt:-webkit-autofill, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-txt:-webkit-autofill{ -webkit-text-fill-color:var(--nn-cream); -webkit-box-shadow:0 0 0 1000px var(--nn-card) inset; caret-color:var(--nn-cream); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-ne{ gap:16px; padding-bottom:20px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-ne .cr-review-form-name, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-ne .cr-review-form-email{ width:100%; flex:1 1 0; min-width:0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-field-error{ font-size:12.5px; color:#B82820; letter-spacing:.2px; margin-top:7px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-form-item-media{ padding-bottom:22px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-form-item-media-none{ background-color:var(--nn-card); border:1px solid var(--nn-border); border-radius:2px; padding:18px 20px; color:var(--nn-muted); font-size:14px; transition:border-color .25s ease; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-form-item-media-none:hover{ border-color:var(--nn-border-str); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-form-item-media-icon svg path{ fill:var(--nn-gold); stroke:var(--nn-gold); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-upload-images-thumbnail, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-upload-video-thumbnail{ border-radius:2px; border:1px solid var(--nn-border); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-upload-images-pbar{ background:rgba(201,162,74,.16); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-upload-images-pbarin{ background:var(--nn-gold); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-buttons{ gap:14px; padding-top:4px; align-items:center; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-buttons .cr-review-form-cancel{ background:none; border:0; padding:16px 10px; color:var(--nn-dim); font-family:"Figtree",sans-serif; font-size:12px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase; cursor:pointer; transition:color .25s ease; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-buttons .cr-review-form-cancel:hover{ color:var(--nn-cream); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-result span{ color:var(--nn-body); font-size:15px; line-height:1.7; } /* ========================================================================== 8. TABLET (768–1024) ========================================================================== */ @media (max-width:1024px){ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments ol.commentlist, .nordicnita-reviews .cr-ajax-reviews-list{ gap:20px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments ol.commentlist > li{ padding:28px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-summaryBox-wrap{ gap:28px 44px; } } /* Two columns get tight for review prose before the phone breakpoint. */ @media (max-width:900px){ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments ol.commentlist, .nordicnita-reviews .cr-ajax-reviews-list{ grid-template-columns:minmax(0,1fr); } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .ivole-summaryBox{ max-width:none; flex-basis:100%; } } /* ========================================================================== 9. MOBILE (<=767) ========================================================================== */ @media (max-width:767px){ .nordicnita-reviews .nn-empty .nn-stars{ margin-bottom:18px; } .nordicnita-reviews .nn-empty .nn-stars .nn-decor-stars svg{ width:16px; height:16px; } .nordicnita-reviews .nn-empty .nn-first{ margin-bottom:26px; } .nordicnita-reviews .nn-empty .nn-first .elementor-heading-title{ font-size:15px; } .nordicnita-reviews .nn-empty .nn-cta-h .elementor-heading-title{ font-size:23px; } .nordicnita-reviews .nn-empty .nn-cta-t .elementor-widget-container, .nordicnita-reviews .nn-empty .nn-cta-t p{ font-size:14.5px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-summaryBox-wrap{ gap:24px; padding-bottom:28px; margin-bottom:28px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-average-rating span{ font-size:34px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-average-rating-stars svg{ width:18px; height:18px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments ol.commentlist, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list{ gap:16px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments ol.commentlist > li{ padding:26px 24px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .description, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .description p{ font-size:15px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-count-row{ margin-bottom:18px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-show-more-review-spinner-cnt{ margin-top:32px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-show-more-reviews-prd, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-add-review, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-continue{ width:100%; padding:16px 24px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-not-logged-in{ align-items:stretch; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-nav{ margin:0 0 22px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-nav .cr-nav-left span{ font-size:19px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-ne{ flex-direction:column; gap:20px; } /* 16px keeps iOS Safari from zooming the viewport on focus */ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-comment-txt, .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-txt{ font-size:16px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-comment-txt{ min-height:130px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-rating-inner svg{ width:28px; height:26px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-rating-inner{ padding:0 6px 0 0; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-buttons{ flex-direction:column; align-items:stretch; gap:8px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-buttons .cr-review-form-submit{ width:100%; padding:16px 24px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-review-form-buttons .cr-review-form-cancel{ width:100%; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews .cr-form-item-media-none{ padding:16px; } } @media (max-width:359px){ .nordicnita-reviews ol.commentlist > li{ padding:22px 20px; } .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-count-row{ flex-direction:column; align-items:flex-start; } } @media (prefers-reduced-motion:reduce){ .nordicnita-reviews *{ transition:none !important; } } /* ========================================================================== Read all reviews -> /reviews/ hub. Hidden while the store has no approved reviews (body class from the Nordic Nita Review State mu-plugin), so it never links to an empty page. ========================================================================== */ body.nn-no-reviews .nordicnita-reviews .nn-hub-link{ display:none; } .nordicnita-reviews .nn-hub-link{ margin:38px 0 0; } .nordicnita-reviews .nn-hub-link .elementor-button{ display:inline-flex; align-items:center; justify-content:center; padding:16px 36px; border-radius:100px; background-color:transparent; background-image:none; border:1px solid rgba(201,162,74,.34); color:#ECE0CD; font-family:Figtree,sans-serif; font-size:12px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase; line-height:1.4; fill:currentColor; text-decoration:none; transition:border-color .25s ease, color .25s ease, background-color .25s ease; } .nordicnita-reviews .nn-hub-link .elementor-button:hover,.nordicnita-reviews .nn-hub-link .elementor-button:focus{ border-color:#C9A24A; color:#C9A24A; background-color:rgba(201,162,74,.06); } .nordicnita-reviews .nn-hub-link .elementor-button-text:after{ content:" \2192"; } @media (max-width:767px){ .nordicnita-reviews .nn-hub-link{ margin-top:30px; } .nordicnita-reviews .nn-hub-link .elementor-button{ width:100%; padding:16px 24px; } } /* Same generated-avatar markup can appear here; hidden for consistency. */ .nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li img.cr-avatar,.nordicnita-reviews #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments li .cr-avatar-check{ display:none; } /* ========================================================================== Vertical rhythm. Elementor zeroes the bottom margin of every widget inside a container with .e-con .elementor-widget.elementor-widget{margin-block-end:0} -- a doubled class (0,3,0) using the LOGICAL property, which beat the margin shorthand used above and collapsed the spacing to zero. Matched one step higher and set with the same logical property so it actually lands. ========================================================================== */ .nordicnita-reviews .elementor-widget.elementor-widget.nn-eyebrow{ margin-block-end:28px; } .nordicnita-reviews .elementor-widget.elementor-widget.nn-h{ margin-block-end:22px; } .nordicnita-reviews .elementor-widget.elementor-widget.nn-sub{ margin-block-end:34px; } .nordicnita-reviews .elementor-widget.elementor-widget.nn-sum{ margin-block-end:44px; } .nordicnita-reviews .elementor-widget.elementor-widget.nn-slider{ margin-block-end:44px; } .nordicnita-reviews .e-con.e-con.nn-empty{ margin-block-end:26px; } .nordicnita-reviews .nn-empty .elementor-widget.elementor-widget.nn-stars{ margin-block-end:20px; } .nordicnita-reviews .nn-empty .elementor-widget.elementor-widget.nn-first{ margin-block-end:30px; } .nordicnita-reviews .nn-empty .elementor-widget.elementor-widget.nn-cta-h{ margin-block-end:10px; } @media (max-width:767px){ .nordicnita-reviews .elementor-widget.elementor-widget.nn-eyebrow{ margin-block-end:22px; } .nordicnita-reviews .elementor-widget.elementor-widget.nn-sum{ margin-block-end:34px; } .nordicnita-reviews .elementor-widget.elementor-widget.nn-slider{ margin-block-end:34px; } .nordicnita-reviews .nn-empty .elementor-widget.elementor-widget.nn-stars{ margin-block-end:18px; } .nordicnita-reviews .nn-empty .elementor-widget.elementor-widget.nn-first{ margin-block-end:26px; } } /* ========================================================================== Community reviews on the product page. Product pages show that product's own reviews. This block adds the store's real reviews (store reviews plus reviews of other products, each card labelled with what it is about) and appears ONLY while this product has no reviews of its own -- CusRev marks that case with .cr-ajax-reviews-review-form-nc. It hides itself again as soon as the product gets its first review, and it never presents a store review as a review of this product. ========================================================================== */ .nordicnita-reviews .nn-community{ display:none; } body.nn-has-reviews .nordicnita-reviews:has(.cr-ajax-reviews-review-form-nc) .nn-community{ display:flex; flex-direction:column; align-items:stretch; } .nordicnita-reviews .nn-community:has(.cr-no-reviews){ display:none; } .nordicnita-reviews .e-con.e-con.nn-community{ margin-block-end:38px; } .nordicnita-reviews .nn-community .elementor-widget.elementor-widget.nn-comm-h{ margin-block-end:26px; } .nordicnita-reviews .nn-community .nn-comm-h .elementor-heading-title{ margin:0; font-family:Figtree,sans-serif; font-size:11px; font-weight:600; letter-spacing:3.4px; text-transform:uppercase; line-height:1; color:#C9A24A; } .nordicnita-reviews .nn-community{ padding-top:44px; border-top:1px solid rgba(201,162,74,.18); } .nordicnita-reviews .nn-community .nn-summary .cr-rating-icon-base{ display:flex; } .nordicnita-reviews .nn-community .nn-summary .cr-rating-icon-frnt{ display:flex; position:absolute; top:0; left:0; overflow:hidden; } .nordicnita-reviews .nn-community .nn-summary .cr-rating-icon-base .cr-rating-icon-bg{ stroke:rgba(201,162,74,.30); fill:none; } .nordicnita-reviews .nn-community .nn-summary .cr-rating-icon-frnt .cr-rating-icon{ fill:var(--nn-gold); } /* CusRev hides the slider until slick initialises; keep that, just tidy spacing */ .nordicnita-reviews .nn-community .cr-reviews-slider{ margin:0 -12px; padding:0; } .nordicnita-reviews .nn-community .nn-slider{ width:100%; margin:0 0 44px; } .nordicnita-reviews .nn-community .cr-no-reviews{ display:none; } /* ---- card ---- */ .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card{ padding:0 12px; height:100%; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .cr-review-card-inner{ display:flex; flex-direction:column; height:100%; margin:0; padding:30px 26px; background:var(--nn-card); border:1px solid var(--nn-border); border-radius:2px; box-shadow:none; } /* Reading order: stars -> title -> review -> reviewer. CusRev prints the reviewer first; reordered visually without touching its markup. */ .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .rating-row{ order:1; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .cr-comment-head-text{ order:2; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .middle-row{ order:3; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .top-row{ order:4; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .review-product{ order:5; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .rating-row{ margin:0 0 16px; padding:0; overflow:visible; line-height:0; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .rating-row .rating-label{ display:none; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-base, .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-frnt{ height:16px; column-gap:2px; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg, .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon{ width:16px; height:16px; } .nordicnita-reviews .nn-community .cr-rating-icon-base .cr-rating-icon-bg{ stroke:rgba(201,162,74,.30); fill:none; } .nordicnita-reviews .nn-community .cr-rating-icon-frnt .cr-rating-icon{ fill:var(--nn-gold); } /* Review title only renders when the reviewer actually supplied one */ .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .cr-comment-head-text{ margin:0 0 10px; padding:0; font-family:"Figtree",sans-serif; font-size:17px; font-weight:600; line-height:1.35; color:var(--nn-cream); } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .middle-row{ flex:1; margin:0 0 20px; padding:0; background:none; border:0; border-radius:0; font-family:"Figtree",sans-serif; font-size:15.5px; line-height:1.65; color:var(--nn-body); } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .middle-row .review-content{ margin:0; color:var(--nn-body); } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .middle-row p{ margin:0; } /* Relative "3 days ago" adds noise to a homepage card; the exact date is on the product page and the reviews hub, where it belongs. */ .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .middle-row .datetime{ display:none; } .nordicnita-reviews .nn-community .cr-slider-read-more a, .nordicnita-reviews .nn-community .cr-slider-read-less a{ color:var(--nn-gold); font-size:13px; } /* Reviewer — avatars are Gravatar placeholders for most customers, so they are hidden rather than shown as a generic silhouette. */ .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .top-row{ display:flex; align-items:center; gap:0; margin:0; padding:18px 0 0; border:0; border-top:1px solid rgba(201,162,74,.12); } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .top-row .review-thumbnail{ display:none; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .top-row .reviewer{ display:flex; flex-direction:column; align-items:flex-start; row-gap:5px; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-name{ font-family:"Figtree",sans-serif; font-size:14px; font-weight:600; letter-spacing:.2px; line-height:1.3; color:var(--nn-cream); } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-verified{ font-family:"Figtree",sans-serif; font-size:11px; font-weight:600; letter-spacing:1.3px; text-transform:uppercase; line-height:1.3; color:var(--nn-gold); margin:0; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-verified .cr-reviewer-verified{ display:none; } /* CusRev prints "Reviewer" in the same slot for unverified reviews — that must not read as a verification badge. */ .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card:not(:has(.cr-reviewer-verified)) .reviewer-verified{ color:var(--nn-dim); font-weight:500; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .review-product{ display:flex; align-items:center; gap:10px; margin:16px 0 0; padding:0; border-radius:0; line-height:1; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .review-product .cr-product-thumbnail{ flex:0 0 32px; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .review-product .cr-product-thumbnail img{ width:32px; height:32px; object-fit:cover; border-radius:2px; display:block; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .review-product .product-title{ margin:0; padding:0; font-family:"Figtree",sans-serif; font-size:12.5px; font-weight:500; line-height:1.4; letter-spacing:.2px; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .review-product .product-title a{ color:var(--nn-muted); text-decoration:none; transition:color .25s ease; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .review-product .product-title a:hover{ color:var(--nn-gold); } /* ---- carousel controls: dots only. Slick's arrows sit at -25px, which would push past the section gutter on narrow viewports; dots plus swipe cover it. */ .nordicnita-reviews .nn-community .cr-reviews-slider .slick-arrow.slick-prev, .nordicnita-reviews .nn-community .cr-reviews-slider .slick-arrow.slick-next{ display:none; } .nordicnita-reviews .nn-community .cr-reviews-slider .slick-dots{ position:static; display:flex; justify-content:flex-start; gap:8px; width:auto; margin:26px 0 0 12px; padding:0; } .nordicnita-reviews .nn-community .cr-reviews-slider .slick-dots li{ width:auto; height:auto; margin:0; padding:0; } .nordicnita-reviews .nn-community .cr-reviews-slider .slick-dots li button{ width:22px; height:2px; padding:0; border-radius:0; background:rgba(201,162,74,.26); transition:background-color .25s ease; } .nordicnita-reviews .nn-community .cr-reviews-slider .slick-dots li button:before{ display:none; } .nordicnita-reviews .nn-community .cr-reviews-slider .slick-dots li.slick-active button{ background:var(--nn-gold); } @media (max-width:767px){ .nordicnita-reviews .nn-community .nn-slider{ margin-bottom:34px; } .nordicnita-reviews .nn-community .cr-reviews-slider{ margin:0 -8px; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card{ padding:0 8px; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .cr-review-card-inner{ padding:26px 24px; } .nordicnita-reviews .nn-community .cr-reviews-slider .cr-review-card .middle-row{ font-size:15px; } .nordicnita-reviews .nn-community .cr-reviews-slider .slick-dots{ margin-left:8px; }} /* -------------------------------------------------------------------------- Slick centres the track with margin-inline:auto. While there are fewer reviews than slides_to_show the track is narrower than the viewport, so a single card floated to the middle of the section. Left-aligned here; once the track fills the width this rule changes nothing. -------------------------------------------------------------------------- */ .nordicnita-reviews .nn-community .cr-reviews-slider.slick-slider .slick-track{ margin-left:0; margin-right:auto; } .nordicnita-reviews .nn-community .elementor-widget.elementor-widget.nn-slider{ margin-block-end:44px; } @media (max-width:767px){ .nordicnita-reviews .nn-community .elementor-widget.elementor-widget.nn-slider{ margin-block-end:34px; }}/* End custom CSS */