/* Frontend styles for Datxale Announcement Bar. 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:var(--datxale-ab-fs,15px);text-align:center}.datxale-announcement-bar a,.datxale-announcement-bar .datxale-announcement-bar__cta{display:inline-flex;padding:6px 10px;border-radius:4px;background:var(--datxale-ab-cta-bg,#fff);color:var(--datxale-ab-cta-color,#111827);text-decoration:none;font-weight:700}
/* Pro: bottom position */
.datxale-announcement-bar.is-bottom{top:auto;bottom:0;left:0;right:0;position:fixed}
/* Pro: sticky (fixed to top) */
.datxale-announcement-bar.is-sticky{position:fixed;top:0;left:0;right:0}
/* Pro: countdown timer */
.datxale-announcement-bar__countdown{font-size:.85em;opacity:.85;white-space:nowrap;font-variant-numeric:tabular-nums}
/* Pro: dismiss button */
.datxale-announcement-bar__dismiss{margin-left:auto;flex-shrink:0;background:none;border:none;cursor:pointer;color:inherit;font-size:20px;line-height:1;padding:0 4px;opacity:.7}.datxale-announcement-bar__dismiss:hover{opacity:1}
/* Hidden state after dismiss */
.datxale-announcement-bar.is-dismissed{display:none}
.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}
.datxale-review-badge{display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.datxale-review-badge__stars{color:#f59e0b;letter-spacing:2px}
.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}}
