{"version":3,"file":"frontend-styles.min.css","mappings":"AAAA,MACI,uBAAwB,CACxB,6BAA8B,CAC9B,yBAA0B,CAC1B,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CACnB,8BAA+B,CAC/B,2BACJ,CAEA,gBAKI,0BAA2B,CAF3B,oCAAqC,CACrC,iBAAkB,CAElB,4BAA8B,CAL9B,aAAc,CACd,YAKJ,CAEA,6BACI,gBACJ,CAEA,8BAKI,iCAAkC,CAFlC,oCAAqC,CACrC,iBAAkB,CAElB,mCAAwC,CALxC,kBAAmB,CACnB,YAKJ,CAEA,8BACI,+BAAgC,CAGhC,WAAY,CACZ,iBAAkB,CAHlB,UAAY,CAIZ,cAAe,CAEf,eAAiB,CALjB,iBAAkB,CAIlB,eAAgB,CAGhB,8BAAgC,CADhC,UAEJ,CAEA,oCACI,qCACJ,CAEA,gCAGI,0CAA2C,CAF3C,gBAAiB,CACjB,iBAEJ,CAEA,gCAEI,YAAa,CACb,cAAe,CACf,QAAS,CAHT,eAIJ,CAEA,wBACI,YACJ,CAGA,+BACI,YAAa,CACb,cAAe,CACf,QACJ,CAIA,8BAEI,kBAAmB,CAEnB,cAAe,CAHf,YAAa,CAEb,OAEJ,CAEA,+BAKI,oCAAqC,CADrC,iBAAkB,CAHlB,oBAAqB,CAErB,WAAY,CAGZ,6CAAiD,CAJjD,UAKJ,CAEA,qCACI,2CAA4C,CAC5C,oBACJ,CAEA,6BAEI,uBAAwB,CADxB,cAEJ,CAGA,+BAOI,uBAA2B,CAD3B,qBAAsB,CADtB,oCAAqC,CADrC,iBAAkB,CAKlB,cAAe,CAPf,YAAa,CACb,gBAAiB,CAKjB,iDAAqD,CAPrD,WASJ,CAEA,qCACI,mCAAwC,CACxC,qBACJ,CAGA,kCACI,YACJ,CAEA,sBAEI,kBAAmB,CASnB,iCAAkC,CAFlC,oCAAqC,CACrC,iBAAkB,CAJlB,uBAAwB,CAHxB,cAAe,CAFf,YAAa,CAIb,cAAe,CADf,OAAQ,CAIR,gBAAiB,CADjB,iBAAkB,CAKlB,kDACJ,CAEA,gCACI,iCAAkC,CAElC,WAAW,CADX,mCAAwC,CAExC,UAAY,CACZ,cAAe,CACf,iBACJ,CACA,sCAEI,UACJ,CACA,oCACI,+BAAgC,CAGhC,WAAY,CACZ,iBAAkB,CAHlB,UAAY,CAIZ,cAAe,CAEf,eAAiB,CALjB,iBAAkB,CAIlB,eAAgB,CAGhB,8BAAgC,CADhC,UAEJ,CACA,sCACI,mCACJ,CACA,6CAEI,qCAAsC,CAEtC,mCAAwC,CADxC,UAAY,CAFZ,sCAAuC,CAIvC,uBACJ,CAEA,sDACI,iCAAkC,CAClC,oBACJ,CAEA,wCACI,iCAAkC,CAElC,mCAAwC,CADxC,oBAEJ","sources":["webpack://advanced-addons-for-woocommerce/./src/styles/frontend-styles.css"],"sourcesContent":[":root {\n    --primary-color: #007cba;\n    --primary-hover-color: #005f8b;\n    --secondary-color: #f1f1f1;\n    --text-color: #333;\n    --border-color: #ddd;\n    --bg-color: #f9f9f9;\n    --radio-selected-color: #007cba;\n    --radio-hover-color: #cce4f6;\n}\n\n.product-addons {\n    margin: 20px 0;\n    padding: 20px;\n    border: 1px solid var(--border-color);\n    border-radius: 8px;\n    background: var(--bg-color);\n    font-family: Arial, sans-serif;\n}\n\n.product-addons .addon-level {\n    margin-left: 20px;\n}\n\n.product-addons .addon-parent {\n    margin-bottom: 20px;\n    padding: 10px;\n    border: 1px solid var(--border-color);\n    border-radius: 8px;\n    background: var(--secondary-color);\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.product-addons .addon-toggle {\n    background: var(--primary-color);\n    color: white;\n    padding: 10px 15px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    text-align: left;\n    font-weight: bold;\n    width: 100%;\n    transition: background 0.2s ease;\n}\n\n.product-addons .addon-toggle:hover {\n    background: var(--primary-hover-color);\n}\n\n.product-addons .addon-children {\n    margin-left: 20px;\n    padding-left: 15px;\n    border-left: 2px dashed var(--border-color);\n}\n\n.product-addons .addon-subitems {\n    margin-top: 10px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.product-addons .hidden {\n    display: none;\n}\n\n/* Color Options */\n.product-addons .color-options {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n.product-addons .color-options.selected .color-preview{\n    \n}\n.product-addons .color-option {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n}\n\n.product-addons .color-preview {\n    display: inline-block;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%; /* Circular shape */\n    border: 2px solid var(--border-color);\n    transition: border 0.2s ease, transform 0.2s ease;\n}\n\n.product-addons .color-preview:hover {\n    border: 2px solid var(--primary-hover-color);\n    transform: scale(1.1); /* Subtle zoom on hover */\n}\n\n.product-addons .color-label {\n    font-size: 14px;\n    color: var(--text-color);\n}\n\n/* Sub-item Images */\n.product-addons .subitem-image {\n    width: 100px;\n    height: 100px;\n    object-fit: cover;\n    border-radius: 4px;\n    border: 1px solid var(--border-color);\n    background-size: cover;\n    background-position: center;\n    transition: box-shadow 0.2s ease, transform 0.2s ease;\n    cursor: pointer;\n}\n\n.product-addons .subitem-image:hover {\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    transform: scale(1.05);\n}\n\n/* Radio Buttons */\n.product-addons input[type=\"radio\"] {\n    display: none;\n}\n\n.product-addons label {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    gap: 8px;\n    font-size: 14px;\n    color: var(--text-color);\n    position: relative;\n    padding: 5px 10px;\n    border: 1px solid var(--border-color);\n    border-radius: 4px;\n    background: var(--secondary-color);\n    transition: background 0.2s ease, box-shadow 0.2s ease;\n}\n\n.product-addons .subitem-button {\n    background: var(--secondary-color);\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n    border:none;\n    color: black;\n    cursor: pointer;\n    padding: 10px 15px;\n}\n.product-addons .subitem-button:hover {\n    background: var(--radio-hover-color);\n    color: black;\n}\n.product-addons #save-addons-button{\n    background: var(--primary-color);\n    color: white;\n    padding: 10px 15px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    text-align: left;\n    font-weight: bold;\n    width: 100%;\n    transition: background 0.2s ease;\n}\n.product-addons .subitem-button:hover {\n    background: var(--radio-hover-color);\n}\n.product-addons .selected:not(.color-option) {\n    outline: 2px solid var(--primary-color);\n    background: var(--primary-hover-color);\n    color: white;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n    transition: all 0.2s ease;\n}\n\n.product-addons .color-option.selected .color-preview {\n    border-color: var(--primary-color);\n    transform: scale(1.2);\n}\n\n.product-addons .subitem-image.selected {\n    border-color: var(--primary-color);\n    transform: scale(1.1);\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n"],"names":[],"sourceRoot":""}