<?php
defined('ABSPATH') || exit();
//INCLUDED IN CLASS CSS

//containers
// $css .= '
// .uicore-ham-creative .uicore-navigation-content,
// .container-width .uicore-megamenu > .elementor,
// #wrapper-navbar.elementor-section.elementor-section-boxed .elementor-container .uicore-megamenu .elementor-section.elementor-section-boxed .elementor-container,
// #wrapper-navbar.elementor-section.elementor-section-full_width .elementor-container .uicore-megamenu .elementor-section.elementor-section-boxed .elementor-container
// {
//     max-width:' . $json_settings['gen_full_w'] . 'px!important;
// }
// .elementor-section.elementor-section-boxed > .elementor-container {
//     max-width:' . $json_settings['gen_full_w'] . 'px;
// }
// ';

if ($json_settings['gen_siteborder'] == 'true') {
    $css .=
        '
    @media (min-width: ' . $br_points['md'] . 'px) {
        #uicore-page{
            border: ' .  $json_settings['gen_siteborder_w'] . 'px solid  ' . $this->color($json_settings['gen_sitebordercolor']) . ';
            box-shadow: inset 0 0 0 1px ' . $this->color($json_settings['gen_sitebordercolor']) . ';
        }
    }
    ';
}


if ($json_settings['gen_layout'] == 'boxed') {
    $css .=
        '
    body.uicore-boxed .uicore-reveal .uicore-post-info,
    .uicore-fade-light .uicore-zoom-wrapper,
    .ui-simple-creative {
        background-color:' . $this->color($json_settings['gen_boxed_bg']) . '
    }
    ';
    $css .=
    '
    body.uicore-boxed #uicore-page{
        max-width: ' .
        $json_settings['gen_boxed_w'] .
        'px;
        margin:0 auto;
        background-color:' . $this->color($json_settings['gen_boxed_bg']) .
        ';
    ';
    if(isset($json_settings['gen_boxed_bg']['blur']) && $json_settings['gen_boxed_bg']['blur'] === 'true'){
        $css .= '
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        ';
    }
    $css .='}
    ';

} else {
    $css .=
        '
    .uicore-reveal .uicore-post-info,
    .ui-simple-creative,
    .uicore-fade-light .uicore-zoom-wrapper{
        background-color:' .
        $json_settings['gen_bg']['solid'] .
        '
    }';
}


$css .= '
.uicore-page-link.current,
.uicore-pagination ul li a,
.comment-list .says,
blockquote,
dt,
.comment-meta .fn {
	color:' . $this->color( $json_settings['h4']['c']) . '
}

';


//Backgrounds
$css .= $this->background($json_settings['gen_bg'] , '.uicore-body-content');


//Elementor and Element Pack
$css .= '

