{"version":3,"file":"styles/admin/bbpc-admin.css","mappings":"AAAA,+BAEE,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":["/** === 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%, darken($frmx-offer-accent, 10%) 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":""}