/* =========================================================
   Prime Elementor Addons – Elementor Panel Styles
   ========================================================= */

/* ---------- Variables ---------- */
.elementor-panel {
  --pea-icon-size: 30px;
  --pea-icon-color: #d5d8dc;
  --pea-badge-bg: #399dff;
}

/* ---------- Widget Badge ---------- */
.elementor-panel .pea-widget-badge::after {
  content: "PEA";
  position: absolute;
  top: 3px;
  right: 3px;
  width: 20px;
  height: 20px;
  font:
    bold 14px "Lexend",
    sans-serif;
  background: var(--pea-badge-bg);
  color: #fff;
  display: grid;
  place-items: center;
  border-radius: 50%;
}

/* ---------- Elementor Panel Icon Wrapper ---------- */
.elementor-panel
  #elementor-panel-category-prime-elementor-addons
  .elementor-element
  .icon,
.elementor-panel .elementor-element .icon:has( > i[class^="pea_"][class$="_icon"]) {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  padding-top: 15px;
}

.elementor-panel .elementor-control-rive_file .pea-rive-change-file {
    width: 100%;
}

/* ---------- Lottie/Rive Upload Controls ---------- */
.elementor-panel .pea-rive-url-upload,
.elementor-panel .pea-lottie-url-upload {
    margin-top: 8px;
}

.elementor-panel .pea-rive-upload-actions,
.elementor-panel .pea-lottie-upload-actions {
    display: flex;
    gap: 8px;
    align-items: center;
}

.elementor-panel .pea-rive-change-file,
.elementor-panel .pea-lottie-json-remove-btn {
    display: none;
}

/* ---------- Base Icon Style (ALL PEA widget icons) ---------- */
.elementor-panel [class^="pea_"][class$="_icon"] {
  display: block;
  width: var(--pea-icon-size);
  height: var(--pea-icon-size);
  background-color: var(--pea-icon-color);
  -webkit-mask: var(--pea-icon) no-repeat center / contain;
  -webkit-mask-size: contain;
  mask: var(--pea-icon) no-repeat center / contain;
  mask-size: contain;
}

/* ---------- Icon Definitions ---------- */
.elementor-panel .pea_advanced_accordion_icon {
  --pea-icon: url("../../assets/icons/accordion.svg");
}

.elementor-panel .pea_advanced_heading_icon {
  --pea-icon: url("../../assets/icons/advanced-heading.svg");
}

.elementor-panel .pea_advanced_button_icon,
.elementor-panel .pea_dual_button_icon {
  --pea-icon: url("../../assets/icons/advanced-button.svg");
}

.elementor-panel .pea_advanced_menu_icon {
  --pea-icon: url("../../assets/icons/advanced-navigation.svg");
}

.elementor-panel .pea_advanced_image_icon {
  --pea-icon: url("../../assets/icons/advanced-image.svg");
}

.elementor-panel .pea_advanced_tabs_icon {
  --pea-icon: url("../../assets/icons/advanced-tabs.svg");
}

.elementor-panel .pea_advanced_video_icon {
  --pea-icon: url("../../assets/icons/advanced-video.svg");
}

.elementor-panel .pea_count_down_icon {
  --pea-icon: url("../../assets/icons/countdown.svg");
}

.elementor-panel .pea_cta_icon {
  --pea-icon: url("../../assets/icons/call-to-action.svg");
}

.elementor-panel .pea_contact_form_7_icon,
.elementor-panel .pea_fluent_form_icon {
  --pea-icon: url("../../assets/icons/form.svg");
}

.elementor-panel .pea_counter_icon {
  --pea-icon: url("../../assets/icons/counter-number.svg");
}

.elementor-panel .pea_feature_list_icon {
  --pea-icon: url("../../assets/icons/features-list.svg");
}

.elementor-panel .pea_flip_box_icon {
  --pea-icon: url("../../assets/icons/flip-box.svg");
}

.elementor-panel .pea_icon_box_icon {
  --pea-icon: url("../../assets/icons/icon-box.svg");
}

.elementor-panel .pea_image_gallery_icon {
  --pea-icon: url("../../assets/icons/image-gallery.svg");
}

