{"version":3,"file":"admin/css/carousel-admin.css","mappings":";;;AAAA;;;;;;;;EAAA;AAUA;AACA;EACC;AAAD;;AAGA;EACC;AAAD;;AAGA;EACC;EACA;EACA;EACA;AAAD;;AAGA;EACC;EACA;EACA;AAAD;;AAGA;;EAEC;EACA;AAAD;;AAGA;;EAEC;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;EACC;EACA;EACA;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;EACC;EACA;EACA;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;AAEC;EACC;AAAF;AAGC;EACC;AADF;AAIC;EACC;AAFF;;AAMA;EACC;EACA;AAHD;;AAMA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAHD;;AAMA;EACC;EACA;AAHD;;AAMA;EACC;EACA;EACA;EACA;AAHD;;AAMA;EACC;EACA;AAHD;;AAMA;EACC;EACA;EACA;AAHD;;AAMA;EACC;EACA;EACA;AAHD;;AAMA;EACC;AAHD;;AAMA;AACA;EACC;EACA;EACA;EACA;EACA;AAHD;;AAMA;AACA;EACC;AAHD;;AAMA;EACC;AAHD;;AAMA;EACC;EACA;AAHD;;AAMA;EACC;AAHD;;AAMA;EACC;EACA;EACA;EACA;EACA;EACA;AAHD;;AAMA;EACC;AAHD;;AAMA;;EAEC;AAHD;;AAMA;EACC;AAHD;;AAMA;EACC;AAHD;;AAMA;EACC;EACA;AAHD;;AAMA;EACC;EACA;AAHD;;AAMA;AACA;EACC;EACA;AAHD;;AAMA;EACC;EACA;AAHD;;AAMA;AACA;EACC;EACA;AAHD;;AAMA;EACC;AAHD;;AAMA;EACC;EACA;EACA;EACA;EACA;EACA;AAHD;;AAMA;AACA;EACC;IACC;EAHA;EAMD;IACC;EAJA;AACF;AAOA;EACC;IACC;EALA;EAQD;IACC;EANA;EASD;IACC;IACA;IACA;EAPA;EAUD;IACC;EARA;EAWD;;IAEC;IACA;IACA;EATA;EAYD;IACC;EAVA;AACF,C","sources":["webpack://@codecanel/before-after-image-slider/./src/admin/styles/carousel-admin.scss"],"sourcesContent":["/**\n * Carousel Admin Styles\n *\n * Styles for the carousel admin interface including\n * slider selection, drag-and-drop, and settings panels.\n *\n * @package wp-before-after-image-slider\n * @since 2.1.0\n */\n\n/* Slider Selection */\n.bais-carousel-slider-selection {\n\tmargin: 20px 0;\n}\n\n.bais-slider-selection-header {\n\tmargin-bottom: 20px;\n}\n\n.bais-search-box input[type='text'] {\n\twidth: 100%;\n\tmax-width: 400px;\n\tpadding: 8px 12px;\n\tfont-size: 14px;\n}\n\n.bais-slider-columns {\n\tdisplay: flex;\n\tgap: 20px;\n\tmargin-top: 20px;\n}\n\n.bais-available-sliders,\n.bais-selected-sliders {\n\tflex: 1;\n\tmin-width: 0;\n}\n\n.bais-available-sliders h3,\n.bais-selected-sliders h3 {\n\tmargin: 0 0 15px 0;\n\tpadding: 10px;\n\tbackground: #f0f0f1;\n\tborder-left: 4px solid #2271b1;\n\tfont-size: 14px;\n\tfont-weight: 600;\n}\n\n.bais-slider-list {\n\tborder: 1px solid #c3c4c7;\n\tbackground: #fff;\n\tmin-height: 300px;\n\tmax-height: 600px;\n\toverflow-y: auto;\n\tpadding: 10px;\n}\n\n/* Slider Item */\n.bais-slider-item {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tpadding: 12px;\n\tmargin-bottom: 10px;\n\tbackground: #f9f9f9;\n\tborder: 1px solid #dcdcde;\n\tborder-radius: 4px;\n\ttransition: all 0.2s ease;\n}\n\n.bais-slider-item:hover {\n\tbackground: #fff;\n\tborder-color: #2271b1;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.bais-slider-thumbnail {\n\tflex-shrink: 0;\n\twidth: 60px;\n\theight: 60px;\n\tborder-radius: 4px;\n\toverflow: hidden;\n\tbackground: #f0f0f1;\n\tposition: relative;\n}\n\n.bais-slider-thumbnail img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n}\n\n.bais-slider-type-indicator {\n\tposition: absolute;\n\ttop: 4px;\n\tright: 4px;\n\twidth: 20px;\n\theight: 20px;\n\tbackground: rgba(0, 0, 0, 0.75);\n\tcolor: #fff;\n\tborder-radius: 3px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-size: 12px;\n\tline-height: 1;\n\tpadding: 2px;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n\tpointer-events: none;\n\n\t&.dashicons-format-image {\n\t\tbackground: rgba(74, 37, 225, 0.85);\n\t}\n\n\t&.dashicons-video-alt2 {\n\t\tbackground: rgba(220, 38, 38, 0.85);\n\t}\n\n\t&.dashicons-video-alt3 {\n\t\tbackground: rgba(255, 0, 0, 0.85);\n\t}\n}\n\n.bais-slider-info {\n\tflex: 1;\n\tmin-width: 0;\n}\n\n.bais-slider-info h4 {\n\tmargin: 0 0 4px 0;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tcolor: #1d2327;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n\n.bais-slider-id {\n\tfont-size: 12px;\n\tcolor: #646970;\n}\n\n.bais-slider-actions {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tflex-shrink: 0;\n}\n\n.bais-slider-actions .button {\n\tpadding: 4px 8px;\n\tmin-height: 32px;\n}\n\n.bais-slider-actions .dashicons {\n\twidth: 18px;\n\theight: 18px;\n\tfont-size: 18px;\n}\n\n.bais-drag-handle {\n\tcursor: move;\n\tcolor: #646970;\n\ttransition: color 0.2s ease;\n}\n\n.bais-drag-handle:hover {\n\tcolor: #2271b1;\n}\n\n/* Sortable Placeholder */\n.bais-slider-placeholder {\n\tbackground: #e3f2fd;\n\tborder: 2px dashed #2271b1;\n\tmargin-bottom: 10px;\n\theight: 84px;\n\tborder-radius: 4px;\n}\n\n/* Carousel Settings */\n.bais-carousel-settings {\n\tmargin: 20px 0;\n}\n\n.bais-carousel-settings .form-table {\n\tmargin-top: 0;\n}\n\n.bais-carousel-settings .form-table th {\n\tpadding: 15px 10px 15px 0;\n\twidth: 200px;\n}\n\n.bais-carousel-settings .form-table td {\n\tpadding: 15px 10px;\n}\n\n.bais-carousel-settings h3 {\n\tmargin: 20px 0 10px 0;\n\tpadding: 10px 0;\n\tborder-bottom: 1px solid #c3c4c7;\n\tfont-size: 15px;\n\tfont-weight: 600;\n\tcolor: #1d2327;\n}\n\n.bais-carousel-settings h3:first-child {\n\tmargin-top: 0;\n}\n\n.bais-carousel-settings .form-table tr:first-child th,\n.bais-carousel-settings .form-table tr:first-child td {\n\tpadding-top: 0;\n}\n\n.bais-carousel-settings input[type='number'] {\n\twidth: 80px;\n}\n\n.bais-carousel-settings input[type='checkbox'] {\n\tmargin-right: 8px;\n}\n\n.bais-carousel-settings .description {\n\tmargin-top: 5px;\n\tfont-style: italic;\n}\n\n.bais-carousel-settings label {\n\tdisplay: inline-block;\n\tmargin-right: 15px;\n}\n\n/* Copy Shortcode Button */\n.copy-shortcode {\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n}\n\n.copy-shortcode.copied {\n\tcolor: #00a32a;\n\tborder-color: #00a32a;\n}\n\n/* Admin Columns */\n.column-sliders {\n\twidth: 80px;\n\ttext-align: center;\n}\n\n.column-shortcode {\n\twidth: 350px;\n}\n\n.column-shortcode code {\n\tdisplay: inline-block;\n\tpadding: 4px 8px;\n\tbackground: #f0f0f1;\n\tborder: 1px solid #c3c4c7;\n\tborder-radius: 3px;\n\tfont-size: 12px;\n}\n\n/* Responsive */\n@media (max-width: 1280px) {\n\t.bais-slider-columns {\n\t\tflex-direction: column;\n\t}\n\n\t.bais-slider-list {\n\t\tmax-height: 400px;\n\t}\n}\n\n@media (max-width: 782px) {\n\t.bais-slider-item {\n\t\tflex-wrap: wrap;\n\t}\n\n\t.bais-slider-info {\n\t\tflex: 1 1 calc(100% - 80px);\n\t}\n\n\t.bais-slider-actions {\n\t\tflex: 1 1 100%;\n\t\tjustify-content: flex-end;\n\t\tmargin-top: 8px;\n\t}\n\n\t.column-shortcode {\n\t\twidth: auto;\n\t}\n\n\t.bais-carousel-settings .form-table th,\n\t.bais-carousel-settings .form-table td {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\tpadding: 10px 0;\n\t}\n\n\t.bais-carousel-settings .form-table th {\n\t\tpadding-bottom: 5px;\n\t}\n}\n"],"names":[],"sourceRoot":""}