{"version":3,"file":"components.css","mappings":";;;AAAA;;;;;;;;EAQE;;AAEF;;+EAE+E;;AAE/E;CACC,0BAA0B;CAC1B,yBAAyB;CACzB,2BAA2B;CAC3B,8BAA8B;CAC9B,gCAAgC;CAChC,6BAA6B;CAC7B,+BAA+B;CAC/B,uDAAuD;CACvD,sEAAsE;AACvE;;AAEA;;+EAE+E;;AAE/E;CACC,aAAa;CACb,uBAAuB;CACvB,0BAA0B;CAC1B,kCAAkC;CAClC,gBAAgB;CAChB,kEAAkE;CAClE,uCAAuC;CACvC,sCAAsC;CACtC,0CAA0C;AAC3C;;AAEA;;+EAE+E;;AAE/E;CACC,cAAc;CACd,oBAAoB;CACpB,mBAAmB;CACnB,uBAAuB;CACvB,kCAAkC;CAClC,mCAAmC;AACpC;;AAEA;CACC,kCAAkC;CAClC,mCAAmC;CACnC,cAAc;AACf;;AAEA;;+EAE+E;;AAE/E;CACC,OAAO;CACP,YAAY;AACb;;AAEA;CACC,yCAAyC;CACzC,gBAAgB;CAChB,SAAS;AACV;;AAEA;CACC,gBAAgB;CAChB,SAAS;AACV;;AAEA;CACC,YAAY;CACZ,mBAAmB;AACpB;;AAEA;;+EAE+E;;AAE/E;CACC,aAAa;CACb,eAAe;CACf,mBAAmB;CACnB,YAAY;CACZ,mBAAmB;AACpB;;AAEA,yDAAyD;AACzD;CACC,oBAAoB;CACpB,mBAAmB;CACnB,uBAAuB;CACvB,oBAAoB;CACpB,6CAA6C;CAC7C,oCAAoC;CACpC,gBAAgB;CAChB,cAAc;CACd,qBAAqB;CACrB,YAAY;CACZ,uCAAuC;CACvC,eAAe;CACf,iFAAiF;AAClF;;AAEA;;CAEC,8CAA8C;CAC9C,oCAAoC;CACpC,qBAAqB;AACtB;;AAEA;CACC,8CAA8C;CAC9C,mBAAmB;AACpB;;AAEA;;+EAE+E;;AAE/E;CACC,mBAAmB;AACpB","sources":["webpack://rewardswp/./assets/css/components.css"],"sourcesContent":["/**\n * RewardsWP Frontend Components\n *\n * Minimal, theme-agnostic CSS for frontend components.\n * Inherits font and color from theme, only controls layout and structure.\n *\n * @package RewardsWP\n * @since 1.1.0\n */\n\n/* ==========================================================================\n   CSS Custom Properties\n   ========================================================================== */\n\n:root {\n\t--rwp-banner-padding: 1rem;\n\t--rwp-banner-gap: 0.75rem;\n\t--rwp-banner-radius: 0.5rem;\n\t--rwp-banner-icon-size: 1.5rem;\n\t--rwp-banner-font-size: 0.875rem;\n\t--rwp-banner-line-height: 1.5;\n\t--rwp-banner-heading-size: 1rem;\n\t--rwp-banner-button-bg: var(--color-rwp-brand, #374151);\n\t--rwp-banner-button-text: var(--color-rwp-widget-button-text, #ffffff);\n}\n\n/* ==========================================================================\n   Base Banner\n   ========================================================================== */\n\n.rwp-banner.rwp-banner {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: var(--rwp-banner-gap);\n\tpadding: var(--rwp-banner-padding);\n\tmargin: 1.5rem 0;\n\tbackground-color: color-mix(in srgb, currentColor 3%, transparent);\n\tborder-radius: var(--rwp-banner-radius);\n\tfont-size: var(--rwp-banner-font-size);\n\tline-height: var(--rwp-banner-line-height);\n}\n\n/* ==========================================================================\n   Icon\n   ========================================================================== */\n\n.rwp-banner__icon {\n\tflex-shrink: 0;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: var(--rwp-banner-icon-size);\n\theight: var(--rwp-banner-icon-size);\n}\n\n.rwp-banner__icon svg {\n\twidth: var(--rwp-banner-icon-size);\n\theight: var(--rwp-banner-icon-size);\n\tflex-shrink: 0;\n}\n\n/* ==========================================================================\n   Content\n   ========================================================================== */\n\n.rwp-banner__content {\n\tflex: 1;\n\tmin-width: 0;\n}\n\n.rwp-banner__heading {\n\tfont-size: var(--rwp-banner-heading-size);\n\tfont-weight: 600;\n\tmargin: 0;\n}\n\n.rwp-banner__text {\n\tfont-weight: 500;\n\tmargin: 0;\n}\n\n.rwp-banner__subtext {\n\topacity: 0.7;\n\tmargin-top: 0.25rem;\n}\n\n/* ==========================================================================\n   Actions\n   ========================================================================== */\n\n.rwp-banner__actions {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tgap: 0.75rem;\n\tmargin-top: 0.75rem;\n}\n\n/* Primary button - needs specificity to override theme */\n.rwp-banner.rwp-banner a.rwp-banner__button {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0.5rem 1rem;\n\tbackground-color: var(--rwp-banner-button-bg);\n\tcolor: var(--rwp-banner-button-text);\n\tfont-weight: 500;\n\tline-height: 1;\n\ttext-decoration: none;\n\tborder: none;\n\tborder-radius: var(--rwp-banner-radius);\n\tcursor: pointer;\n\ttransition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;\n}\n\n.rwp-banner.rwp-banner a.rwp-banner__button:hover,\n.rwp-banner.rwp-banner a.rwp-banner__button:focus {\n\tbackground-color: var(--color-rwp-brand-hover);\n\tcolor: var(--rwp-banner-button-text);\n\ttext-decoration: none;\n}\n\n.rwp-banner.rwp-banner a.rwp-banner__button:focus-visible {\n\toutline: 2px solid var(--rwp-banner-button-bg);\n\toutline-offset: 2px;\n}\n\n/* ==========================================================================\n   Variant: PDP (Product Detail Page)\n   ========================================================================== */\n\n.rwp-banner.rwp-banner.rwp-banner--pdp {\n\talign-items: center;\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}