{"version":3,"file":"./style-index.css","mappings":";;;AAAA;EACI;AACJ;;AAEI;EADJ;IAEQ;EAEN;AACF;;AACI;EADJ;IAEQ;EAGN;AACF;;AAAA;EACI;IACI;EAGN;AACF;AADA;EACI;EAYA;AARJ;AAHI;EACE;EACA;EACA;AAKN;AAHM;EACE;EACA;AAKR;AAAI;EACE;EACA;EACA;EACA;AAEN;;AAEE;AAGI;EACE;AADR,C;;;;AC5CA;;6BAAA;AAIA;;;EAAA;AAIC;;EAEE;EACA;EACA;EAEA;;;IAAA;AAEH;AAEG;;EACE;EAMA;EAKA;EAKA;EAKA;AAhBL;AAJK;;EACE;EACA;AAOP;AAHK;;EACE;AAMP;AAFK;;EACE;AAKP;AADK;;EACE;AAIP;AAAK;;EACE;AAGP;;AAEC;;;EAAA;AAOE;EACE;EACA;EAEA;AAHL;AAIK;EACE;AAFP;AAIK;EACE;AAFP;AAIK;EACE;AAFP;;AAOC;;;EAAA;AAgDA;;;EAAA;AAIA;EACE;EAYA;AA3DH;AAgDG;EACE;EACA;EACA;AA9CL;AAgDK;EACE;EACA;AA9CP;AAmDG;EACE;EACA;EACA;AAjDL;;AAqDC;;;EAAA;AAMI;EACE;AApDP,C","sources":["webpack://blynex/./src/features/element-hide/style.scss","webpack://blynex/./src/features/hover-effect/style.scss"],"sourcesContent":[".hide-on-mobile {\r\n    display: none !important;\r\n}\r\n.hide-on-tablet {\r\n    @media (min-width: 481px) and (max-width: 1024px) {\r\n        display: none !important;\r\n    }\r\n}\r\n.hide-on-desktop {\r\n    @media (min-width: 1025px) {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .hide-on-mobile {\r\n        display: inherit !important;\r\n    }\r\n}\r\n.blynex-responsive-panel {\r\n    /* Panel header with icon */\r\n    > .components-panel__body-title {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      \r\n      .components-panel__icon {\r\n        margin-right: 0;\r\n        color: #1e1e1e; /* Match WordPress panel icon color */\r\n      }\r\n    }\r\n    \r\n    /* Custom responsive icon */\r\n    .blynex-responsive-icon {\r\n      fill: currentColor;\r\n      margin-right: 8px;\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n  }\r\n  \r\n  /* Dark Mode Support */\r\n  .is-dark-theme {\r\n    .blynex-responsive-panel {\r\n      > .components-panel__body-title .components-panel__icon {\r\n        color: #f0f0f1; /* Light color for dark mode */\r\n      }\r\n    }\r\n  }","/* ========================\r\n   Blynex Hover Effects\r\n   ======================== */\r\n\r\n/**\r\n * 1. Base Styles for Both Blocks\r\n * Applies to both Cover and Image blocks\r\n */\r\n .wp-block-cover.blynex-hover-enabled,\r\n .wp-block-image.blynex-hover-enabled {\r\n   transition: all var(--blynex-hover-duration, 0.3s) ease !important;\r\n   backface-visibility: hidden;\r\n   transform-style: preserve-3d;\r\n\r\n   /**\r\n    * 2. Hover State Styles\r\n    * Only applied on frontend (editor has different handling)\r\n    */\r\n   &:hover {\r\n     /* Zoom Effect */\r\n     &.blynex-hover-zoom {\r\n       transform: scale(var(--blynex-hover-scale, 1.05)) !important;\r\n       z-index: 1; /* Prevents clipping during scale */\r\n     }\r\n\r\n     /* Fade Effect */\r\n     &.blynex-hover-fade {\r\n       opacity: var(--blynex-hover-opacity, 0.8) !important;\r\n     }\r\n\r\n     /* Grayscale Effect */\r\n     &.blynex-hover-grayscale {\r\n       filter: grayscale(var(--blynex-hover-grayscale, 80%)) !important;\r\n     }\r\n\r\n     /* Blur Effect */\r\n     &.blynex-hover-blur {\r\n       filter: blur(var(--blynex-hover-blur, 2px)) !important;\r\n     }\r\n\r\n     /* Glow Effect */\r\n     &.blynex-hover-glow {\r\n       box-shadow: 0 0 var(--blynex-hover-glow-spread, 15px) var(--blynex-hover-glow-color, rgba(255, 255, 255, 0.7)) !important;\r\n     }\r\n   }\r\n }\r\n\r\n /**\r\n  * 3. Image Block Specific Styles\r\n  * Needed because images are nested differently\r\n  */\r\n .wp-block-image.blynex-hover-enabled {\r\n  //  display: inline-block; /* Required for proper transform */\r\n\r\n   img {\r\n     transition: inherit !important; /* Inherit from parent */\r\n     backface-visibility: inherit;\r\n\r\n     /* Hover states for nested image */\r\n     .blynex-hover-zoom &:hover {\r\n       transform: scale(var(--blynex-hover-scale, 1.05)) !important;\r\n     }\r\n     .blynex-hover-grayscale &:hover {\r\n       filter: grayscale(var(--blynex-hover-grayscale, 80%)) !important;\r\n     }\r\n     .blynex-hover-blur &:hover {\r\n       filter: blur(var(--blynex-hover-blur, 2px)) !important;\r\n     }\r\n   }\r\n }\r\n\r\n /**\r\n  * 4. Editor-Specific Styles\r\n  * Shows effects constantly while editing\r\n  */\r\n//  .editor-styles-wrapper {\r\n//    .blynex-hover-enabled {\r\n//      /* Zoom Effect */\r\n//      &.blynex-hover-zoom {\r\n//        transform: scale(var(--blynex-hover-scale, 1.05)) !important;\r\n//      }\r\n\r\n//      /* Fade Effect */\r\n//      &.blynex-hover-fade {\r\n//        opacity: var(--blynex-hover-opacity, 0.8) !important;\r\n//      }\r\n\r\n//      /* Grayscale Effect */\r\n//      &.blynex-hover-grayscale {\r\n//        filter: grayscale(var(--blynex-hover-grayscale, 80%)) !important;\r\n//      }\r\n\r\n//      /* Blur Effect */\r\n//      &.blynex-hover-blur {\r\n//        filter: blur(var(--blynex-hover-blur, 2px)) !important;\r\n//      }\r\n\r\n//      /* Glow Effect */\r\n//      &.blynex-hover-glow {\r\n//        box-shadow: 0 0 var(--blynex-hover-glow-spread, 15px) var(--blynex-hover-glow-color, rgba(255, 255, 255, 0.7)) !important;\r\n//      }\r\n//    }\r\n\r\n//    /* Image block editor styles */\r\n//    .wp-block-image.blynex-hover-enabled {\r\n//      img {\r\n//        .blynex-hover-zoom & {\r\n//          transform: scale(var(--blynex-hover-scale, 1.05)) !important;\r\n//        }\r\n//        .blynex-hover-grayscale & {\r\n//          filter: grayscale(var(--blynex-hover-grayscale, 80%)) !important;\r\n//        }\r\n//        .blynex-hover-blur & {\r\n//          filter: blur(var(--blynex-hover-blur, 2px)) !important;\r\n//        }\r\n//      }\r\n//    }\r\n//  }\r\n\r\n /**\r\n  * 5. Panel Styling\r\n  * Styles for the settings panel in editor\r\n  */\r\n .blynex-hover-panel {\r\n   /* Panel header with icon */\r\n   > .components-panel__body-title {\r\n     display: flex;\r\n     align-items: center;\r\n     gap: 8px;\r\n\r\n     .components-panel__icon {\r\n       margin-right: 0;\r\n       color: #1e1e1e; /* Match WordPress panel icon color */\r\n     }\r\n   }\r\n\r\n   /* Custom hover icon */\r\n   .blynex-hover-icon {\r\n     margin-right: 8px;\r\n     width: 20px;\r\n     height: 20px;\r\n   }\r\n }\r\n\r\n /**\r\n  * 6. Dark Mode Support\r\n  * Adjusts for WordPress dark mode\r\n  */\r\n .is-dark-theme {\r\n   .blynex-hover-panel {\r\n     > .components-panel__body-title .components-panel__icon {\r\n       color: #f0f0f1; /* Light color for dark mode */\r\n     }\r\n   }\r\n }"],"names":[],"sourceRoot":""}