/*!
Theme Name: Shoppable Marketplace
Theme URI: https://bosathemes.com/shoppable-marketplace
Author: Bosa Themes
Author URI: https://bosathemes.com
Description: Shoppable Marketplace is a beautiful multipurpose ecommerce theme.
Version: 1.0.0
Requires PHP: 5.6
Tested up to: 6.5
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: hello-shoppable
Text Domain: shoppable-marketplace
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks
*/

body {
  margin: 0;
  padding: 0;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  color: #111111;
  font-family: 'Jost', serif;
  font-weight: 500;
}

.entry-content h1 a,
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a,
.entry-content h5 a,
.entry-content h6 a {
  text-decoration: underline;
}

.entry-content p a, 
.comment-content p a, 
.entry-content li a, 
.comment-content li a, .widget p a, 
.comments-area .comment-list .comment-content a {
  color: #2e92ff;
}

.entry-content p a:hover, 
.entry-content p a:focus, 
.comment-content p a:hover, 
.comment-content p a:focus, 
.entry-content li a:hover, 
.entry-content li a:focus, 
.comment-content li a:hover, 
.comment-content li a:focus, 
.widget p a:hover,
.widget p a:focus,
.comments-area .comment-list .comment-content a:hover,
.comments-area .comment-list .comment-content a:focus {
  color: #086abd;
}

.slide-item .entry-content h3 a,
.list-post .entry-content h3 a,
.grid-post .entry-content h3 a,
.single-post .entry-content h3 a {
  text-decoration: none;
}

.wp-block-quote {
  padding: 30px 30px 30px 50px;
  margin: 30px 0 30px 30px;
}

/*display section css*/ 
.section-display-area {
  padding-bottom: 0 !important; /* Ensure no gap at the bottom */
}

.section-display-area .content-wrap {
  margin-bottom: 0 !important; /* Ensure no gap here either */
}

.display-content-wrap {
  margin-bottom: 0 !important;
}

.display-content-wrap .featured-image {
  border: 1px solid rgba(243, 243, 243, 0.6);
  padding: 15px;
}

/*follower css*/
.section-follower-area {
  padding-bottom: 0 !important; /* Remove bottom padding */
}

.section-follower-area .follower-content-wrap {
  background-color: #f8f8f8;
  padding: 35px 35px 5px 35px;
  border-radius: 30px;
}

.section-follower-area .follower-item {
  margin-bottom: 0 !important; /* Ensure no gap here */
  display: flex;
  justify-content: center;
  position: relative;
}

.section-follower-area .follower-item .featured-image {
  border-radius: 50%;
  position: relative;
}

.section-follower-area .follower-item .featured-image:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transform: scale(1.0);
  background-color: #001328;
  opacity: 0.25;
  border-radius: 50%;
  transition: all 0.4s;
}

.section-follower-area .follower-item .featured-image:hover:before {
  transform: scale(0);
}

.section-follower-area .follower-item .featured-image img {
  border-radius: 50%;
}

/*Survey css*/
.section-survey-area {
  padding-bottom: 0 !important; /* Remove bottom padding */
}

.section-survey-area .survey-item {
  background-color: #fafafa;
  padding: 30px;
  margin-bottom: 30px;
}

.section-survey-area .survey-item .entry-header {
  margin-bottom: 20px;
}

.section-survey-area .survey-item .entry-title {
  margin-bottom: 0;
}

.survey-item .entry-content {
  position: relative;
}

.survey-item .featured-image {
  border-radius: 100%;
  height: 70px;
  overflow: hidden;
  width: 70px;
  margin-right: 20px;
  position: relative;
  z-index: 1;
}

.survey-quote-icon {
  font-size: 20px;
  opacity: 0.2;
  position: absolute;
  bottom: -25px;
  right: -15px;
  transform: scaleX(-1);
}

.survey-item .entry-content a {
  text-decoration: none;
}

/*companions section css*/ 
.section-companion-area {
  padding-bottom: 0 !important; /* Remove bottom padding */
}

.section-companion-area .content-wrap {
  margin-bottom: 0 !important; /* Remove bottom margin */
}

.section-companion-area .featured-image img {
  border-radius: 15px;
  width: 100%;
}

.section-companion-area .companion-content-wrap {
  margin-bottom: 0 !important; /* Remove margin bottom */
}

.companion-content-wrap .companion-content {
  background: #fafafa;
  padding: 25px;
  margin: 0px 15px;
  position: relative;
  border-radius: 15px;
}

.companion-content-wrap .button-container {
  margin-top: 15px;
}

.companion-content-wrap .button-container i {
  margin-left: 5px;
  font-size: 13px;
}

add_filter('the_content', function($content) {
    if (is_product()) {
        // Remove the word "DESCRIPTION" wherever it appears
        return preg_replace('/\bDESCRIPTION\b\s*/i', '', $content);
    }
    return $content;
});

/* Ensure border and outline are always visible on WooCommerce input fields */
.woocommerce-Input.woocommerce-Input--text.input-text,
input[type="text"], input[type="email"], input[type="password"], 
textarea, select {
    border: 3px solid black !important; /* Thick permanent black border */
    padding: 12px !important; /* Adds spacing inside */
    border-radius: 5px !important; /* Rounded edges */
    width: 100% !important; /* Full width */
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8) !important; /* Strong shadow for visibility */
    outline: 3px solid black !important; /* Permanent outline */
    background-color: white !important; /* Ensure no transparency */
}

/* When clicked (focused), make the border even stronger */
.woocommerce-Input.woocommerce-Input--text.input-text:focus,
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, 
textarea:focus, select:focus {
    border: 3px solid red !important; /* Change color when clicked */
    outline: 3px solid red !important; /* Stronger outline when focused */
    box-shadow: 0px 0px 12px rgba(255, 0, 0, 0.8) !important; /* Strong red shadow */
}

/* Add border and style to WooCommerce input fields */
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
    box-sizing: border-box !important; /* Ensure box-sizing is applied */
    width: 100% !important; /* Ensure full width */
    margin: 0 !important; /* Reset margin */
    outline: 0 !important; /* Remove outline */
    line-height: normal !important; /* Normal line height */
    border: 2px solid black !important; /* Thick black border */
    padding: 10px !important; /* Adds spacing inside */
    border-radius: 5px !important; /* Rounded edges */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1) !important; /* Soft shadow */
}

/* Add focus effect when clicked */
.woocommerce form .form-row input.input-text:focus, 
.woocommerce form .form-row textarea:focus {
    border-color: #0073aa !important; /* Change color when clicked */
    box-shadow: 0px 0px 5px rgba(0, 115, 170, 0.5) !important; /* Focus shadow */
}

/* Increase the size of the text inside */
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
    font-size: 16px !important; /* Adjust font size */
}

}