.elementor-panel .pea_info_box_icon {
  --pea-icon: url("../../assets/icons/info-box.svg");
}

.elementor-panel .pea_post_grid_icon {
  --pea-icon: url("../../assets/icons/post-grid.svg");
}

.elementor-panel .pea_progress_bar_icon {
  --pea-icon: url("../../assets/icons/progressbar.svg");
}

.elementor-panel .pea_social_icons_icon {
  --pea-icon: url("../../assets/icons/social-icons.svg");
}

.elementor-panel .pea_team_member_icon {
  --pea-icon: url("../../assets/icons/team-member.svg");
}

.elementor-panel .pea_testimonial_icon {
  --pea-icon: url("../../assets/icons/testimonial.svg");
}

.elementor-panel .pea_google_map_icon {
  --pea-icon: url("../../assets/icons/google-map.svg");
}

.elementor-panel .pea_advanced_paragraph_icon {
  --pea-icon: url("../../assets/icons/advanced-paragraph.svg");
}

.elementor-panel .pea_advanced_search_icon {
  --pea-icon: url("../../assets/icons/advanced-search.svg");
}

.elementor-panel .pea_animated_heading_icon {
  --pea-icon: url("../../assets/icons/animated-heading.svg");
}

.elementor-panel .pea_business_hours_icon {
  --pea-icon: url("../../assets/icons/business-hours.svg");
}

.elementor-panel .pea_breadcrumb_icon {
  --pea-icon: url('../../assets/icons/breadcrumb.svg');
}

.elementor-panel .pea_pricing_table_icon, .elementor-panel .pea_multicolumn_pricing_table_icon {
  --pea-icon: url('../../assets/icons/pricing-table.svg');
}

.elementor-panel .pea_rive_animation_icon {
  --pea-icon: url('../../assets/icons/rive-animation.svg');
}

.elementor-panel .pea_lottie_animation_icon {
  --pea-icon: url('../../assets/icons/lottie-animation.svg');
}

.elementor-panel .pea_lottie_animation_icon {
  --pea-icon: url('../../assets/icons/lottie-animation.svg');
}

.elementor-panel .pea_back_to_top_icon {
  --pea-icon: url('../../assets/icons/back-to-top.svg');
}

.elementor-panel .pea_advanced_slider_icon {
  --pea-icon: url('../../assets/icons/advanced-slider.svg');
}

.elementor-panel .pea_template_icon {
  --pea-icon: url('../../assets/icons/template-widget.svg');
}

.elementor-panel .pea_post_category_icon {
  --pea-icon: url('../../assets/icons/post-category.svg');
}

.elementor-panel .pea_marquee_carousel_icon {
  --pea-icon: url('../../assets/icons/marquee-carousel.svg');
}

.elementor-panel .pea_site_title_icon {
  --pea-icon: url('../../assets/icons/site-title.svg');
}

.elementor-panel .pea_site_tagline_icon {
  --pea-icon: url('../../assets/icons/site-tagline.svg');
}

.elementor-panel .pea_site_logo_icon {
  --pea-icon: url('../../assets/icons/site-logo.svg');
}

.elementor-panel .pea_table_of_contents_icon {
  --pea-icon: url('../../assets/icons/table-of-contents.svg');
}

/* ---------- Single Post Widget Icons ---------- */

.elementor-panel .pea_post_title_icon {
  --pea-icon: url('../../assets/icons/post-title.svg');
}
.elementor-panel .pea_post_content_icon {
  --pea-icon: url('../../assets/icons/post-content.svg');
}
.elementor-panel .pea_post_categories_icon {
  --pea-icon: url('../../assets/icons/post-categories.svg');
}
.elementor-panel .pea_post_featured_image_icon {
  --pea-icon: url('../../assets/icons/post-featured-image.svg');
}
.elementor-panel .pea_post_share_icons_icon {
  --pea-icon: url('../../assets/icons/post-share-icons.svg');
}
.elementor-panel .pea_post_navigation_icon {
  --pea-icon: url('../../assets/icons/post-navigation.svg');
}
.elementor-panel .pea_post_meta_icon {
  --pea-icon: url('../../assets/icons/post-meta.svg');
}
.elementor-panel .pea_post_author_icon {
  --pea-icon: url('../../assets/icons/post-author.svg');
}
.elementor-panel .pea_post_comment_icon {
  --pea-icon: url('../../assets/icons/post-comment.svg');
}

