{"version":3,"file":"public/css/thha-huge-breadcumbs.css","mappings":"AAEE;;EAEE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;MAAA;AADJ;AAIE;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;AAFJ;AAII;;EAEE;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;AAFN;AAME;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;AAJJ;AAMI;;EAEE;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;AAJN;AASI;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;EACA;AAPN;AASM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAAA;AARR;AAUQ;EACE;EACA;EACA;EACA;EACA;AARV;AAeQ;EACE;MAAA;UAAA;AAbV;AAeU;EACE;AAbZ;AAgBU;EACE;AAdZ;AAiBU;EACE;MAAA;UAAA;AAfZ;AAmBQ;EACE;EACA;EACA;MAAA;UAAA;EACA;AAjBV;AAwBQ;EACE;EACA;AAtBV;AAwBU;EACE;EACA;AAtBZ;AAyBU;EACE;AAvBZ;AA2BQ;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;AAzBV;AA2BU;EACE;EACA;EAEA;AA1BZ;AAkCI;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;EACA;EACA;EAAA;EAAA;AAhCN;AAkCM;EACE;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;EACA;EAQA;AAvCR;AAyCQ;EACE;EACA;EACA;EACA;AAvCV;AA0CQ;EACE;EAOA;EACA;EACA;AA9CV;AAiDQ;EACE;EACA;EACA;AA/CV;AAsDI;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;EACA;EACA;EAAA;EAAA;AApDN;AAsDM;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;AApDR;AAsDQ;EACE;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;MAAA;UAAA;EACA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;MAAA;EACA;EAAA;AApDV;AAuDQ;EACE;EACA;EACA;EACA;EACA;EAAA;EACA;EACA;EACA;AArDV;AAyDU;EACE;EACA;EACA;AAvDZ;AA0DU;EACE;AAxDZ;AA6DU;EACE;EACA;AA3DZ;AA8DU;EACE;AA5DZ;AAiEM;EACE;EACA;EACA;EAAA;EACA;MAAA;AA/DR;AAiEQ;EACE;EAAA;AA/DV;AAsEI;EACE;EAAA;EAAA;EACA;MAAA;UAAA;EACA;EAAA;EAAA;EACA;EACA;MAAA;EACA;AApEN;AAsEM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;AApER;AAsEQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EAAA;AAzEV;AA4EQ;EACE;EACA;EACA;EACA;EACA,uFACE;UADF,+EACE;EAEF;UAAA;AA5EV;AA+EQ;EACE;EACA;EACA;EACA;UAAA;AA7EV;AA+EU;EACE;AA7EZ;AAmFI;EACE;IACE,wFACE;YADF,gFACE;EAlFR;EAqFI;IACE,wFACE;YADF,gFACE;EApFR;EAuFI;IACE,wFACE;YADF,gFACE;EAtFR;AACF;AAwEI;EACE;IACE,wFACE;YADF,gFACE;EAlFR;EAqFI;IACE,wFACE;YADF,gFACE;EApFR;EAuFI;IACE,wFACE;YADF,gFACE;EAtFR;AACF,C","sources":["webpack://huge-addons-for-elementor/./assets/scss/thha-huge-breadcumbs.scss"],"sourcesContent":["\n.thha-breadcumbs {\n  nav,\n  .thha-breadcumbs-nav {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  .thha-prefix {\n    display: inline-flex;\n    align-items: center;\n    margin-right: 8px;\n    font-weight: 600;\n\n    .thha-icon,\n    i {\n      margin-right: 6px;\n      width: 18px;\n      height: 18px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  .thha-item-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-right: 6px;\n\n    svg,\n    i {\n      width: 100%;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n  &.thha-presets-1,\n  &.thha-presets-2 {\n    nav {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      row-gap: 10px;\n\n      a {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        font-size: 14px;\n        font-weight: 600;\n        font-family: \"Outfit\", \"Inter\", ui-sans-serif, system-ui, sans-serif;\n        color: #64748b;\n        text-decoration: none;\n\n        transition: all 0.3s ease;\n\n        .thha-icon {\n          width: 14px;\n          height: 14px;\n          stroke: currentColor;\n          fill: none;\n          stroke-width: 2;\n        }\n      }\n    }\n\n    &.thha-presets-1 {\n      nav {\n        a {\n          transform: translateX(0);\n\n          &.thha-active {\n            color: #155dfc;\n          }\n\n          &:hover:not(.thha-active) {\n            color: #0f172a;\n          }\n\n          &:hover {\n            transform: translateX(2px);\n          }\n        }\n\n        .thha-divider {\n          margin: 0 8px;\n          color: #cbd5e1;\n          transform: rotate(12deg);\n          font-weight: bold;\n        }\n      }\n    }\n\n    &.thha-presets-2 {\n      nav {\n        a {\n          padding: 4px 8px;\n          border-radius: 4px;\n\n          &.thha-active {\n            background-color: #eff6ff;\n            color: #155dfc;\n          }\n\n          &:hover:not(.thha-active) {\n            background: #f3f3f3;\n          }\n        }\n\n        .thha-divider {\n          display: flex;\n          align-items: center;\n          padding-right: 4px;\n\n          svg {\n            width: 14px;\n            height: 14px;\n\n            stroke: #90a1b9;\n          }\n        }\n      }\n    }\n  }\n\n  &.thha-presets-3 {\n    nav {\n      display: flex;\n      align-items: stretch;\n      flex-wrap: wrap;\n      row-gap: 10px;\n      width: fit-content;\n\n      .thha-breadcumb-item {\n        position: relative;\n        height: 48px;\n        display: flex;\n        align-items: center;\n        padding: 0 24px 0 20px;\n        font-size: 0.8rem;\n        font-weight: 700;\n        letter-spacing: 0.06em;\n        text-transform: uppercase;\n        color: var(--thha-d3-item-color, #555);\n        font-family: \"Rajdhani\", sans-serif;\n        background: var(--thha-d3-item-bg, #ffffff);\n        border: 1px solid var(--thha-d3-item-border, #e3e6ed);\n        cursor: pointer;\n        text-decoration: none;\n        transition: all 0.25s ease;\n        white-space: nowrap;\n        clip-path: polygon(\n          0 0,\n          calc(100% - 14px) 0,\n          100% 50%,\n          calc(100% - 14px) 100%,\n          0 100%,\n          14px 50%\n        );\n        margin-left: -10px;\n\n        &.thha-active {\n          background: #155dfc;\n          color: #fff;\n          border-color: #155dfc;\n          z-index: 5;\n        }\n\n        &:first-child {\n          clip-path: polygon(\n            0 0,\n            calc(100% - 14px) 0,\n            100% 50%,\n            calc(100% - 14px) 100%,\n            0 100%\n          );\n          border-radius: 8px 0 0 8px;\n          margin-left: 0;\n          padding-left: 22px;\n        }\n\n        &:hover:not(.thha-active) {\n          background: var(--thha-d3-item-hover-bg, #f5f7fb);\n          color: var(--thha-d3-item-hover-color, inherit);\n          border-color: var(--thha-d3-item-hover-border, #e3e6ed);\n        }\n      }\n    }\n  }\n\n  &.thha-presets-4 {\n    nav {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      row-gap: 10px;\n      width: fit-content;\n\n      .thha-breadcumb-item {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        text-decoration: none;\n        cursor: pointer;\n        padding: 0 6px;\n        font-family: \"Lexend\", sans-serif;\n\n        .thha-circle {\n          width: 36px;\n          height: 36px;\n          border-radius: 50%;\n          border: 2px solid #d6dbe6;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-family: \"DM Mono\", monospace;\n          font-size: 0.65rem;\n          color: #666;\n          background: #ffffff;\n          flex-shrink: 0;\n          transition: all 0.25s ease;\n        }\n\n        .thha-label {\n          font-size: 0.9rem;\n          font-weight: 500;\n          color: #555;\n          white-space: nowrap;\n          transition: all 0.2s ease;\n          max-width: 120px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n\n        &.thha-breadcumb-item-active {\n          .thha-circle {\n            border-color: #8b5cf6;\n            background: #8b5cf6;\n            color: #fff;\n          }\n\n          .thha-label {\n            color: #8b5cf6;\n          }\n        }\n\n        &:hover:not(.thha-breadcumb-item-active) {\n          .thha-circle {\n            color: #8b5cf6;\n            border-color: #8b5cf6;\n          }\n\n          .thha-label {\n            color: #222;\n          }\n        }\n      }\n\n      .thha-line {\n        width: 32px;\n        height: 2px;\n        background: linear-gradient(90deg, #d6dbe6, #eef1f7);\n        flex-shrink: 0;\n\n        &.thha-line-active {\n          background: linear-gradient(90deg, #8b5cf6, #d6dbe6);\n        }\n      }\n    }\n  }\n\n  &.thha-presets-5 {\n    nav {\n      display: flex;\n      align-items: stretch;\n      width: fit-content;\n      gap: 4px;\n      flex-wrap: wrap;\n      row-gap: 10px;\n\n      .thha-breadcumb-item {\n        position: relative;\n        font-family: \"Rajdhani\", sans-serif;\n        font-size: 0.75rem;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        font-weight: 500;\n        padding: 12px 20px;\n        color: #000000;\n        background: #ffffff;\n        border: 1px solid #d6dbe6;\n        cursor: pointer;\n        text-decoration: none;\n        white-space: nowrap;\n        clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);\n        overflow: hidden;\n        transition: all 0.25s ease;\n\n        &::before {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          left: -100%;\n          width: 60%;\n          height: 100%;\n          background: linear-gradient(\n            120deg,\n            transparent,\n            rgba(6, 182, 212, 0.25),\n            transparent\n          );\n          transition: all 0.6s ease;\n        }\n\n        &.thha-breadcumb-item-active {\n          color: #ffffff;\n          background: #06b6d4;\n          border-color: #06b6d4;\n          font-weight: 700;\n          box-shadow:\n            0 6px 20px rgba(6, 182, 212, 0.35),\n            0 0 30px rgba(6, 182, 212, 0.2);\n          animation: pulseGlow 2s infinite ease-in-out;\n        }\n\n        &:hover {\n          color: #0284c7;\n          background: #ecfeff;\n          border-color: #67e8f9;\n          box-shadow: 0 4px 12px rgba(6, 182, 212, 0.15);\n\n          &::before {\n            left: 120%;\n          }\n        }\n      }\n    }\n\n    @keyframes pulseGlow {\n      0% {\n        box-shadow:\n          0 4px 12px rgba(6, 182, 212, 0.25),\n          0 0 20px rgba(6, 182, 212, 0.15);\n      }\n      50% {\n        box-shadow:\n          0 8px 25px rgba(6, 182, 212, 0.45),\n          0 0 40px rgba(6, 182, 212, 0.25);\n      }\n      100% {\n        box-shadow:\n          0 4px 12px rgba(6, 182, 212, 0.25),\n          0 0 20px rgba(6, 182, 212, 0.15);\n      }\n    }\n  }\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}