@import "../../css/_mixins.scss";
@import "../../css/_theme-vars.scss";
@import "css/_skin-vars.scss";

/* Extra Styles +++++++++
 ++++++++++++++++++++++ */
:root {
  --sc-hotspot-content-item-size: 15px;
  --sc-icompare-handler-size: 66px;
}

// BG image
.page_wrap.with_bg {
  background-size: cover;
  &.contain_size {
    background-size: contain;
  }
  .page_content_wrap,
  .top_panel {
    background-color: transparent;
  }
}

.sidebar_default[class*="scheme_"] .widget_banner:not(.widget_fullwidth) .image_wrap {
  background-color: var(--theme-color-bg_color);
}

.trx_addons_bg_text {
  font-family: var(--theme-font-h5_font-family);
  .trx_addons_bg_text_char.trx_addons_bg_text_delimiter {
    font-weight: 300;
  }
}

// Link color in footer
.footer_wrap[class*="scheme_"] .sc_layouts_row.sc_layouts_row_type_compact,
.footer_wrap [class*="scheme_"].sc_layouts_row.sc_layouts_row_type_compact {
  .sc_layouts_item a:not(.sc_button):not([class*="button"]) {
    color: var(--theme-color-text_dark);
    &:hover {
      color: var(--theme-color-text_dark_08);
    }
  }
  .sc_layouts_item .sc_layouts_menu .menu-item a {
    color: var(--theme-color-text_dark);
    &:hover {
      color: var(--theme-color-text_dark);
    }
  }
  .sc_layouts_item .product_list_widget {
    a:not(.sc_button):not([class*="button"]) {
      color: var(--theme-color-text_dark);
      &:hover {
        color: var(--theme-color-text_link);
      }
    }
    span.price,
    span.amount {
      color: var(--theme-color-text_dark);
    }
  }
  .trx_addons_alter_text a {
    color: var(--theme-color-text_dark) !important;
  }

  .sc_socials.sc_socials_names:not(.alter) .socials_wrap .social_item:hover {
    .social_name, .social_icon {
      color: var(--theme-color-text_dark_08);
    }
  }

  #style-10.mc4wp-form .mc4wp-form-fields input[type="email"] {
    background-color: var(--theme-color-bg_color) !important;
  }
}

.footer_wrap .sc_layouts_row_type_compact {
  .social_item.social_item_type_names .social_name {
    font-family: var(--theme-font-p_font-family);
  }
  .sc_socials.sc_socials_names:not(.alter) .socials_wrap .social_item + .social_item {
    margin-top: 14px;
  }
}


.elementor-toggle .elementor-toggle-icon {
  font-size: 14px;
  line-height: 2.3em;
}

// Testimonials
.sc_testimonials_classic {
  .sc_testimonials_item_content:before {
    color: var(--theme-color-text_link);
  }
  .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle {
    color: var(--theme-color-text_light);
  }
}

.sc_testimonials_alter {
  [class*="column"] .sc_testimonials_item_author:before,
  .sc_testimonials_item_author:before {
    color: var(--theme-color-text_link);
  }

  [class*="column"] .sc_testimonials_item_author_data .sc_testimonials_item_author_subtitle,
  [class*="column"] .sc_testimonials_item_author_data .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle,
  .sc_testimonials_item_author_data .sc_testimonials_item_author_subtitle,
  .sc_testimonials_item_author_data .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle {
    color: var(--theme-color-text_light);
  }
  .slider_container .swiper-pagination-bullet,
  .slider_outer .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .slider_container.slider_pagination_pos_bottom .swiper-pagination-bullets .swiper-pagination-bullet,
  .slider_outer.slider_outer_pagination_pos_bottom .swiper-pagination-bullets .swiper-pagination-bullet,
  .slider_outer.slider_outer_pagination_pos_bottom_outside .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
  }
}

.sc_testimonials_chit {
  [class*="column"] .sc_testimonials_item_content,
  .sc_testimonials_item_content {
    font-size: var(--theme-font-p_font-size);
    line-height: var(--theme-font-p_line-height);
  }
}


// Icons
.sc_icons_hover .sc_icons_item {
  @include transition(background-color .3s ease-out);
  will-change: background-color;
  &:hover {
    @include box-shadow(none);
    background-color: var(--theme-color-alter_bg_color);
  }
}


// Team
.sc_team_3d-simple .sc_team_item_subtitle {
  color: var(--theme-color-text_light);
}


// Services
.sc_services_qw-nodes {
  .sc_services_item .sc_services_item_marker {
    font-size: 1.47em;
  }
  .sc_services_item .sc_services_item_text {
    line-height: 1.84em;
  }
}


// Price
.sc_price_metro .sc_price_item_description ul li:before,
.sc_price_metro .sc_price_item_details ul li:before {
  color: var(--theme-color-text_link);
}


// Icons
.sc_icons_number .sc_icons_item {
  .sc_icons_item_number {
    opacity: 0.06;
  }
  &:hover .sc_icons_item_number {
    opacity: 0.07;
  }
}


// Portfolio
.sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_7 .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl,
.sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_9 .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl {
  .sc_blogger_item_title {
    background-color: var(--theme-color-bg_color);
    a {
      color: var(--theme-color-text_dark) !important;
    }
  }
  .post_meta .post_categories {
    background-color: var(--theme-color-bg_color);
    > * {
      color: var(--theme-color-text) !important;
    }
  }
}

