$css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'selector' => blocksy_assemble_selector($root_selector), 'variableName' => 'theme-icon-size', 'value' => $cartIconSize ]); } blocksy_output_colors([ 'value' => blocksy_akg('cartHeaderIconColor', $atts), 'default' => [ 'default' => [ 'color' => 'var(--theme-text-color)' ], 'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'variables' => [ 'default' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]) ), 'variable' => 'theme-icon-color' ], 'hover' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]) ), 'variable' => 'theme-icon-hover-color' ], ], 'responsive' => true ]); $has_subtotal = ( is_customize_preview() || blocksy_some_device(blocksy_default_akg( 'cart_subtotal_visibility', $atts, [ 'desktop' => true, 'tablet' => true, 'mobile' => true, ] )) ); $has_badge = ( is_customize_preview() || blocksy_default_akg('has_cart_badge', $atts, 'yes') === 'yes' ); if ($has_badge) { blocksy_output_colors([ 'value' => blocksy_akg('cartBadgeColor', $atts), 'default' => [ 'background' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], 'text' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'variables' => [ 'background' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]) ), 'variable' => 'theme-cart-badge-background' ], 'text' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]) ), 'variable' => 'theme-cart-badge-text' ], ], 'responsive' => true ]); } if ($has_subtotal) { blocksy_output_font_css([ 'font_value' => blocksy_akg( 'cart_total_font', $atts, blocksy_typography_default_values([ 'size' => '12px', 'variation' => 'n6', 'text-transform' => 'uppercase', ]) ), 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-label' ]) ) ]); blocksy_output_colors([ 'value' => blocksy_akg('cart_total_font_color', $atts), 'default' => [ 'default' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], 'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'variables' => [ 'default' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]) ), 'variable' => 'theme-link-initial-color' ], 'hover' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]) ), 'variable' => 'theme-link-hover-color' ], ], 'responsive' => true ]); } // transparent state if (isset($has_transparent_header) && $has_transparent_header) { if ($has_subtotal) { blocksy_output_colors([ 'value' => blocksy_akg('transparent_cart_total_font_color', $atts), 'default' => [ 'default' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], 'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'variables' => [ 'default' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]), 'operation' => 'between', 'to_add' => '[data-transparent-row="yes"]' ]) ), 'variable' => 'theme-link-initial-color' ], 'hover' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]), 'operation' => 'between', 'to_add' => '[data-transparent-row="yes"]' ]) ), 'variable' => 'theme-link-hover-color' ], ], 'responsive' => true ]); } blocksy_output_colors([ 'value' => blocksy_akg('transparentCartHeaderIconColor', $atts), 'default' => [ 'default' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], 'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'variables' => [ 'default' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]), 'operation' => 'between', 'to_add' => '[data-transparent-row="yes"]' ]) ), 'variable' => 'theme-icon-color' ], 'hover' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]), 'operation' => 'between', 'to_add' => '[data-transparent-row="yes"]' ]) ), 'variable' => 'theme-icon-hover-color' ], ], 'responsive' => true ]); // Badge color if ($has_badge) { blocksy_output_colors([ 'value' => blocksy_akg('transparentCartBadgeColor', $atts), 'default' => [ 'background' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], 'text' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'variables' => [ 'background' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]), 'operation' => 'between', 'to_add' => '[data-transparent-row="yes"]' ]) ), 'variable' => 'theme-cart-badge-background' ], 'text' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]), 'operation' => 'between', 'to_add' => '[data-transparent-row="yes"]' ]) ), 'variable' => 'theme-cart-badge-text' ], ], 'responsive' => true ]); } } // sticky state if (isset($has_sticky_header) && $has_sticky_header) { if ($has_subtotal) { blocksy_output_colors([ 'value' => blocksy_akg('sticky_cart_total_font_color', $atts), 'default' => [ 'default' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], 'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'variables' => [ 'default' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]), 'operation' => 'between', 'to_add' => '[data-sticky*="yes"]' ]) ), 'variable' => 'theme-link-initial-color' ], 'hover' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]), 'operation' => 'between', 'to_add' => '[data-sticky*="yes"]' ]) ), 'variable' => 'theme-link-hover-color' ], ], 'responsive' => true ]); } blocksy_output_colors([ 'value' => blocksy_akg('stickyCartHeaderIconColor', $atts), 'default' => [ 'default' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], 'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'variables' => [ 'default' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]), 'operation' => 'between', 'to_add' => '[data-sticky*="yes"]' ]) ), 'variable' => 'theme-icon-color' ], 'hover' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]), 'operation' => 'between', 'to_add' => '[data-sticky*="yes"]' ]) ), 'variable' => 'theme-icon-hover-color' ], ], 'responsive' => true ]); // Badge color if ($has_badge) { blocksy_output_colors([ 'value' => blocksy_akg('stickyCartBadgeColor', $atts), 'default' => [ 'background' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], 'text' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'variables' => [ 'background' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]), 'operation' => 'between', 'to_add' => '[data-sticky*="yes"]' ]) ), 'variable' => 'theme-cart-badge-background' ], 'text' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-item' ]), 'operation' => 'between', 'to_add' => '[data-sticky*="yes"]' ]) ), 'variable' => 'theme-cart-badge-text' ], ], 'responsive' => true ]); } } // dropdown type if ($cart_drawer_type === 'dropdown' || is_customize_preview()) { // Dropdown top offset $cartDropdownTopOffset = blocksy_akg( 'cartDropdownTopOffset', $atts, 15 ); $css->put( blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-content' ]) ), '--dropdownTopOffset: ' . $cartDropdownTopOffset . 'px' ); // Cart font color blocksy_output_colors([ 'value' => blocksy_akg('cartFontColor', $atts), 'default' => [ 'default' => [ 'color' => '#ffffff' ], 'link_initial' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], 'link_hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'variables' => [ 'default' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-content' ]) ), 'variable' => 'theme-text-color' ], 'link_initial' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-content' ]) ), 'variable' => 'theme-link-initial-color' ], 'link_hover' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-content' ]) ), 'variable' => 'theme-link-hover-color' ], ], ]); // Cart total font color blocksy_output_colors([ 'value' => blocksy_akg('cartTotalFontColor', $atts), 'default' => [ 'default' => [ 'color' => '#ffffff' ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'variables' => [ 'default' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-content .total' ]) ), 'variable' => 'theme-text-color' ], ], ]); // Cart dropdown blocksy_output_colors([ 'value' => blocksy_akg('cartDropDownBackground', $atts), 'default' => [ 'default' => ['color' => '#29333C'] ], 'css' => $css, 'variables' => [ 'default' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-content' ]) ), 'variable' => 'backgroundColor' ] ], ]); blocksy_output_colors([ 'value' => blocksy_akg('cartDropDownBackground', $atts), 'default' => [ 'default' => ['color' => '#29333C'] ], 'css' => $css, 'important' => true, 'variables' => [ 'default' => [ 'selector' => blocksy_assemble_selector( blocksy_mutate_selector([ 'selector' => $root_selector, 'operation' => 'suffix', 'to_add' => '.ct-cart-content .blockUI.blockOverlay' ]) ), 'variableType' => 'property', 'variable' => 'background-color' ] ], ]); } // offcanvas type if ($cart_drawer_type === 'offcanvas' || is_customize_preview()) { blocksy_output_responsive([ 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'selector' => '#woo-cart-panel', 'variableName' => 'side-panel-width', 'responsive' => true, 'unit' => '', 'value' => blocksy_akg('cart_panel_width', $atts, [ 'desktop' => '500px', 'tablet' => '65vw', 'mobile' => '90vw', ]) ]); blocksy_output_colors([ 'value' => blocksy_akg('cart_panel_heading_font_color', $atts), 'default' => [ 'default' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'variables' => [ 'default' => [ 'selector' => '#woo-cart-panel .ct-panel-actions', 'variable' => 'theme-text-color' ], ], 'responsive' => true ]); blocksy_output_colors([ 'value' => blocksy_akg('cart_panel_font_color', $atts), 'default' => [ 'default' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], 'link_initial' => [ 'color' => 'var(--theme-headings-color)' ], 'link_hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'variables' => [ 'default' => [ 'selector' => '#woo-cart-panel .cart_list, #woo-cart-panel [class*="empty-message"]', 'variable' => 'theme-text-color' ], 'link_initial' => [ 'selector' => '#woo-cart-panel .cart_list', 'variable' => 'theme-link-initial-color' ], 'link_hover' => [ 'selector' => '#woo-cart-panel .cart_list', 'variable' => 'theme-link-hover-color' ], ], 'responsive' => true ]); blocksy_output_colors([ 'value' => blocksy_akg('cart_panel_total_font_color', $atts), 'default' => [ 'default' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'variables' => [ 'default' => [ 'selector' => '#woo-cart-panel .total', 'variable' => 'theme-text-color' ], ], 'responsive' => true ]); blocksy_output_box_shadow([ 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'selector' => '#woo-cart-panel', 'value' => blocksy_akg('cart_panel_shadow', $atts, blocksy_box_shadow_value([ 'enable' => true, 'h_offset' => 0, 'v_offset' => 0, 'blur' => 70, 'spread' => 0, 'inset' => false, 'color' => [ 'color' => 'rgba(0, 0, 0, 0.35)', ], ])), 'responsive' => true ]); blocksy_output_background_css([ 'selector' => '#woo-cart-panel .ct-panel-inner', 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'responsive' => true, 'value' => blocksy_akg('cart_panel_background', $atts, blocksy_background_default_value([ 'backgroundColor' => [ 'default' => [ 'color' => '#ffffff' ], ], ]) ) ]); blocksy_output_background_css([ 'selector' => '#woo-cart-panel .blockUI.blockOverlay', 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'responsive' => true, 'important' => true, 'value' => blocksy_akg('cart_panel_background', $atts, blocksy_background_default_value([ 'backgroundColor' => [ 'default' => [ 'color' => '#ffffff' ], ], ]) ) ]); blocksy_output_background_css([ 'selector' => '#woo-cart-panel', 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'responsive' => true, 'value' => blocksy_akg('cart_panel_backdrop', $atts, blocksy_background_default_value([ 'backgroundColor' => [ 'default' => [ 'color' => 'rgba(18, 21, 25, 0.6)' ], ], ]) ) ]); $close_button_type = blocksy_akg('cart_panel_close_button_type', $atts, 'type-1'); blocksy_output_colors([ 'value' => blocksy_akg('cart_panel_close_button_color', $atts), 'default' => [ 'default' => [ 'color' => 'rgba(0, 0, 0, 0.5)' ], 'hover' => [ 'color' => 'rgba(0, 0, 0, 0.8)' ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'responsive' => true, 'variables' => [ 'default' => [ 'selector' => '#woo-cart-panel .ct-toggle-close', 'variable' => 'theme-icon-color' ], 'hover' => [ 'selector' => '#woo-cart-panel .ct-toggle-close:hover', 'variable' => 'theme-icon-color' ] ], ]); if ($close_button_type === 'type-2') { blocksy_output_colors([ 'value' => blocksy_akg('cart_panel_close_button_border_color', $atts), 'default' => [ 'default' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], 'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'responsive' => true, 'variables' => [ 'default' => [ 'selector' => '#woo-cart-panel .ct-toggle-close[data-type="type-2"]', 'variable' => 'toggle-button-border-color' ], 'hover' => [ 'selector' => '#woo-cart-panel .ct-toggle-close[data-type="type-2"]:hover', 'variable' => 'toggle-button-border-color' ] ], ]); } if ($close_button_type === 'type-3') { blocksy_output_colors([ 'value' => blocksy_akg('cart_panel_close_button_shape_color', $atts), 'default' => [ 'default' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], 'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ], ], 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'responsive' => true, 'variables' => [ 'default' => [ 'selector' => '#woo-cart-panel .ct-toggle-close[data-type="type-3"]', 'variable' => 'toggle-button-background' ], 'hover' => [ 'selector' => '#woo-cart-panel .ct-toggle-close[data-type="type-3"]:hover', 'variable' => 'toggle-button-background' ] ], ]); } $cart_panel_close_button_icon_size = blocksy_akg( 'cart_panel_close_button_icon_size', $atts, 12 ); if ($cart_panel_close_button_icon_size !== 12) { $css->put( '#woo-cart-panel .ct-toggle-close', '--theme-icon-size: ' . $cart_panel_close_button_icon_size . 'px' ); } if ($close_button_type !== 'type-1') { $cart_panel_close_button_border_radius = blocksy_akg( 'cart_panel_close_button_border_radius', $atts, 5 ); if ($cart_panel_close_button_border_radius !== 5) { $css->put( '#woo-cart-panel .ct-toggle-close', '--toggle-button-radius: ' . $cart_panel_close_button_border_radius . 'px' ); } } } // Margin blocksy_output_spacing([ 'css' => $css, 'tablet_css' => $tablet_css, 'mobile_css' => $mobile_css, 'selector' => blocksy_assemble_selector($root_selector), 'important' => true, 'value' => blocksy_default_akg( 'headerCartMargin', $atts, blocksy_spacing_value() ) ]);