{"version":3,"file":"admin/css/carousel-panel.css","mappings":";;;;;;;AAAA;;;;;EAAA;AAyBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjBD;AAmBC;EACC;EACA;EACA;EACA;AAjBF;AAsBC;EACC;AApBF;AAyBE;EACC;EACA;EACA;EACA;EACA;AAvBH;AA0BE;EACC;EACA,yBA9CQ;EA+CR,mBA3Ca;EA4Cb;EACA;EACA;EACA;AAxBH;AA0BG;EACC,cA5DY;AAoChB;AA2BG;EACC;AAzBJ;AA4BG;EACC,qDAnEe;EAoEf;EACA,sDA1DS;AAgCb;AA+BE;EACC;EACA;AA7BH;AAgCE;EACC;EACA,mBAxEa;EAyEb;EACA,sBA/EQ;EAgFR,sDA1EY;EA2EZ;EACA;AA9BH;AAiCI;EACC,mBAjFW;EAkFX;AA/BL;AAmCG;EACC;EACA;EACA;AAjCJ;AAmCI;EACC;EACA;EACA;EACA;AAjCL;AAoCI;EACC;AAlCL;AAqCI;EACC;EACA;AAnCL;AAuCG;EACC;EACA;EACA;EACA;EACA;EACA;EAsBA;EACA;AA1DJ;AAqCI;EACC;AAnCL;AAuCG;EACC;AArCJ;AAuCI;EACC;EACA;EACA;EACA;AArCL;AA0CG;EACC;AAxCJ;AAgDE;EACC;AA9CH;AAiDG;EACC;AA/CJ;AAmDG;EACC;AAjDJ;AAqDG;EACC;EACA,cAxKY;AAqHhB;AAuDG;EACC;EACA;AArDJ;AAwDG;EACC;AAtDJ;AA4DG;EACC;EACA;EACA;EACA;AA1DJ;AA+DK;EACC,yBAlMU;EAmMV,qBAnMU;AAsIhB;AAqEG;EACC;EACA;AAnEJ;AAwEE;;EAEC;EACA;AAtEH;AAyEE;EACC;AAvEH;;AA8EC;EACC;EACA;EACA;EACA,cAjOW;AAsJb;;AA+EA;EACC;EACA;EACA,SAlOY;EAmOZ,gBApOY;AAwJb;AA8EC;EAND;IAOE;EA3EA;AACF;;AA8EA;EACC,mBA1Oe;EA2Of,gBAhPU;EAiPV,sDA3Oc;EA4Od;AA3ED;AA6EC;EACC;EACA,gBAtPS;EAuPT;AA3EF;AA6EE;EACC;EACA;EACA;EACA,cA/PU;EAgQV;EACA;AA3EH;;AAgFA;EACC;EACA;EACA;EACA;EACA,SAtQY;EAuQZ;EACA;AA7ED;AA+EC;EACC;AA7EF;AAgFC;EACC;EACA;EACA;AA9EF;AAgFE;EACC;EACA;EACA;EACA;EACA;AA9EH;AAiFE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/EH;AAiFG;EACC;EACA;AA/EJ;AAkFG;EACC;EACA;EACA;AAhFJ;AAqFC;EACC;EACA;AAnFF;AAqFE;EACC;EACA,kBA/TY;AA4Of;AAuFC;EA5DD;IA6DE;IACA;EApFA;EAsFA;;IAEC;IACA;EApFD;AACF;;AAyFA;EACC;EACA;EACA;AAtFD;AAwFC;EACC;EACA;AAtFF;;AA0FA;EACC;EACA;EACA,aAxVY;AAiQb;AAyFC;EACC;EACA;EACA,cAjWW;EAkWX;AAvFF;;AA2FA;EACC;EACA;EACA,aArWY;EAsWZ,kBAvWY;EAwWZ;EACA;EACA,gBA5WU;EA6WV;EACA;AAxFD;AA0FC;EACC;AAxFF;AA2FC;EACC,mBApXS;EAqXT,qBA3Xc;EA4Xd;AAzFF;AA4FC;EACC;EACA,qBAjYc;AAuShB;AA6FC;EACC;EACA;EACA;AA3FF;AA8FC;EACC;EACA;EACA,kBArYW;EAsYX;EACA;EACA;EACA;EACA;AA5FF;AA8FE;EACC;EACA;EACA;AA5FH;AAgGC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA9FF;AAgGE;EACC;AA9FH;AAiGE;EACC;AA/FH;AAkGE;EACC;AAhGH;AAoGC;EACC;EACA;AAlGF;AAoGE;EACC;EACA;EACA,cA9bU;EA+bV;EACA;EACA;EACA;AAlGH;AAqGE;EACC;EACA,cAtcU;EAucV;AAnGH;AAuGC;EACC;EACA,QA1cW;EA2cX,gBA3cW;AAsWb;AAuGE;EACC;EACA;EACA;EACA;EACA;AArGH;AAuGG;EACC,qDA3de;EA4df;AArGJ;AAuGI;EACC,sDApdQ;AA+Wb;AA0GI;EACC,cAteW;EAueX,qBAveW;AA+XhB;AA8GC;EACC;EACA;EACA,kBAxeW;EAyeX;EACA;EACA;AA5GF;AA8GE;EACC,mBAhfQ;EAifR,cAvfa;AA2YhB;AA+GE;EACC;AA7GH;AAgHE;EACC;AA9GH;;AAoHA;EACC;EACA;EACA;AAjHD;AAmHC;EACC;EACA;AAjHF;AAoHC;EACC;AAlHF;AAqHC;EACC;EACA;EACA;EACA,cAphBW;AAiab;AAsHC;EACC;EACA;EACA,cAzhBW;AAqab;;AAwHA;EACC;EACA;EACA,SA3hBY;AAsab;AAuHC;EALD;IAME;IACA,SAhiBW;EA4aX;AACF;;AAwHC;EACC;EACA;EACA;EACA,cA7iBW;EA8iBX;AArHF;AAwHC;EACC;AAtHF;AAyHC;EACC;EACA;AAvHF;;AA2HA;EACC;EACA;EACA;AAxHD;AA0HC;EACC;EACA,cAlkBW;EAmkBX;AAxHF;;AA6HA;EACC;EACA;EACA;EACA;EACA;EACA,cA9kBY;EA+kBZ;AA1HD;;AA8HA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,qDA7lBkB;EA8lBlB;EACA;EACA,gBA1lBY;EA2lBZ;AA3HD;;AA+HA;EACC;EACA;AA5HD;AA8HC;EACC;AA5HF;AA+HC;EACC;EACA,cA5mBW;EA6mBX;AA7HF;;AAkIA;EACC,aA9mBY;EA+mBZ;EACA;EACA;EACA;EACA,mBAlnBe;AAmfhB;AAiIC;EACC;EACA,mBAxnBW;AAyfb;AAkIC;EACC;EACA;AAhIF;;AAqIA;EACC;EACA;EACA;EACA;EACA,mBAroBe;AAmgBhB;AAoIC;EACC;EACA;EACA,mBA5oBW;AA0gBb;AAqIC;EACC;EACA;EACA,cAvpBW;AAohBb;AAsIC;EACC;EACA,cA3pBW;EA4pBX;AApIF;AAuIC;EACC,gBA5pBW;EA6pBX,qDApqBiB;EAqqBjB;EACA;EACA;EACA;AArIF;AAuIE;EACC,sDAhqBU;AA2hBb;;AA2IA;EACC,aA3qBY;EA4qBZ,mBA5qBY;EA6qBZ;EACA;AAxID;AA0IC;EACC;EACA;AAxIF;AA2IC;EACC;EACA;AAzIF;AA4IC;EACC;EACA;AA1IF;AA6IC;EACC;AA3IF;;AAgJA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qDArtBkB;EAstBlB;EACA;EACA;AA7ID;;AAsJA;EACC;EACA;EACA,eA9tBY;EA+tBZ;AAnJD;AAqJC;EACC;EACA;EACA,cAxuBW;EAyuBX;EACA;AAnJF;;AAwJA;EACC;EACA;EACA;EACA;EACA;AArJD;AAuJC;EACC;EACA,SAlvBW;AA6lBb;AAuJE;EAJD;IAKE;IACA;EApJD;AACF;AAuJC;EACC;EACA;EACA;EACA;EACA,cApwBW;AA+mBb;;AA0JA;EACC;EACA;EACA,SAvwBY;AAgnBb;AAyJC;EACC;EACA;AAvJF;AA0JC;EACC;AAxJF;AA2JE;EACC;EACA;EACA;EACA;EACA;AAzJH;AA2JG;EACC,qBAnyBY;AA0oBhB;AA8JE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5JH;AA8JG;EACC,qBApzBY;EAqzBZ;AA5JJ;AA+JG;EACC;EACA;EACA,cAvzBS;AA0pBb;;AAqKC;EACC;EACA;EACA;EACA;AAlKF;AAoKE;EACC,aAl0BU;AAgqBb;;AA4KG;EACC;AAzKJ;AA2KI;EACC;AAzKL;AA6KG;EACC;EACA;AA3KJ;AA+KI;EACC;AA7KL;AAgLI;EACC;AA9KL;;AAyLA;EACC;AAtLD;;AAyLA;EACC;EACA;EACA;EACA;EACA;EACA;AAtLD;AAwLC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtLF;;AA0LA;EACC;EACA;EACA;EACA;EACA;EACA;AAvLD;;AA0LA;EACC;EACA;EACA;AAvLD;;AA0LA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvLD;;AA0LA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAvLD;;AA0LA;EACC;EACA;EACA;EACA;AAvLD;;AA0LA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvLD;AAyLC;EACC;EACA;AAvLF;;AA2LA;EACC;EACA;EACA;EACA;AAxLD;AA0LC;EACC;EACA;EACA;EACA;EACA;AAxLF;;AA4LA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzLD;AA2LC;EACC;AAzLF;;AA6LA;EACC;AA1LD;;AA6LA;EACC;AA1LD,C","sources":["webpack://@codecanel/before-after-image-slider/./src/admin/styles/carousel-panel.scss"],"sourcesContent":["/**\n * Carousel Panel Styles\n * Matches the slider panel UI styling\n *\n * @package wp-before-after-image-slider\n */\n\n@import url(\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap\");\n\n// Variables - matching slider panel\n$primary-color: #4a25e1;\n$primary-gradient: linear-gradient(135deg, #4a25e1, #7b5aff);\n$border-color: #ddd;\n$text-color: #1b2559;\n$text-muted: #475467;\n$bg-panel: #fff;\n$bg-hover: #f8f8f8;\n$spacing-sm: 8px;\n$spacing-md: 16px;\n$spacing-lg: 24px;\n$border-radius: 14px;\n$shadow-panel: 0px 5px 12px 4px rgba(112, 144, 176, 0.08);\n$shadow-tab: 0px 5px 27px -10px rgba(96, 60, 255, 0.48);\n\n// Carousel Panel Root\n#coca_bais_carousel__edit_panel_root {\n\tposition: relative;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\tmin-height: 40px;\n\tmargin-top: 20px;\n\tbox-shadow: 0 1px 1px rgb(0 0 0 / 4%);\n\ttransition: 300ms ease-in-out;\n\tfont-family: \"Plus Jakarta Sans\", sans-serif;\n\n\t.carousel-panel-wrapper {\n\t\tz-index: 10;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\t}\n\n\t// Preview button wrapper — positioned at top-right of the tab row.\n\t// Needs .coca-bais-tabs-wrapper (position: relative) as its container.\n\t.coca-bais-tabs-wrapper {\n\t\tposition: relative;\n\t}\n\n\t// Tab Panel Styling\n\t.coca-bais-carousel-panel {\n\t\t.components-tab-panel__tabs {\n\t\t\tmargin-bottom: 28px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 10px;\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.components-tab-panel__tabs-item {\n\t\t\ttransition: 300ms ease-in-out;\n\t\t\tbackground-color: $bg-hover;\n\t\t\tborder-radius: $border-radius;\n\t\t\theight: 40px !important;\n\t\t\tpadding: 0 24px;\n\t\t\tfont-family: \"Plus Jakarta Sans\", sans-serif;\n\t\t\tfont-weight: 500;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: $primary-color;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t&.is-active {\n\t\t\t\tbackground: $primary-gradient;\n\t\t\t\tcolor: #fff;\n\t\t\t\tbox-shadow: $shadow-tab;\n\t\t\t}\n\t\t}\n\n\t\t// Panel Styling\n\t\t.components-panel {\n\t\t\tborder: none;\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.components-panel__body {\n\t\t\tpadding: 0;\n\t\t\tborder-radius: $border-radius;\n\t\t\tmargin-bottom: 18px;\n\t\t\tbackground-color: $bg-panel;\n\t\t\tbox-shadow: $shadow-panel;\n\t\t\tborder: none;\n\t\t\ttransition: 300ms ease-in-out;\n\n\t\t\t&:not(.is-opened) {\n\t\t\t\t.components-panel__body-title {\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.components-panel__body-title {\n\t\t\t\tbackground-color: $bg-panel !important;\n\t\t\t\tborder-bottom: 1px solid $border-color;\n\t\t\t\tborder-radius: $border-radius $border-radius 0 0;\n\n\t\t\t\tbutton {\n\t\t\t\t\tcolor: $text-color !important;\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tfont-family: \"Plus Jakarta Sans\", sans-serif;\n\t\t\t\t}\n\n\t\t\t\tsvg {\n\t\t\t\t\tcolor: $text-muted !important;\n\t\t\t\t}\n\n\t\t\t\t.components-button {\n\t\t\t\t\toutline: none !important;\n\t\t\t\t\tbox-shadow: none !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.components-panel__row {\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 0;\n\t\t\t\talign-items: flex-start;\n\t\t\t\tjustify-content: flex-start;\n\t\t\t\tpadding: 20px;\n\t\t\t\ttransition: 300ms ease-in-out;\n\n\t\t\t\t> * {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\n\t\t\t// Fix for ToggleControl - it needs row layout\n\t\t\t> .components-toggle-control {\n\t\t\t\twidth: 100%;\n\n\t\t\t\t.components-base-control__field {\n\t\t\t\t\tflex-direction: row !important;\n\t\t\t\t\tdisplay: flex !important;\n\t\t\t\t\talign-items: center !important;\n\t\t\t\t\tgap: 12px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Fix for RangeControl layout\n\t\t\t> .components-base-control:has(.components-range-control) {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t\tcolor: #757575;\n\t\t\t\tmargin-top: 4px;\n\t\t\t}\n\t\t}\n\n\t\t// Range Control - Just color the components, let WordPress handle layout\n\t\t.components-range-control {\n\t\t\twidth: 100%;\n\n\t\t\t// Color the thumb\n\t\t\t.components-range-control__thumb-wrapper {\n\t\t\t\tbackground-color: $primary-color !important;\n\t\t\t}\n\n\t\t\t// Filled track portion (purple)\n\t\t\t.components-range-control__track-fill {\n\t\t\t\tbackground-color: $primary-color !important;\n\t\t\t}\n\n\t\t\t// Reset button color\n\t\t\t.components-range-control__reset {\n\t\t\t\tbox-shadow: none;\n\t\t\t\tcolor: $primary-color;\n\t\t\t}\n\n\t\t\t// Increase input width to show 4+ digits properly\n\t\t\t.components-range-control__number {\n\t\t\t\twidth: 70px !important;\n\t\t\t\tmin-width: 70px !important;\n\t\t\t}\n\n\t\t\t.components-input-control__container {\n\t\t\t\twidth: 70px !important;\n\t\t\t}\n\t\t}\n\n\t\t// Toggle Control - simplified styles, let WordPress handle the functionality\n\t\t.components-toggle-control {\n\t\t\t.components-base-control__field {\n\t\t\t\tdisplay: flex !important;\n\t\t\t\tflex-direction: row !important;\n\t\t\t\talign-items: center !important;\n\t\t\t\tgap: 12px;\n\t\t\t}\n\n\t\t\t.components-form-toggle {\n\t\t\t\t&.is-checked {\n\t\t\t\t\t.components-form-toggle__track {\n\t\t\t\t\t\tbackground-color: $primary-color;\n\t\t\t\t\t\tborder-color: $primary-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Select Control\n\t\t.components-select-control {\n\t\t\tselect {\n\t\t\t\tborder-radius: 6px;\n\t\t\t\tfont-family: \"Plus Jakarta Sans\", sans-serif;\n\t\t\t}\n\t\t}\n\n\t\t// Input Controls\n\t\tinput[type=\"text\"],\n\t\tinput[type=\"number\"] {\n\t\t\tborder-radius: 6px;\n\t\t\tfont-family: \"Plus Jakarta Sans\", sans-serif;\n\t\t}\n\n\t\t.components-input-control__backdrop {\n\t\t\tborder-radius: 6px;\n\t\t}\n\t}\n}\n\n// Slider Selection Tab\n.bais-slider-selection-wrapper {\n\th4 {\n\t\tmargin: 0 0 $spacing-sm 0;\n\t\tfont-size: 16px;\n\t\tfont-weight: 600;\n\t\tcolor: $text-color;\n\t}\n}\n\n.bais-slider-columns {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr;\n\tgap: $spacing-lg;\n\tmargin-top: $spacing-md;\n\n\t@media (max-width: 782px) {\n\t\tgrid-template-columns: 1fr;\n\t}\n}\n\n.bais-slider-column {\n\tborder-radius: $border-radius;\n\tbackground: $bg-panel;\n\tbox-shadow: $shadow-panel;\n\toverflow: hidden;\n\n\t&__header {\n\t\tpadding: $spacing-md $spacing-lg;\n\t\tbackground: $bg-panel;\n\t\tborder-bottom: 1px solid $border-color;\n\n\t\th4 {\n\t\t\tmargin: 0;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: $text-color;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 0.5px;\n\t\t}\n\t}\n}\n\n.bais-slider-filters {\n\tpadding: $spacing-md $spacing-lg;\n\tborder-bottom: 1px solid $border-color;\n\tbackground: #fafafa;\n\tdisplay: flex;\n\tgap: $spacing-md;\n\talign-items: center;\n\tflex-wrap: wrap;\n\n\t.components-text-control__input {\n\t\tborder-radius: 8px;\n\t}\n\n\t.bais-search-wrapper {\n\t\tflex: 2;\n\t\tmin-width: 200px;\n\t\tposition: relative;\n\n\t\t.bais-slider-search {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder: none;\n\t\t\tbackground: transparent;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.bais-search-clear {\n\t\t\tposition: absolute;\n\t\t\tright: 8px;\n\t\t\ttop: 50%;\n\t\t\ttransform: translateY(-50%);\n\t\t\tbackground: transparent;\n\t\t\tborder: none;\n\t\t\tpadding: 4px;\n\t\t\tmin-width: auto;\n\t\t\theight: auto;\n\t\t\t\n\t\t\t&:hover {\n\t\t\t\tbackground: rgba(0, 0, 0, 0.1);\n\t\t\t\tborder-radius: 50%;\n\t\t\t}\n\n\t\t\t.dashicon {\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16px;\n\t\t\t\tfont-size: 16px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.bais-slider-type-filter {\n\t\tflex: 1;\n\t\tmin-width: 150px;\n\n\t\t.components-select-control__input {\n\t\t\tborder-radius: 8px;\n\t\t\tborder-color: $border-color;\n\t\t}\n\t}\n\n\t@media (max-width: 782px) {\n\t\tflex-direction: column;\n\t\talign-items: stretch;\n\n\t\t.bais-search-wrapper,\n\t\t.bais-slider-type-filter {\n\t\t\tflex: none;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}\n\n// Legacy search styling (kept for backward compatibility)\n.bais-slider-search {\n\tpadding: $spacing-md $spacing-lg;\n\tborder-bottom: 1px solid $border-color;\n\tbackground: #fafafa;\n\n\t.components-text-control__input {\n\t\twidth: 100%;\n\t\tborder-radius: 8px;\n\t}\n}\n\n.bais-slider-list {\n\tmax-height: 400px;\n\toverflow-y: auto;\n\tpadding: $spacing-md;\n\n\t&--empty {\n\t\tpadding: $spacing-lg * 2;\n\t\ttext-align: center;\n\t\tcolor: $text-muted;\n\t\tfont-style: italic;\n\t}\n}\n\n.bais-slider-item {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: $spacing-md;\n\tmargin-bottom: $spacing-sm;\n\tborder: 1px solid $border-color;\n\tborder-radius: 10px;\n\tbackground: $bg-panel;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n\n\t&:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\n\t&:hover {\n\t\tbackground: $bg-hover;\n\t\tborder-color: $primary-color;\n\t\ttransform: translateY(-1px);\n\t}\n\n\t&--selected {\n\t\tbackground: rgba(74, 37, 225, 0.05);\n\t\tborder-color: $primary-color;\n\t}\n\n\t&--dragging {\n\t\topacity: 0.8;\n\t\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n\t\ttransform: scale(1.02);\n\t}\n\n\t&__thumbnail {\n\t\twidth: 60px;\n\t\theight: 45px;\n\t\tmargin-right: $spacing-md;\n\t\tborder-radius: 6px;\n\t\toverflow: hidden;\n\t\tflex-shrink: 0;\n\t\tbox-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n\t\tposition: relative;\n\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: cover;\n\t\t}\n\t}\n\n\t.bais-slider-type-indicator {\n\t\tposition: absolute;\n\t\ttop: 3px;\n\t\tright: 3px;\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\tbackground: rgba(0, 0, 0, 0.75);\n\t\tcolor: #fff;\n\t\tborder-radius: 3px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tfont-size: 11px;\n\t\tline-height: 1;\n\t\tpadding: 2px;\n\t\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n\t\tpointer-events: none;\n\n\t\t&.dashicons-format-image {\n\t\t\tbackground: rgba(74, 37, 225, 0.85);\n\t\t}\n\n\t\t&.dashicons-video-alt2 {\n\t\t\tbackground: rgba(220, 38, 38, 0.85);\n\t\t}\n\n\t\t&.dashicons-video-alt3 {\n\t\t\tbackground: rgba(255, 0, 0, 0.85);\n\t\t}\n\t}\n\n\t&__info {\n\t\tflex: 1;\n\t\tmin-width: 0;\n\n\t\t.slider-title {\n\t\t\tfont-weight: 600;\n\t\t\tfont-size: 14px;\n\t\t\tcolor: $text-color;\n\t\t\tmargin: 0 0 4px 0;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\n\t\t.slider-id {\n\t\t\tfont-size: 12px;\n\t\t\tcolor: $text-muted;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t&__actions {\n\t\tdisplay: flex;\n\t\tgap: $spacing-sm;\n\t\tmargin-left: $spacing-sm;\n\n\t\t.components-button {\n\t\t\tmin-width: auto;\n\t\t\tpadding: 6px 12px;\n\t\t\tborder-radius: 6px;\n\t\t\tfont-size: 13px;\n\t\t\ttransition: all 0.2s ease;\n\n\t\t\t&.is-primary {\n\t\t\t\tbackground: $primary-gradient;\n\t\t\t\tborder: none;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbox-shadow: $shadow-tab;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.is-secondary {\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $primary-color;\n\t\t\t\t\tborder-color: $primary-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__drag-handle {\n\t\tcursor: grab;\n\t\tcolor: #999;\n\t\tmargin-right: $spacing-md;\n\t\tpadding: 4px;\n\t\tborder-radius: 4px;\n\t\ttransition: all 0.2s ease;\n\n\t\t&:hover {\n\t\t\tbackground: $bg-hover;\n\t\t\tcolor: $primary-color;\n\t\t}\n\n\t\t&:active {\n\t\t\tcursor: grabbing;\n\t\t}\n\n\t\t.dashicons {\n\t\t\tfont-size: 18px;\n\t\t}\n\t}\n}\n\n// Responsive Settings - Breakpoint Row\n.bais-breakpoint-row {\n\twidth: 100%;\n\tpadding: $spacing-md 0;\n\tborder-bottom: 1px solid #eee;\n\n\t&:last-child {\n\t\tborder-bottom: none;\n\t\tpadding-bottom: 0;\n\t}\n\n\t&:first-child {\n\t\tpadding-top: 0;\n\t}\n\n\th4 {\n\t\tmargin: 0 0 4px 0;\n\t\tfont-size: 15px;\n\t\tfont-weight: 600;\n\t\tcolor: $text-color;\n\t}\n\n\t.description {\n\t\tmargin: 0 0 $spacing-md 0;\n\t\tfont-size: 13px;\n\t\tcolor: $text-muted;\n\t}\n}\n\n.bais-breakpoint-fields {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(3, 1fr);\n\tgap: $spacing-lg;\n\n\t@media (max-width: 782px) {\n\t\tgrid-template-columns: 1fr;\n\t\tgap: $spacing-md;\n\t}\n}\n\n.bais-field {\n\tlabel {\n\t\tdisplay: block;\n\t\tfont-size: 13px;\n\t\tfont-weight: 500;\n\t\tcolor: $text-muted;\n\t\tmargin-bottom: 6px;\n\t}\n\n\t.components-input-control__container {\n\t\twidth: 100%;\n\t}\n\n\tinput {\n\t\twidth: 100%;\n\t\tborder-radius: 6px;\n\t}\n}\n\n.bais-field-input {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\n\t.unit {\n\t\tfont-size: 13px;\n\t\tcolor: $text-muted;\n\t\tfont-weight: 500;\n\t}\n}\n\n// Responsive Description\n.bais-responsive-description {\n\tmargin: 0;\n\tpadding: $spacing-sm $spacing-md;\n\tbackground: rgba(74, 37, 225, 0.05);\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tcolor: $text-muted;\n\tline-height: 1.5;\n}\n\n// Pro Badge\n.bais-pro-badge {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tpadding: 3px 8px;\n\tfont-size: 10px;\n\tfont-weight: 700;\n\ttext-transform: uppercase;\n\tbackground: $primary-gradient;\n\tcolor: #fff;\n\tborder-radius: 4px;\n\tmargin-left: $spacing-sm;\n\tletter-spacing: 0.5px;\n}\n\n// Loading State\n.bais-loading-state {\n\tpadding: $spacing-lg * 3;\n\ttext-align: center;\n\n\t.components-spinner {\n\t\tmargin: 0 auto $spacing-md;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tcolor: $text-muted;\n\t\tfont-size: 14px;\n\t}\n}\n\n// Error State\n.bais-error-state {\n\tpadding: $spacing-lg;\n\ttext-align: center;\n\tcolor: #d94f4f;\n\tbackground: #fef2f2;\n\tborder: 1px solid #fecaca;\n\tborder-radius: $border-radius;\n\n\t.dashicons {\n\t\tfont-size: 32px;\n\t\tmargin-bottom: $spacing-md;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tfont-size: 14px;\n\t}\n}\n\n// Empty State\n.bais-empty-state {\n\tpadding: $spacing-lg * 2;\n\ttext-align: center;\n\tbackground: #fafafa;\n\tborder: 2px dashed #ddd;\n\tborder-radius: $border-radius;\n\n\t.dashicons {\n\t\tfont-size: 48px;\n\t\tcolor: #999;\n\t\tmargin-bottom: $spacing-md;\n\t}\n\n\th4 {\n\t\tmargin: 0 0 $spacing-sm 0;\n\t\tfont-size: 16px;\n\t\tcolor: $text-color;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tcolor: $text-muted;\n\t\tfont-size: 14px;\n\t}\n\n\t.components-button {\n\t\tmargin-top: $spacing-md;\n\t\tbackground: $primary-gradient;\n\t\tcolor: #fff;\n\t\tborder: none;\n\t\tborder-radius: 8px;\n\t\tpadding: 10px 24px;\n\n\t\t&:hover {\n\t\t\tbox-shadow: $shadow-tab;\n\t\t}\n\t}\n}\n\n// Notice Styles\n.bais-notice {\n\tpadding: $spacing-md;\n\tmargin-bottom: $spacing-md;\n\tborder-radius: 8px;\n\tfont-size: 14px;\n\n\t&--info {\n\t\tbackground: rgba(74, 37, 225, 0.08);\n\t\tborder-left: 4px solid $primary-color;\n\t}\n\n\t&--warning {\n\t\tbackground: #fff8e6;\n\t\tborder-left: 4px solid #f0b429;\n\t}\n\n\t&--error {\n\t\tbackground: #fef2f2;\n\t\tborder-left: 4px solid #d94f4f;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t}\n}\n\n// Selected Slider Count Badge\n.bais-selected-count {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmin-width: 24px;\n\theight: 24px;\n\tpadding: 0 8px;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tbackground: $primary-gradient;\n\tcolor: #fff;\n\tborder-radius: 12px;\n\tmargin-left: 8px;\n}\n\n\n// ============================================\n// Navigation Styles Section\n// ============================================\n\n// Section Divider\n.bais-section-divider {\n\twidth: 100%;\n\tpadding: $spacing-md 0 $spacing-sm;\n\tmargin-top: $spacing-sm;\n\tborder-bottom: 1px solid #eee;\n\n\tspan {\n\t\tfont-size: 14px;\n\t\tfont-weight: 600;\n\t\tcolor: $text-color;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.5px;\n\t}\n}\n\n// Field Control Styles (matching panel.scss)\n.field-control {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\twidth: 100%;\n\tpadding: $spacing-md 0;\n\n\t&.field-inline {\n\t\tflex-direction: row;\n\t\tgap: $spacing-lg;\n\n\t\t@media (max-width: 768px) {\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t}\n\t}\n\n\t.field-control__label {\n\t\tmin-width: 120px;\n\t\tmax-width: 160px;\n\t\tfont-size: 14px;\n\t\tfont-weight: 400;\n\t\tcolor: $text-muted;\n\t}\n}\n\n// Fields Wrapper for Color Controls\n.fields-wrapper {\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: $spacing-lg;\n\n\t&.inline {\n\t\tflex-wrap: wrap;\n\t\tjustify-content: flex-start;\n\t}\n\n\t.field {\n\t\ttransition: 300ms ease-in-out;\n\n\t\t// Color indicator button styling\n\t\t.component-color-indicator {\n\t\t\tborder-radius: 4px;\n\t\t\twidth: 28px;\n\t\t\theight: 28px;\n\t\t\tborder: 2px solid #ddd;\n\t\t\ttransition: all 0.2s ease;\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: $primary-color;\n\t\t\t}\n\t\t}\n\n\t\t// Color picker button\n\t\t.components-button {\n\t\t\tflex-direction: column-reverse;\n\t\t\theight: 60px;\n\t\t\tgap: 8px;\n\t\t\talign-items: flex-start;\n\t\t\tpadding: $spacing-sm $spacing-md;\n\t\t\tborder-radius: 8px;\n\t\t\tbackground: #f9f9f9;\n\t\t\tborder: 1px solid #ddd;\n\t\t\ttransition: all 0.2s ease;\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: $primary-color;\n\t\t\t\tbackground: #fff;\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tcolor: $text-muted;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Color Picker Popover\n.components-popover {\n\t.components-popover__content {\n\t\tborder-radius: 12px;\n\t\tbox-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);\n\t\tborder: 1px solid #ddd;\n\t\toverflow: hidden;\n\n\t\t.components-color-picker {\n\t\t\tpadding: $spacing-md;\n\t\t}\n\t}\n}\n\n// Toggle Control Enhancements\n#coca_bais_carousel__edit_panel_root {\n\t.coca-bais-carousel-panel {\n\t\t// Toggle switch styling\n\t\t.components-form-toggle {\n\t\t\t.components-form-toggle__track {\n\t\t\t\tbackground-color: #fdecec;\n\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: 0 0 0 #fff;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.components-form-toggle__thumb {\n\t\t\t\tbackground-color: #b71212 !important;\n\t\t\t\tbox-shadow: 0px 5px 27px -10px rgba(96, 60, 255, 0.48);\n\t\t\t}\n\n\t\t\t&.is-checked {\n\t\t\t\t.components-form-toggle__track {\n\t\t\t\t\tbackground-color: #12b76a;\n\t\t\t\t}\n\n\t\t\t\t.components-form-toggle__thumb {\n\t\t\t\t\tbackground-color: white !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// ─── Preview modal (same as slider panel, scoped globally) ───────────────────\n// Duplicated here so the modal works on the carousel admin page even when\n// the freemium plugin's panel.css is not loaded.\n\n.coca-bais-tabs-wrapper {\n\tposition: relative;\n}\n\n.coca-bais-preview-btn-wrapper {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tdisplay: flex;\n\talign-items: center;\n\theight: 40px;\n\n\t.coca-bais-preview-open-btn.components-button {\n\t\tbackground: linear-gradient(135deg, #4a25e1, #7b5aff) !important;\n\t\tborder: none !important;\n\t\tborder-radius: 10px !important;\n\t\tpadding: 0 20px !important;\n\t\theight: 40px !important;\n\t\tfont-size: 13px !important;\n\t\tfont-weight: 600 !important;\n\t\tbox-shadow: 0 4px 16px -4px rgba(96, 60, 255, 0.55) !important;\n\t\tcolor: #fff !important;\n\t\twhite-space: nowrap;\n\t}\n}\n\n.coca-bais-preview-overlay {\n\tposition: fixed;\n\tinset: 0;\n\tz-index: 999999;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.coca-bais-preview-backdrop {\n\tposition: absolute;\n\tinset: 0;\n\tbackground: rgba(0, 0, 0, 0.82);\n}\n\n.coca-bais-preview-modal {\n\tposition: relative;\n\tz-index: 1;\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: calc(100vw - 64px);\n\tmax-width: 1400px;\n\theight: calc(100vh - 64px);\n\tbackground: #1a1a1a;\n\tborder-radius: 16px;\n\toverflow: hidden;\n\tbox-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);\n}\n\n.coca-bais-preview-modal-header {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 14px 20px;\n\tbackground: #111;\n\tborder-bottom: 1px solid #2a2a2a;\n\tflex-shrink: 0;\n}\n\n.coca-bais-preview-modal-title {\n\tcolor: #fff;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tletter-spacing: 0.3px;\n}\n\n.coca-bais-preview-close {\n\tbackground: none;\n\tborder: none;\n\tcolor: #aaa;\n\tfont-size: 18px;\n\tline-height: 1;\n\tcursor: pointer;\n\tpadding: 4px 8px;\n\tborder-radius: 6px;\n\ttransition: color 150ms, background 150ms;\n\n\t&:hover {\n\t\tcolor: #fff;\n\t\tbackground: rgba(255, 255, 255, 0.1);\n\t}\n}\n\n.coca-bais-preview-modal-body {\n\tflex: 1;\n\toverflow: hidden;\n\tdisplay: flex;\n\talign-items: stretch;\n\n\t.coca-bais-preview-iframe {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder: none;\n\t\tbackground: #111;\n\t}\n}\n\n.coca-bais-preview-status {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 12px;\n\tflex: 1;\n\tpadding: 40px 20px;\n\tcolor: #888;\n\tfont-size: 14px;\n\twidth: 100%;\n\n\t.components-spinner {\n\t\tflex-shrink: 0;\n\t}\n}\n\n.coca-bais-preview-error {\n\tcolor: #f87171;\n}\n\n.coca-bais-preview-empty {\n\ttext-align: center;\n}\n"],"names":[],"sourceRoot":""}