.sc_portfolio.sc_portfolio_extra .sc_portfolio_item .post_featured .post_info {
  .post_title {
    background-color: var(--theme-color-bg_color);
    a {
      color: var(--theme-color-text_dark) !important;
    }
  }
  .post_meta .post_categories {
    background-color: var(--theme-color-bg_color);
    a,
    > * {
      color: var(--theme-color-text) !important;
    }
  }
}


// WooCommerce
.woocommerce ul.products.products_style_simple li.product .post_data p.price,
.woocommerce ul.products.products_style_simple li.product .post_data span.price,
.woocommerce ul.products.products_style_simple li.product .post_data span.amount,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce span.amount,
.woocommerce-page span.amount {
  color: var(--theme-color-text_light);
}

.woocommerce ul.products .product_style_plain.product .wrap-data-hover .add_to_cart_wrap [class*="cart"] {
  background-color: var(--theme-color-text_link);
  &:hover {
    background-color: var(--theme-color-text_hover);
  }
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product p.price span.amount,
.woocommerce div.product span.price span.amount {
  color: var(--theme-color-text_dark);
}

.product_style_creative .post_featured.hover_shop .top-info .tinv-wraper > .tinvwl_add_to_wishlist_button,
.product_style_plain .post_featured.hover_shop .top-info .tinv-wraper > .tinvwl_add_to_wishlist_button {
  background-color: var(--theme-color-bg_color_05);
}

.single_product_custom_text_style .custom_icons_1 img {
  background-color: transparent;
}

// Instagram
.widget_instagram_type_modern .widget_instagram_follow_link_wrap .widget_instagram_follow_link {
  color: var(--theme-color-text_dark) !important;
  background-color: var(--theme-color-bg_color) !important;
}

#sb_instagram[data-shortcode-atts*="feedTwo"] .sbi_follow_btn,
#sb_instagram.feedTwo .sbi_follow_btn {
    a {
      background: var(--theme-color-bg_color) !important;
      color: var(--theme-color-text_dark);
    }
    .fa,
    svg {
      color: var(--theme-color-text_dark);
    }
}


// Cover
.sc_cover:hover + .elementor-container .hover-color-text,
.sc_cover:hover + .elementor-container .hover-color-text * {
  color: var(--theme-color-text_link);
}


// Pagination
.sc_blogger_classic-masonry.sc_blogger_classic-masonry_default,
.sc_blogger_default.sc_blogger_default_classic,
.sc_testimonials_alter,
.sc_testimonials_chit {
  .slider_container.slider_pagination_pos_bottom .swiper-pagination-bullets .swiper-pagination-bullet,
  .slider_outer.slider_outer_pagination_pos_bottom .swiper-pagination-bullets .swiper-pagination-bullet,
  .slider_outer.slider_outer_pagination_pos_bottom_outside .swiper-pagination-bullets .swiper-pagination-bullet {
    background: var(--theme-color-alter_bd_color);
    border-color: var(--theme-color-alter_bd_color);
  }

  .swiper-pagination-custom .swiper-pagination-button.swiper-pagination-button-active,
  .sc_slider_controls.slider_pagination_style_bullets .slider_pagination_bullet.swiper-pagination-bullet-active,
  .sc_slider_controls.slider_pagination_style_bullets .slider_pagination_bullet:hover,
  .slider_container .slider_pagination_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .slider_outer .slider_pagination_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .slider_container .slider_pagination_wrap .swiper-pagination-bullet:hover,
  .slider_outer .slider_pagination_wrap .swiper-pagination-bullet:hover {
    border-color: var(--theme-color-text_link);
    background-color: var(--theme-color-text_link);
  }
}


.slider_outer.slider_outer_titles_outside_top {
  .slider_titles_outside_wrap {
    padding: 0 70px;
    top: 0.8em;
  }
  .slide_info .slide_number {
    color: var(--theme-color-text);
  }
}

.slider_container .swiper-button-next, .slider_container .swiper-button-prev {
  margin-top: -27px;
}


// 404 Page
.error404 .post_item_404 {
  .page_title {
    font-size: 420px;
    color: var(--theme-color-text_dark_008);
  }
  .post_content {
    padding-top: 1.5em;
    .all-svg {
      display: none;
    }
  }
}

// MailChimp
#style-5.mc4wp-form input[type="checkbox"] + label:before {
  background-color: var(--theme-color-alter_bg_color);
}

#style-9.mc4wp-form .mc4wp-form-fields input[type="email"] {
  border-bottom-color: var(--theme-color-bd_color);
}


//@mixin booked--xl() {
@media #{$media_xl} {
  .error404 .post_item_404 .page_title {
    font-size: 270px;
  }
}

//@mixin booked--lg() {
@media #{$media_lg} {
  .slider_wrap .slider_outer.slider_outer_titles_outside_top .slider_titles_outside_wrap {
    padding: 0 30px;
  }
}

//@mixin booked--sm() {
@media #{$media_sm} {
  .elementor-toggle .elementor-toggle-item .elementor-toggle-icon {
    font-size: 14px;
  }
  .slider_wrap .slider_outer.slider_outer_titles_outside_top .slider_titles_outside_wrap {
    padding: 0 6%;
  }
}