/* Frontend styles for Datxale Review Badge. Selectors are scoped for theme compatibility. */
.datxale-announcement-bar{position:relative;z-index:9999;display:flex;gap:16px;align-items:center;justify-content:center;padding:10px 18px;background:var(--datxale-ab-bg,#111827);color:var(--datxale-ab-color,#fff);font-size:15px;text-align:center}.datxale-announcement-bar a{display:inline-flex;padding:6px 10px;border-radius:4px;background:#fff;color:#111827;text-decoration:none;font-weight:700}
.datxale-cookie-consent{position:fixed;left:18px;right:auto;z-index:9999;display:flex;gap:16px;align-items:center;justify-content:space-between;width:min(620px,calc(100vw - 36px));padding:16px;background:#111827;color:#fff;border-radius:8px;box-shadow:0 18px 40px rgba(15,23,42,.28)}.datxale-cookie-consent--bottom{bottom:18px}.datxale-cookie-consent--top{top:18px}.datxale-cookie-consent a{color:#fff;text-decoration:underline}.datxale-cookie-consent__actions{display:flex;gap:8px;flex-wrap:wrap}.datxale-cookie-consent.is-hidden{display:none}
.datxale-contact-form{max-width:620px}.datxale-contact-form label{display:grid;gap:6px;font-weight:700}.datxale-contact-form input,.datxale-contact-form textarea{width:100%;box-sizing:border-box}.datxale-hp{position:absolute;left:-9999px}.datxale-notice{padding:12px 14px;margin:0 0 14px;border-radius:6px}.datxale-notice--ok{background:#dcfce7;color:#14532d}.datxale-notice--error{background:#fee2e2;color:#7f1d1d}
.datxale-testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.datxale-testimonial{padding:18px;border:1px solid #e5e7eb;border-top:4px solid var(--datxale-ts-accent,#7c3aed);border-radius:8px;background:#fff}.datxale-testimonial h3{margin-top:0}
.datxale-maintenance-body{margin:0;min-height:100vh;display:grid;place-items:center;background:#111827;color:#fff;font-family:system-ui,sans-serif}.datxale-maintenance-screen{max-width:720px;padding:48px 24px;text-align:center}.datxale-maintenance-screen h1{font-size:clamp(32px,6vw,64px);color:var(--datxale-mm-accent,#ea580c)}
.datxale-social-share{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:24px 0}.datxale-social-share a{padding:7px 10px;border:1px solid #d1d5db;border-radius:4px;text-decoration:none}

/* ===== Review Badge — base (free) ===== */
.datxale-review-badge{
  display:inline-flex;
  flex-direction:column;
  gap:8px;
  padding:18px 22px;
  background:var(--drb-bg,#fff);
  color:var(--drb-text,#111827);
  border:1px solid #e5e7eb;
  border-radius:var(--drb-radius,12px);
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  font-family:inherit;
  max-width:340px;
}

/* Business name */
.datxale-review-badge .drb-header{margin-bottom:2px}
.datxale-review-badge .drb-business-name{display:block;font-size:15px;font-weight:700;color:var(--drb-text,#111827)}

/* Stars row */
.datxale-review-badge .drb-stars-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.datxale-review-badge__stars{display:inline-flex;gap:2px;line-height:1}
.datxale-review-badge .drb-star{font-size:22px;line-height:1}
.datxale-review-badge .drb-star--filled{color:var(--drb-star-color,#F59E0B)}
.datxale-review-badge .drb-star--empty{color:#D1D5DB}

/* Rating detail */
.datxale-review-badge .drb-detail{font-size:13px;color:var(--drb-text,#6B7280)}
.datxale-review-badge .drb-rating-num{font-weight:700;font-size:15px;color:var(--drb-text,#111827)}
.datxale-review-badge .drb-sep,.datxale-review-badge .drb-max{color:#9CA3AF}
.datxale-review-badge .drb-count{color:#6B7280}

/* Read-reviews link (free) */
.datxale-review-badge .drb-read-link{font-size:13px;color:#2563EB;text-decoration:none}
.datxale-review-badge .drb-read-link:hover{text-decoration:underline}

/* CTA button (Pro) */
.datxale-review-badge .drb-cta-btn{
  display:inline-block;
  margin-top:4px;
  padding:9px 18px;
  background:var(--drb-star-color,#F59E0B);
  color:#fff;
  border-radius:calc(var(--drb-radius,12px) * 0.6);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  text-align:center;
  transition:opacity .15s;
}
.datxale-review-badge .drb-cta-btn:hover{opacity:.88}

/* ===== Layout variants (Pro) ===== */

/* Card layout — full-width block with shadow emphasis */
.datxale-review-badge.drb-layout--card{
  display:flex;
  max-width:380px;
  padding:24px 28px;
  box-shadow:0 4px 20px rgba(0,0,0,.10);
  border-top:4px solid var(--drb-star-color,#F59E0B);
}

/* Inline layout — single horizontal row, no box shadow */
.datxale-review-badge.drb-layout--inline{
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 16px;
  max-width:none;
  padding:10px 16px;
  box-shadow:none;
  border-radius:var(--drb-radius,8px);
}
.datxale-review-badge.drb-layout--inline .drb-header{margin-bottom:0}

/* Compact layout — tight, no border, minimal padding */
.datxale-review-badge.drb-layout--compact{
  padding:10px 14px;
  gap:4px;
  max-width:260px;
  box-shadow:none;
  border:none;
  background:transparent;
}
.datxale-review-badge.drb-layout--compact .drb-business-name{font-size:13px}
.datxale-review-badge.drb-layout--compact .drb-star{font-size:17px}
.datxale-review-badge.drb-layout--compact .drb-cta-btn{padding:6px 12px;font-size:12px}

/* ===== Platform preset (Pro — Feature A) ===== */
.datxale-review-badge .drb-platform{display:inline-flex;align-items:center;gap:5px;margin-bottom:4px}
.datxale-review-badge .drb-platform-svg{display:block;flex-shrink:0}
.datxale-review-badge .drb-platform-name{font-size:12px;font-weight:600;color:var(--drb-text,#6B7280);letter-spacing:.02em;text-transform:uppercase}

/* ===== Sub-label / "as seen on" (Pro — Feature B) ===== */
.datxale-review-badge .drb-sub-label{display:block;font-size:11px;color:var(--drb-text,#9CA3AF);margin-top:2px;line-height:1.4}

/* ===== Dark mode (Pro — Feature C) ===== */
.datxale-review-badge.drb-dark{
  --drb-bg:#1F2937;
  --drb-text:#F9FAFB;
  --drb-star-color:#FBBF24;
  background:var(--drb-bg);
  color:var(--drb-text);
  border-color:#374151;
  box-shadow:0 2px 8px rgba(0,0,0,.4);
}
.datxale-review-badge.drb-dark .drb-business-name{color:var(--drb-text)}
.datxale-review-badge.drb-dark .drb-star--empty{color:#4B5563}
.datxale-review-badge.drb-dark .drb-rating-num{color:var(--drb-text)}
.datxale-review-badge.drb-dark .drb-sep,.datxale-review-badge.drb-dark .drb-max{color:#6B7280}
.datxale-review-badge.drb-dark .drb-count{color:#9CA3AF}
.datxale-review-badge.drb-dark .drb-read-link{color:#60A5FA}
.datxale-review-badge.drb-dark .drb-platform-name{color:#9CA3AF}
.datxale-review-badge.drb-dark .drb-sub-label{color:#6B7280}

/* ===== Misc ===== */
.datxale-faq{display:grid;gap:10px}.datxale-faq__item{border:1px solid #e5e7eb;border-left:4px solid var(--datxale-faq-accent,#0891b2);border-radius:8px;background:#fff;padding:12px 14px}.datxale-faq__item summary{cursor:pointer;font-weight:700}
.datxale-product-badges{position:absolute;z-index:3;display:flex;gap:6px;flex-wrap:wrap;margin:8px}.datxale-product-badges span{display:inline-flex;padding:5px 8px;border-radius:4px;background:var(--datxale-pb-accent,#16a34a);color:#fff;font-size:12px;font-weight:700}.woocommerce ul.products li.product{position:relative}
.datxale-thank-you-redirect{padding:14px 16px;margin:18px 0;border:1px solid #c7d2fe;border-radius:8px;background:#eef2ff;color:#312e81}
@media(max-width:640px){.datxale-cookie-consent{left:10px;right:10px;width:auto;flex-direction:column;align-items:flex-start}.datxale-announcement-bar{flex-direction:column;gap:8px}}