.bdt-price-table div.bdt-price-table-price {
    color:' . $this->color($json_settings['h1']['c']) .
    '
}
.bdt-accordion-title,
.uicore-body-content .elementor-widget-bdt-advanced-icon-box .bdt-ep-advanced-icon-box-title,
.bdt-callout-title,
.elementor-counter .elementor-counter-number-wrapper,
.bdt-fancy-card.bdt-fancy-card-skin-default div.bdt-fancy-card-content .bdt-fancy-card-title,
.bdt-fancy-list div.list-icon i,
div.bdt-fancy-slider .swiper-wrapper .bdt-fancy-slider-item .bdt-fancy-slider-content .bdt-fancy-slider-title,
div.bdt-fancy-tabs .bdt-fancy-tabs-content .bdt-fancy-tab-title,
div.bdt-featured-box .bdt-feature-content .bdt-feature-title,
.bdt-flip-box-front .bdt-flip-box-layer-title,
div.bdt-interactive-card .bdt-interactive-card-content .bdt-interactive-card-title,
.bdt-member-name,
.bdt-navbar-nav>li>a,
div.bdt-post-block .bdt-post-block-item .bdt-post-block-link,
div.bdt-post-card .bdt-post-card-item .bdt-post-card-title,
div.bdt-ep-grid-filters-wrapper .bdt-ep-grid-filters .bdt-ep-grid-filter.bdt-active,
div.bdt-post-gallery .bdt-gallery-item .bdt-gallery-item-title,
div.bdt-post-grid.bdt-post-grid-skin-alite .bdt-post-grid-title a,
div.bdt-post-grid.bdt-post-grid-skin-harold .bdt-post-grid-title a,
div.bdt-post-grid.bdt-post-grid-skin-reverse .bdt-post-grid-title a,
div.bdt-post-grid.bdt-post-grid-skin-alter .bdt-post-grid-title a,
div.bdt-post-list .bdt-post-list-item .bdt-post-list-link,
div.bdt-post-slider.bdt-post-slider-skin-vast .bdt-post-slider-title,
ul.bdt-price-list .bdt-price-list-title,
.elementor-widget-progress .elementor-title,
.bdt-progress-pie-wrapper .bdt-progress-pie .bdt-progress-pie-label,
div.bdt-social-proof .bdt-social-proof-title,
div.bdt-social-proof .bdt-social-proof-ratting-wrapper .bdt-rating-number,
.elementor-testimonial-content,
.elementor-testimonial-details .elementor-testimonial-name,
.bdt-timeline-icon,
.bdt-timeline-date {
    color: ' . $this->color($json_settings['h4']['c']) . ';
}
.bdt-accordion-title:hover,
.bdt-accordion-title:focus,
div.elementor-widget-bdt-advanced-counter .bdt-ep-advanced-counter-content-text,
.bdt-circle-info .bdt-circle-info-content-wrapper .bdt-circle-info-item div.bdt-circle-info-desc,
.elementor-counter .elementor-counter-title,
.bdt-fancy-card.bdt-fancy-card-skin-default div.bdt-fancy-card-content .bdt-fancy-card-description,
div.bdt-fancy-list ul.custom-list-group .list-text-des,
div.bdt-fancy-slider .swiper-wrapper .bdt-fancy-slider-item .bdt-fancy-slider-content .bdt-fancy-slider-description,
div.bdt-fancy-tabs .bdt-fancy-tabs-item .bdt-icon-wrapper,
div.bdt-fancy-tabs .bdt-fancy-tabs-content .bdt-fancy-tab-text,
div.bdt-featured-box .bdt-feature-content .bdt-feature-description,
div.bdt-flip-box-layer-desc,
div.bdt-interactive-card .bdt-interactive-card-content .bdt-interactive-card-description,
div.bdt-post-block-excerpt p,
div.bdt-post-grid.bdt-post-grid-skin-alite .bdt-post-grid-excerpt,
div.bdt-post-grid.bdt-post-grid-skin-harold .bdt-post-grid-excerpt,
div.bdt-post-grid.bdt-post-grid-skin-reverse .bdt-post-grid-excerpt,
div.bdt-post-grid.bdt-post-grid-skin-alter .bdt-post-grid-excerpt,
div.bdt-post-slider.bdt-post-slider-skin-vast .bdt-post-slider-text p,
div.bdt-post-slider.bdt-post-slider-skin-vast .bdt-post-slider-meta span,
div.bdt-subnav>*>:first-child,
ul.bdt-price-list .bdt-price-list-description,
div.bdt-profile-card .bdt-profile-bio,
div.bdt-profile-card .bdt-profile-status .bdt-profile-label,
div.bdt-social-proof .bdt-social-proof-reviews,
.elementor-widget-container .bdt-subnav,
.elementor-widget-container .bdt-subnav * {
    color: ' . $this->color($json_settings['p']['c']) . ';
}


.uicore-body-content .bdt-accordion-container .bdt-accordion p.bdt-accordion-title,
.bdt-modal-dialog {
    font-family: ' .
    $this->fam($json_settings['p']['f']) .
    ';
    font-weight: ' .
    $this->wt($json_settings['p']) .
    ';
    line-height: ' .
    $json_settings['p']['h'] .
    ';
    letter-spacing: ' .
    $json_settings['p']['ls'] .
    'em;
    text-transform: ' .
    $json_settings['p']['t'] .
    ';
    font-style: ' .
    $this->st($json_settings['p']) .
    ';
    color: ' . $this->color($json_settings['p']['c']) .
    ';
}';

//maybe use those
$css .= '
body{
    --uicore-boxed-width: '. $json_settings['gen_boxed_w'] .'px;
    --ui-container-size: '. $json_settings['gen_full_w'] .'px;
    --ui-radius:'. $json_settings['button_border_radius'] .'px;
}
';
