{"version":3,"file":"css/free-shipping-bar-styles.css","mappings":"AAAA,qBACE,kBACA,oCACA,wBACA,kBACA,cAEA,2BACE,gBACA,gBAGF,+BACE,mBAGF,gCACE,iBACA,cAGF,gCACE,cAIF,oGAEE,mBACA,kBAIA,mEACE,wCAMF,uEACE,sBACA,eAEA,8EACE,aAKN,8BACE,iBACA,cAGF,8BACE,kBACA,eACA,gBACA,kBAGF,+BACE,WACA,WACA,8BACA,kBACA,gBACA,kBACA,0CAGF,mCACE,YACA,kDACA,kBACA,kBACA,qMAUA,0BACA,8CAEA,0CACE,WACA,kBACA,MACA,OACA,QACA,SACA,gHAMA,kBAKN,iBACE,QACE,UACA,mBAEF,IACE,YACA,uBAIJ,4BACE,GACE,wBAEF,KACE,4BAKJ,yBACE,qBACE,kBAEA,8BACE,eACA,kBAGF,+BACE,Y","sources":["webpack://revoty/./resources/sass/modules/free-shipping-bar.scss"],"sourcesContent":[".revoty-shipping-bar {\n  padding: 12px 20px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n  border-radius: 4px;\n  margin: 15px 0;\n\n  &--cart {\n    margin-top: 15px;\n    margin-bottom: 0;\n  }\n\n  &--checkout {\n    margin-bottom: 20px;\n  }\n\n  &--mini-cart {\n    margin: 15px 16px;\n    flex-shrink: 0;\n  }\n\n  &--shortcode {\n    margin: 15px 0;\n  }\n\n  // When inside WooCommerce blocks (cart/checkout)\n  .wp-block-woocommerce-cart &,\n  .wp-block-woocommerce-checkout & {\n    margin-bottom: 20px;\n    border-radius: 4px;\n  }\n\n  &--qualified {\n    .revoty-shipping-bar__progress-bar {\n      animation: pulse 2s ease-in-out infinite;\n    }\n  }\n\n  // Layout styles\n  &--style-classic {\n    .revoty-shipping-bar__progress-bar {\n      background-image: none;\n      animation: none;\n\n      &::after {\n        display: none;\n      }\n    }\n  }\n\n  &__content {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  &__message {\n    text-align: center;\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 8px;\n  }\n\n  &__progress {\n    width: 100%;\n    height: 8px;\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 4px;\n    overflow: hidden;\n    position: relative;\n    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n  }\n\n  &__progress-bar {\n    height: 100%;\n    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    border-radius: 4px;\n    position: relative;\n    background-image: linear-gradient(\n      45deg,\n      rgba(255, 255, 255, 0.15) 25%,\n      transparent 25%,\n      transparent 50%,\n      rgba(255, 255, 255, 0.15) 50%,\n      rgba(255, 255, 255, 0.15) 75%,\n      transparent 75%,\n      transparent\n    );\n    background-size: 20px 20px;\n    animation: progress-stripes 1s linear infinite;\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(\n        to bottom,\n        rgba(255, 255, 255, 0.3),\n        rgba(255, 255, 255, 0) 50%,\n        rgba(0, 0, 0, 0.1)\n      );\n      border-radius: 4px;\n    }\n  }\n}\n\n@keyframes pulse {\n  0%, 100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  50% {\n    opacity: 0.85;\n    transform: scale(1.02);\n  }\n}\n\n@keyframes progress-stripes {\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 20px 0;\n  }\n}\n\n// Mobile responsive\n@media (max-width: 768px) {\n  .revoty-shipping-bar {\n    padding: 10px 15px;\n\n    &__message {\n      font-size: 13px;\n      margin-bottom: 6px;\n    }\n\n    &__progress {\n      height: 6px;\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}