/* ---------- Pro Widget Icons ---------- */
.elementor-panel .pea_advanced_mega_menu_icon {
  --pea-icon: url('../../assets/icons/advanced-mega-menu.svg');
}
.elementor-panel .pea_advanced_off_canvas_icon {
  --pea-icon: url('../../assets/icons/advanced-off-canvas.svg');
}
.elementor-panel .pea_horizontal_timeline_icon {
  --pea-icon: url('../../assets/icons/horizontal-timeline.svg');
}
.elementor-panel .pea_content_table_icon {
  --pea-icon: url('../../assets/icons/content-table.svg');
}
.elementor-panel .pea_stacked_card_icon {
  --pea-icon: url('../../assets/icons/stacked-card.svg');
}
.elementor-panel .pea_post_ticker_icon {
  --pea-icon: url('../../assets/icons/post-ticker.svg');
}
.elementor-panel .pea_advanced_model_popup_icon {
  --pea-icon: url('../../assets/icons/advanced-model-popup.svg');
}
.elementor-panel .pea_advanced_multichart_icon {
  --pea-icon: url('../../assets/icons/multi-chart.svg');
}
.elementor-panel .pea_circle_menu_icon {
  --pea-icon: url('../../assets/icons/circle-menu.svg');
}
.elementor-panel .pea_pie_chart_icon {
  --pea-icon: url('../../assets/icons/pie-chart.svg');
}
.elementor-panel .pea_image_hotspot_icon {
  --pea-icon: url('../../assets/icons/image-hotspot.svg');
}
.elementor-panel .pea_post_timeline_icon {
  --pea-icon: url('../../assets/icons/post-timeline.svg');
}
.elementor-panel .pea_advanced_switcher_icon {
  --pea-icon: url('../../assets/icons/advanced-switcher.svg');
}
.elementor-panel .pea_image_comparison_icon {
  --pea-icon: url('../../assets/icons/image-compare.svg');
}
.elementor-panel .pea_page_progress_bar_icon {
  --pea-icon: url('../../assets/icons/page-progressbar.svg');
}
.elementor-panel .pea_post_carousel_icon {
  --pea-icon: url('../../assets/icons/post-carousel.svg');
}
.elementor-panel .pea_price_menu_icon {
  --pea-icon: url('../../assets/icons/price-menu.svg');
}
.elementor-panel .pea_price_list_icon {
  --pea-icon: url('../../assets/icons/price-list.svg');
}
.elementor-panel .pea_woo_mini_cart_icon {
  --pea-icon: url('../../assets/icons/woo-mini-cart.svg');
} 
.elementor-panel .pea_pdf_viewer_icon {
  --pea-icon: url('../../assets/icons/pdf-viewer.svg');
}
.elementor-panel .pea_code_snippet_icon {
  --pea-icon: url('../../assets/icons/code-snippet.svg');
}

/* ---------- Extensions Icons ---------- */
.elementor-panel .elementor-panel-menu-item-icon:has( > i[class^="pea_"][class$="_icon"]) {
  display: flex;
  justify-content: center;
}
.elementor-panel .elementor-panel-menu-item-icon:has( > i[class^="pea_"][class$="_icon"]) i {
  background-color: #fff;
  font-size: 19px;
  width: 19px;
  height: 19px;
}
.elementor-panel .pea_page_scrollbar_icon {
  --pea-icon: url('../../assets/icons/extensions/page-scrollbar.svg');
  height: 20px !important;
  width: 20px !important;
}

.pea-upgrade-btn {
  display: block;
  text-align: center;
}

.pea-upgrade-btn:not([style="display: none;"]) + button, .pea-upgrade-btn:not([style="display: none;"]) + button + button {
  display: none;
}