| 1 |
{"version":3,"file":"styles/admin/bbpc-admin.css","mappings":"AAAA,+BAIE,kBACA,CAFF,WAEE,oCAEA,kBACE,uBAIJ,SACE,0BAGF,sBACE,iDAKE,oBACA,CAFF,YAEE,iGAKJ,WAEE,sBACA,eACA,iGAGF,qBACE,sBACA,kFAGF,WACE,sBACA,uBAYE,kBACA,CAPA,uBACA,CAIA,sBACA,CALA,wBACA,CAEA,qBACA,CAEA,sBACA,CAXJ,iBACI,CACA,UACA,CAEA,8BACA,CALA,QACA,CAIA,oBACA,CAIA,SACA,8BAGA,qBACA,CAFF,+BAEE,6BAIF,uBACE,sBAIJ,WACE,2CAOM,cACA,CAFF,iBAEE,kDAGE,wBACA,CAEA,iBACA,CAHA,UACA,CAHF,aACE,CAIA,kBACA,CAHA,gBAGA,iDASA,4BACA,CANA,UACA,CACA,WACA,CACA,MACA,CANF,iBACE,CAGA,KACA,CAHA,UACA,CAIA,SACA,0FAIJ,UAEE,oBACA,iDAQA,cACA,CAFF,iBAEE,wDAGE,wBACA,CAEA,iBACA,CAHA,UACA,CAHF,gBACE,CAIA,kBACA,CAHA,gBAGA,uDASA,4BACA,CANA,UACA,CACA,WACA,CACA,MACA,CANF,iBACE,CAGA,KACA,CAHA,UACA,CAIA,SACA,sGAIJ,UAEE,oBACA,eAMR,wBACE,WACA,gBACA,oDAGF,wBACE,CACA,yBACA,CAFA,YAEA,sCAGF,cACE,gBACA,iBACA,oBACA,6BAIA,aACA,CAFF,cACE,CACA,kBACA,sDAGF,UACE,gBACA,4CAGF,eACE,eACA,UACA,uBAGF,eACE,iDAIA,WACA,CAFF,UAEE,kCAGF,mBACE,4BAGF,kBACE,kCAIA,WACA,CAFF,gBAEE,mBAGF,qBACE,8BAGF,cACE,kBAGF,YACE,SACA,iBAGF,qBACE,iBAGF,YACE,aAIA,2BACA,kBACA,CAHF,WAGE,YAGF,kBACE,aAGF,YACE,eAGF,kBACE,uBAIA,eACA,CACA,aACA,CAJF,QACE,CACA,YAEA,uBAKA,kBACA,CAFF,wBACE,CAGA,qBACA,CAHA,UACA,CAEA,aACA,eACA,CAEA,eACA,iBACA,CAHA,iBACA,CANA,oBACA,CAGA,uBAIA,iBAGF,iBACE,aAGF,YACE,eACA,gBAMA,4BACA,CAJF,QACE,CACA,cACA,CAFA,kBACA,CAEA,mBACA,2BAGF,kBACE,CACA,eACA,CAFA,gBAEA,aAGF,uBACE,mBAGF,sBACE,mBAYA,kBACA,CARA,wBACA,CACA,iBACA,CAFA,aACA,CAIA,YACA,CAFA,WACA,CAEA,sBACA,CAXF,gBACE,iBACA,CAGA,oBACA,WAKA,yBAEA,wBACE,cACA,qDAOE,wBACA,CAFF,wBAEE,mFAQJ,WAEE,4BAIA,cACE,CACA,yBACA,CAFA,gBAEA,2BAGF,wBACE,CACA,eACA,CAFA,iBAEA,+BAIJ,kBACE,4LAWI,YACA,CAFF,UAEE,4NAEA,cACE,wMAGF,SACE,0PAIA,YACE,SACA,iDAWV,kBACA,CACA,0BACA,CAFA,aACA,CASA,UACA,CALA,cACA,gBACA,oBACA,CAEA,iBACA,CARA,oBACA,CAFA,iBACA,CACA,iBACA,CAVF,oBAEE,CAWA,wBACA,CARA,wBACA,CALA,WAcA,yBAgBF,GACE,+BACA,kDAGF,MACE,uBACA,6CAGF,MACE,4BACA,iDAGF,MACE,kCACA,wDAGF,GACE,0BACA,+CAGF,MACE,kDACA,kEAKA,8DACA,CAaA,oCACA,CAdA,kBACA,CAtCgB,mJA2Cd,CAHF,UAxCgB,CAuChB,uBACA,CAOA,SACA,CALE,eAIF,CATA,iBACA,CAJF,iBACE,CAYA,2BACA,+CAEA,uCAEA,SACE,wBACA,2CASA,kWAGE,kEAMF,CAVA,QACA,CAHA,MACA,CAWA,mBACA,CAfF,iBACE,CAEA,OACA,CAHA,KAcA,qCAKA,mBACA,CAFF,iBAEE,4CAUE,2CACA,CAFA,iGACA,CACA,iBACA,CATF,UACE,CAIA,YACA,CALA,iBACA,CACA,WACA,CAFA,SACA,CACA,WAKA,2CAWA,mDACA,mBACA,CAHA,gGACA,CAEA,iBACA,CARA,aACA,CAHF,UACE,CAIA,YACA,CAHA,UACA,CAHA,iBACA,CAEA,WAMA,wCAQF,YACA,QACA,CALF,iBACE,CACA,UACA,CAFA,QACA,CAGA,UACA,8EAKA,kBACA,CACA,8BACA,oCACA,kBACA,CACA,UAhIc,eAkId,CAVF,YAEE,CASA,cACA,CATA,OACA,CAGA,gBACA,CAEA,uBAEA,oGAEA,cACE,CACA,WACA,CAFA,UAEA,0FAGF,8BACE,gCACA,wCAIJ,eACE,0CAQA,kBACA,CAJA,YACA,CACA,QACA,CAFA,oCACA,CAHF,iBACE,CAIA,SACA,yDAME,kBACA,CAQA,4CACA,CARA,8BACA,qCACA,mBACA,CANF,mBACE,CAMA,cACA,gBACA,CAPA,OACA,CAMA,kBACA,CAJA,gBAKA,gFAEA,cACE,4DAQF,UAxLY,CAoLd,cACE,gBACA,CACA,eACA,CAFA,cAtLY,+DA6LZ,yBA5LkB,CA2LpB,cACE,CAEA,eACA,CA/LkB,QA+LlB,yCAKJ,YACE,CACA,QACA,CAFA,mCAEA,wCAIA,sBACA,CACA,6BACA,mBACA,CALF,YACE,CACA,QACA,CAEA,iBACA,wBACA,8CAEA,8BACE,2BACA,mDAMA,aA/Nc,cAiOd,CALF,cACE,CACA,WACA,CAEA,cACA,CALA,UAKA,iEAGF,YACE,sBACA,QACA,wEAIE,UAzOU,CAuOZ,cACE,gBAxOU,sEA8OV,yBA7OgB,CA4OlB,cA5OkB,4CAsPpB,kBACA,CAEA,yCACA,CANF,YACE,sBACA,CACA,QACA,kBAEA,yCAKA,oBACA,CACA,4CACA,CAJF,YACE,CACA,OAEA,oEAIE,aA1Qc,CAwQhB,cACE,gBACA,CAEA,aACA,CA7Qc,0CA6Qd,oEAKA,aAlRc,CAgRhB,cACE,gBAjRc,uCAwRlB,iBACE,gEAIE,yBAzRkB,CAuRpB,aACE,eACA,CAzRkB,iBA2RlB,8DAIA,kBACA,CACA,8BACA,qCACA,kBACA,CANF,YACE,CACA,OACA,CAGA,gBACA,kBACA,+DAQA,sBACA,CAHA,UA7SY,CA0Sd,sCACE,eACA,gBACA,CA7SY,kBA+SZ,CACA,SACA,4DAIA,kBACA,CACA,6BACA,YACA,kBACA,CACA,cACA,CARF,YACE,CACA,sBACA,CAGA,WACA,CACA,uBACA,uEAKE,UAlUU,CA+TZ,cACE,CACA,WACA,CAFA,UAhUU,kEAsUZ,6BACE,mEAGF,kBA3Ue,gEAqVf,kBACA,CACA,kBAvVe,CA4Vf,iBACA,CA7Ve,UAyVf,CALA,YACA,CAIA,cACA,gBACA,CALA,OACA,CALA,QACA,CAUA,cACA,UACA,CAJA,gBACA,CAZF,iBACE,SACA,CACA,0BACA,CAYA,uBACA,CAFA,iBACA,CACA,kBACA,2EAEA,cACE,CACA,WACA,CAFA,UAEA,qEAGF,SACE,mBACA,wCAOJ,kBACA,CAaA,8CACA,CAbA,kDACA,CAUA,yBACA,CANA,iBACA,iFAEE,CARF,aACA,CALF,mBACE,CAIA,cACA,gBACA,CALA,OACA,CAKA,iBACA,CAFA,oBACA,CAIE,uBAIF,mDAEA,cACE,CACA,WACA,8BACA,CAHA,UAGA,8CAIA,iFAEE,cAEF,CALF,0BAKE,yDAEA,yBACE,+CAIJ,uBACE,0CAMF,kBACA,CAEA,yBA/ZoB,CA2ZtB,YACE,CAEA,cACA,CAFA,OACA,CA9ZoB,QAiapB,qDAKE,aAxae,CAqajB,cACE,CACA,WACA,CAFA,UAtae,0BA+arB,yCAGM,QACA,CAFF,6BAEE,4CAMA,gBACA,yCACA,CAJA,kBACA,CAFF,gBACE,CACA,sBACA,CAEA,cACA,iBACA,0BAKN,mBAEI,uBACA,CAFF,YAEE,0CAEA,yBACE,kBACA,yDAIA,sBACE,yCAIJ,yBACE,4CAGF,qBACE,iBACA,4CAGF,YACE,E","sources":["webpack:///./assets/admin/scss/bbpc-admin.scss"],"sourcesContent":["@use \"sass:color\";\n\n/** === Codestar options / Pro Alert === **/\n.csf-field-image_select figure {\n width: 100px;\n border-radius: 10px;\n\n img {\n border-radius: 10px;\n }\n}\n\n.csf-field .csf-title {\n width: 30%;\n}\n\n.csf-field .csf-fieldset {\n width: calc(70% - 25px);\n}\n\n.csf-nav.csf-nav-normal.csf-nav-options {\n ul li a {\n display: flex;\n align-items: baseline;\n }\n}\n\n/** === Codestar Fontawesome replaced with Dashicons === **/\n.csf-field .chosen-container-single .chosen-single div b:before,\n.csf-nav ul li .csf-arrow:after {\n content: \"\\f347\";\n font-family: dashicons;\n font-size: 12px;\n}\n\n.csf-field .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {\n content: \"\\f335\" !important;\n font-family: dashicons;\n}\n\n.csf-field .chosen-container-active.chosen-with-drop .chosen-single div b:before {\n content: \"\\f343\";\n font-family: dashicons;\n}\n\n.csf-cloneable-remove {\n position: absolute;\n top: -2px;\n right: 15px;\n color: #d63638 !important;\n font-size: 16px !important;\n text-decoration: none !important;\n width: 69px !important;\n height: 20px !important;\n display: flex !important;\n align-items: center;\n justify-content: center;\n z-index: 5;\n\n &:before {\n font-family: dashicons !important;\n content: \"\\f182\" !important;\n /* dashicons-trash */\n }\n\n &:hover {\n color: #b32d2e !important;\n }\n}\n\n.csf-cloneable-title {\n cursor: move;\n}\n\nbody {\n &.bbpc-no-pro {\n .st-pro-notice {\n &.csf-field {\n position: relative;\n cursor: pointer;\n\n &::before {\n content: \"Pro\";\n background-color: #f1bd6c;\n color: #000;\n padding: 3px 10px;\n border-radius: 3px;\n margin-bottom: 10px;\n }\n\n &::after {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n background-color: transparent;\n z-index: 2;\n }\n }\n\n .csf-fieldset,\n .csf-title {\n opacity: 0.5;\n pointer-events: none;\n }\n }\n }\n\n &.bbpc-no-promax {\n .st-promax-notice {\n &.csf-field {\n position: relative;\n cursor: pointer;\n\n &::before {\n content: \"ProMax\";\n background-color: #f1bd6c;\n color: #000;\n padding: 3px 10px;\n border-radius: 3px;\n margin-bottom: 10px;\n }\n\n &::after {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n background-color: transparent;\n z-index: 2;\n }\n }\n\n .csf-fieldset,\n .csf-title {\n opacity: 0.5;\n pointer-events: none;\n }\n }\n }\n}\n\n.upgrade-link {\n background-color: #f1bd6c;\n color: #000;\n padding: 2px 6px;\n}\n\n.swal2-styled.swal2-confirm.upgrade-premium-button {\n background-color: #f1bd6c;\n outline: none;\n box-shadow: none !important;\n}\n\n.swal2-title.upgrade-premium-heading {\n font-size: 24px;\n font-weight: 500;\n line-height: 32px;\n margin-bottom: -15px;\n}\n\n.pro-notification-body-text {\n font-size: 15px;\n display: block;\n margin-bottom: 25px;\n}\n\n.swal2-styled.swal2-confirm.upgrade-premium-button>a {\n color: black;\n font-weight: normal;\n}\n\n.swal2-footer.notification-pro-footer-wrap {\n border-top: none;\n margin: 8px 0px 0px;\n padding: 0px;\n}\n\n.swal2-html-container {\n line-height: 1.6;\n}\n\n#customize-controls .csf-field-image_select img {\n width: 85px;\n height: auto;\n}\n\n.notice.is-dismissible.bottom-10 {\n padding-bottom: 15px;\n}\n\n.notice-warning.eaz-notice {\n background: #ffffbe;\n}\n\n.header-notify-icon .notify-icon {\n padding-top: 10px;\n margin: auto;\n}\n\n.bbpc-core-main * {\n box-sizing: border-box;\n}\n\n.forumax-main .forumax-intro {\n font-size: 16px;\n}\n\n.bbpc-stat-cards {\n display: flex;\n gap: 30px;\n}\n\n.bbpc-stat-card {\n background-color: #fff;\n}\n\n.bbpc-dashboard {\n display: flex\n}\n\n.bbpc-panel {\n width: 250px;\n border-right: 1px solid #ccc;\n margin-right: 20px;\n}\n\n.bbpc-logo {\n margin-bottom: 50px;\n}\n\n.bbpc-stats {\n flex-basis: 3;\n}\n\n.bbpc-heading {\n margin-bottom: 60px;\n}\n\n.bbpc-card-heading h2 {\n margin: 0;\n background: #ddd;\n padding: 10px;\n line-height: 1;\n}\n\n/* Menu */\n.bbpc-group-menu li a {\n border: 1px solid #6831c1;\n background: #6831c1;\n color: #fff;\n text-decoration: none;\n box-sizing: border-box;\n display: block;\n font-size: 15px;\n width: calc(100% - 20px);\n padding: 10px 20px;\n font-weight: 500;\n letter-spacing: 0px;\n}\n\n.bbpc-card-data {\n padding: 15px 25px;\n}\n\n.forum-info {\n display: flex;\n flex-wrap: wrap;\n}\n\n.forum-info li {\n flex: 50%;\n margin-bottom: 20px;\n font-size: 14px;\n border-bottom: 1px solid #ccc;\n padding-bottom: 18px;\n}\n\n.forum-info li:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n}\n\n#bbpc-forum {\n transition: 0.3s all ease;\n}\n\n#bbpc-forum:hover {\n color: var(--clr-white);\n}\n\n.bbpc-approve-btn {\n margin-left: 10px;\n margin-right: 3px;\n border: 1px solid #2DB22D;\n color: #2DB22D;\n border-radius: 50%;\n text-decoration: none;\n width: 26px;\n height: 26px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n border: 1px solid #07a207;\n color: #07a207;\n }\n}\n\n.bbpc-filter-btn-settings {\n .csf--sibling {\n &.csf--active {\n border: 1px solid #2DB22D;\n background-color: #2DB22D;\n }\n }\n}\n\n/** === FS contents === **/\n#fs_connect {\n\n .fs-header .fs-plugin-icon,\n .fs-header .fs-plugin-icon img {\n height: auto;\n }\n\n .fs-content {\n h2 {\n font-size: 28px;\n margin: 15px auto;\n line-height: 1.2 !important;\n }\n\n p {\n font-size: 16px !important;\n text-align: center;\n line-height: 1.7;\n }\n }\n\n .fs-box-container {\n border-radius: 15px;\n }\n}\n\n/** === Notification & Mini profile CSS === **/\n.csf-field-fieldset {\n .csf-fieldset-content {\n\n &[data-depend-id='bbpc_notification_location'],\n &[data-depend-id='bbpc_profile_location'] {\n >.csf-field {\n width: 100%;\n display: flex;\n\n .csf-after-text {\n font-size: 12px;\n }\n\n input {\n width: 95%;\n }\n\n &.csf-field-select {\n >.csf-fieldset {\n display: flex;\n gap: 10px;\n }\n }\n }\n }\n }\n}\n\n#bbpc_forum_option_link,\n#bbpc_topic_option_link {\n text-decoration: none;\n width: 220px;\n background: #050505;\n display: block;\n color: rgba(255, 255, 255, 0.7019607843);\n text-transform: uppercase;\n padding-top: 100px;\n padding-bottom: 100px;\n text-align: center;\n font-size: 16px;\n font-weight: 700;\n letter-spacing: 0.5px;\n text-shadow: 2px 2px black;\n float: left;\n margin: 0 20px 0 0;\n}\n\n/** === Forumax Pro Upgrade Offer Notice === **/\n\n// Variables - Premium Dark Theme with Vibrant Accents\n$frmx-offer-primary: #1e1b4b; // Deep indigo\n$frmx-offer-secondary: #312e81; // Rich purple\n$frmx-offer-tertiary: #4338ca; // Bright indigo\n$frmx-offer-accent: #fbbf24; // Golden yellow\n$frmx-offer-accent-hover: #f59e0b;\n$frmx-offer-success: #34d399; // Emerald\n$frmx-offer-text: #ffffff;\n$frmx-offer-text-muted: rgba(255, 255, 255, 0.75);\n\n// Keyframe Animations\n@keyframes frmx-shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n}\n\n@keyframes frmx-pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n}\n\n@keyframes frmx-float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n}\n\n@keyframes frmx-glow {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.7; transform: scale(1.1); }\n}\n\n@keyframes frmx-rotate {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n@keyframes frmx-morph {\n 0%, 100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }\n 50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }\n}\n\n// Main Notice Container\n.frmx-offer-notice {\n position: relative;\n background: linear-gradient(135deg, $frmx-offer-primary 0%, $frmx-offer-secondary 40%, $frmx-offer-tertiary 100%);\n border-radius: 16px;\n padding: 28px 36px;\n margin: 20px 20px 20px 0;\n color: $frmx-offer-text;\n box-shadow: \n 0 4px 6px -1px rgba(30, 27, 75, 0.4),\n 0 10px 15px -3px rgba(30, 27, 75, 0.3),\n 0 20px 25px -5px rgba(67, 56, 202, 0.2),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n overflow: hidden;\n opacity: 0;\n transform: translateY(-10px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.08);\n\n &.frmx-offer-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n // Geometric Background Pattern\n .frmx-offer-bg-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n // Subtle grid pattern\n linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n // Radial glows\n radial-gradient(ellipse at 10% 90%, rgba(251, 191, 36, 0.15) 0%, transparent 50%),\n radial-gradient(ellipse at 90% 10%, rgba(99, 102, 241, 0.2) 0%, transparent 40%),\n radial-gradient(ellipse at 50% 50%, rgba(67, 56, 202, 0.1) 0%, transparent 60%);\n background-size: 40px 40px, 40px 40px, 100% 100%, 100% 100%, 100% 100%;\n pointer-events: none;\n }\n\n // Animated Glow Orbs\n .frmx-offer-glow {\n position: absolute;\n pointer-events: none;\n \n // Main golden glow (top right)\n &::before {\n content: '';\n position: absolute;\n top: -80px;\n right: -40px;\n width: 250px;\n height: 250px;\n background: radial-gradient(circle, rgba(251, 191, 36, 0.35) 0%, rgba(251, 191, 36, 0.1) 40%, transparent 70%);\n animation: frmx-glow 4s ease-in-out infinite;\n border-radius: 50%;\n }\n \n // Secondary purple orb (bottom left)\n &::after {\n content: '';\n position: absolute;\n bottom: -100px;\n left: -60px;\n width: 200px;\n height: 200px;\n background: radial-gradient(circle, rgba(139, 92, 246, 0.3) 0%, rgba(99, 102, 241, 0.1) 50%, transparent 70%);\n animation: frmx-glow 5s ease-in-out infinite reverse;\n animation-delay: 1s;\n border-radius: 50%;\n }\n }\n\n // Action Buttons (Dismiss & Snooze)\n .frmx-offer-actions {\n position: absolute;\n top: 16px;\n right: 16px;\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n\n .frmx-offer-snooze,\n .frmx-offer-dismiss {\n display: flex;\n align-items: center;\n gap: 4px;\n background: rgba(255, 255, 255, 0.15);\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 6px;\n padding: 6px 10px;\n color: $frmx-offer-text;\n cursor: pointer;\n transition: all 0.2s ease;\n font-size: 12px;\n\n .dashicons {\n font-size: 16px;\n width: 16px;\n height: 16px;\n }\n\n &:hover {\n background: rgba(255, 255, 255, 0.25);\n border-color: rgba(255, 255, 255, 0.4);\n }\n }\n\n .frmx-offer-dismiss {\n padding: 6px 8px;\n }\n\n // Container Layout\n .frmx-offer-container {\n position: relative;\n display: grid;\n grid-template-columns: 1fr 1.5fr auto;\n gap: 32px;\n align-items: center;\n z-index: 5;\n }\n\n // Header Section\n .frmx-offer-header {\n .frmx-offer-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(245, 158, 11, 0.2);\n border: 1px solid rgba(245, 158, 11, 0.4);\n border-radius: 20px;\n padding: 4px 12px;\n font-size: 12px;\n font-weight: 600;\n margin-bottom: 12px;\n animation: frmx-pulse 2s ease-in-out infinite;\n\n .frmx-offer-badge-icon {\n font-size: 14px;\n }\n }\n\n .frmx-offer-headline {\n font-size: 20px;\n font-weight: 700;\n margin: 0 0 8px 0;\n line-height: 1.3;\n color: $frmx-offer-text;\n }\n\n .frmx-offer-subheadline {\n font-size: 14px;\n color: $frmx-offer-text-muted;\n margin: 0;\n line-height: 1.5;\n }\n }\n\n // Features Grid\n .frmx-offer-features {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n\n .frmx-offer-feature {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 10px;\n padding: 12px 14px;\n transition: all 0.2s ease;\n\n &:hover {\n background: rgba(255, 255, 255, 0.15);\n transform: translateY(-2px);\n }\n\n .dashicons {\n font-size: 20px;\n width: 20px;\n height: 20px;\n color: $frmx-offer-accent;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .frmx-offer-feature-text {\n display: flex;\n flex-direction: column;\n gap: 2px;\n\n strong {\n font-size: 13px;\n font-weight: 600;\n color: $frmx-offer-text;\n }\n\n span {\n font-size: 11px;\n color: $frmx-offer-text-muted;\n }\n }\n }\n\n // CTA Section\n .frmx-offer-cta-section {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding-left: 24px;\n border-left: 1px solid rgba(255, 255, 255, 0.15);\n }\n\n // Discount Badge\n .frmx-offer-discount {\n display: flex;\n align-items: baseline;\n gap: 4px;\n animation: frmx-float 3s ease-in-out infinite;\n\n .frmx-offer-discount-value {\n font-size: 42px;\n font-weight: 800;\n color: $frmx-offer-accent;\n text-shadow: 0 2px 10px rgba(245, 158, 11, 0.4);\n line-height: 1;\n }\n\n .frmx-offer-discount-label {\n font-size: 18px;\n font-weight: 700;\n color: $frmx-offer-accent;\n }\n }\n\n // Coupon Box\n .frmx-offer-coupon {\n text-align: center;\n\n .frmx-offer-coupon-label {\n display: block;\n font-size: 11px;\n color: $frmx-offer-text-muted;\n margin-bottom: 6px;\n }\n\n .frmx-offer-coupon-box {\n display: flex;\n align-items: center;\n gap: 6px;\n background: rgba(255, 255, 255, 0.15);\n border: 1px dashed rgba(255, 255, 255, 0.4);\n border-radius: 8px;\n padding: 6px 10px;\n position: relative;\n }\n\n .frmx-offer-coupon-code {\n font-family: 'SF Mono', 'Consolas', monospace;\n font-size: 14px;\n font-weight: 700;\n color: $frmx-offer-text;\n letter-spacing: 1px;\n background: transparent;\n padding: 0;\n }\n\n .frmx-offer-copy-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.2);\n border: none;\n border-radius: 4px;\n padding: 4px;\n cursor: pointer;\n transition: all 0.2s ease;\n\n .dashicons {\n font-size: 14px;\n width: 14px;\n height: 14px;\n color: $frmx-offer-text;\n }\n\n &:hover {\n background: rgba(255, 255, 255, 0.3);\n }\n\n &.copied {\n background: $frmx-offer-success;\n }\n }\n\n .frmx-offer-copy-success {\n position: absolute;\n top: 100%;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n gap: 4px;\n background: $frmx-offer-success;\n color: #fff;\n font-size: 11px;\n font-weight: 600;\n padding: 4px 10px;\n border-radius: 4px;\n margin-top: 6px;\n opacity: 0;\n visibility: hidden;\n transition: all 0.2s ease;\n white-space: nowrap;\n\n .dashicons {\n font-size: 12px;\n width: 12px;\n height: 12px;\n }\n\n &.show {\n opacity: 1;\n visibility: visible;\n }\n }\n }\n\n // CTA Button\n .frmx-offer-cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: linear-gradient(135deg, $frmx-offer-accent 0%, color.adjust($frmx-offer-accent, $lightness: -10%, $space: hsl) 100%);\n color: #1f2937;\n font-size: 14px;\n font-weight: 700;\n text-decoration: none;\n padding: 12px 24px;\n border-radius: 8px;\n box-shadow: \n 0 4px 6px -1px rgba(245, 158, 11, 0.3),\n 0 2px 4px -1px rgba(245, 158, 11, 0.2);\n transition: all 0.3s ease;\n background-size: 200% 200%;\n animation: frmx-shimmer 3s ease-in-out infinite;\n\n .dashicons {\n font-size: 16px;\n width: 16px;\n height: 16px;\n transition: transform 0.2s ease;\n }\n\n &:hover {\n transform: translateY(-2px);\n box-shadow: \n 0 6px 10px -1px rgba(245, 158, 11, 0.4),\n 0 4px 6px -1px rgba(245, 158, 11, 0.3);\n color: #1f2937;\n\n .dashicons {\n transform: translateX(3px);\n }\n }\n\n &:active {\n transform: translateY(0);\n }\n }\n\n // Guarantee Text\n .frmx-offer-guarantee {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: 11px;\n color: $frmx-offer-text-muted;\n margin: 0;\n\n .dashicons {\n font-size: 14px;\n width: 14px;\n height: 14px;\n color: $frmx-offer-success;\n }\n }\n}\n\n// Responsive Design\n@media (max-width: 1200px) {\n .frmx-offer-notice {\n .frmx-offer-container {\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n\n .frmx-offer-cta-section {\n grid-column: 1 / -1;\n flex-direction: row;\n justify-content: center;\n border-left: none;\n border-top: 1px solid rgba(255, 255, 255, 0.15);\n padding-left: 0;\n padding-top: 20px;\n }\n }\n}\n\n@media (max-width: 782px) {\n .frmx-offer-notice {\n padding: 20px;\n margin: 15px 10px 15px 0;\n\n .frmx-offer-container {\n grid-template-columns: 1fr;\n text-align: center;\n }\n\n .frmx-offer-header {\n .frmx-offer-badge {\n justify-content: center;\n }\n }\n\n .frmx-offer-features {\n grid-template-columns: 1fr;\n }\n\n .frmx-offer-cta-section {\n flex-direction: column;\n padding-top: 16px;\n }\n\n .frmx-offer-snooze-text {\n display: none;\n }\n }\n}"],"names":[],"ignoreList":[],"sourceRoot":""} |
