/*
 Theme Name:   Codi Child
 Theme URI:    http://codi.bold-themes.com
 Description:  Codi child theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     codi
 Version:      1.0.0
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  codi-child
*/


/* Theme customization starts here
-------------------------------------------------------------- */
.bt_bb_headline_superheadline::before{
	content: none!important;
}

/* Shop Page Header Fixing */
body.woocommerce-page.post-type-archive-product header.page-header,
body.woocommerce-page.tax-product_tag header.page-header,
body.page-id-4193 header.page-header, /* Legal */
body.page-id-4196 header.page-header, /* Cookie Policy */
body.page-id-3 header.page-header, /* Privacy Policy */
body.woocommerce-page.tax-product_cat header.page-header,
body.woocommerce-page.single-product header.page-header{
	background: radial-gradient(   100% 100% at 48.52% 0%,   #2F6B4F 1.56%,   rgba(107, 191, 142, 0.6) 52.6%,   #FFFFFF 100% );
	margin-bottom:0 !important;
	padding-left: var(--content-padding);
}
body.woocommerce-page.post-type-archive-product .site-content,
body.woocommerce-page.tax-product_tag .site-content,
body.page-id-4193 .site-content,
body.page-id-4196 .site-content,
body.page-id-3 .site-content,
body.woocommerce-page.tax-product_cat .site-content
{
	margin-top:0 !important;
	margin-bottom: 0;
}

body.woocommerce-page.single-product .site-content,
body.single-post .site-content
{
	margin-top:20px !important;
	margin-bottom: 0;
}
body.woocommerce-page.post-type-archive-product .archive-description{
	display:none;
}

/* Hide results in the shop page */
.woocommerce-result-count{
	display:none;
}

.custom-short-attributes{
	margin-top:10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	display:none!important;
}

/* Links in green */
p a,
.bt_bb_text a,
.bt_bb_icon a span{
  color: var(--alternate-color) !important; /* replace with your exact green */
}

.entry-meta a:hover,
.entry-meta a:focus{
  color: var(--accent-color) !important; /* replace with your exact green */
}

p a:hover,
p a:focus,
.bt_bb_text a:hover,
.bt_bb_text a:focus,
.bt_bb_icon a:hover span,
.bt_bb_icon a:focus span{
  font-weight: 700;
}

/* Hide the Blog articles directly under the filter */
body.blog .site-content,
body.archive.category .site-content,
body.archive.tag .site-content{
	display:none;
}

/* Blog posts images too big */
.single-post .entry-content .media-box img {
	max-height: 50vh;
    object-fit: contain;
}

/* Hide image caption */
.single-post .entry-content .media-box .media-box-caption{
	display:none
}

/* Blog post hide excerpt */
.single-post .entry-meta.entry-sub-meta{
	display:none;
}

.single-post .entry-footer{
	margin-bottom: 30px;
}

.footer-holder{
	grid-column: span 2;
	width: 100%;
}

body.woocommerce-page.single-product .entry-footer {
  	order: 4;
  	display: flex;
  	flex-wrap: wrap;
  	width: 100%;
  	align-items: center;
  	justify-content: space-between;
  	margin-bottom: var(--post-footer-meta-spacing);
  	padding-bottom: var(--post-footer-meta-spacing);
  	border-top: 1px solid var(--primary-07-color);
}
body.woocommerce-page.single-product .entry-footer .excerpt + .entry-footer-meta {
  	margin-top: 1em;
}
body.woocommerce-page.single-product .entry-footer .entry-footer-meta{
  	flex: 1 0 50%;
}
body.woocommerce-page.single-product .entry-footer .read-more {
  	flex: 1 0 50%;
  	text-align: right;
}
body.woocommerce-page.single-product .entry-footer .read-more .bt_bb_button {
  	margin-bottom: 0;
}

/* --- WooCommerce: footer (tags left, share right) --- */
.single-product .entry-footer .entry-footer-meta{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}

/* Tags left */
.single-product .entry-footer .tags-links{
  order: 10;
}

/* Share block right */
.single-product .entry-footer .share-options{
  order: 20;
  margin-left: auto;
  flex: 0 0 auto;
  display: inline-flex; /* keep icons in one line */
  align-items: center;
  gap: 8px;
}

/* Optional: keep the "Share" label nicely aligned */
.single-product .entry-footer .share-options-title{
  margin-right: 6px;
}

/* Mobile: stack nicely (same idea as blog) */
@media (max-width: 480px){
  .single-product .entry-footer .share-options{
    margin-left: 0 !important;
    width: 100%;
    justify-content: flex-start;
  }
}

.single-product .entry-footer .tagcloud a:before {
    line-height: 1;
    font-size: 1.438em;
    content: var(--post-tags-icon);
    font-family: var(--post-tags-icon-font);
    color: var(--accent-color);
    margin-right: 0.2em;
}

.single-product .page-header .entry-meta > span.tags-links:before,
.single-product .page-header .entry-meta > span.cat-links:before
{
	color: var(--accent-color)!important;
}

/* Hide double description in  project categories */
body.tax-product_cat article .entry-content .term-description{
	display:none;
}

/* Contact Form validation in red */
/* === CF7 Field Error Text (the small message under field) === */
.wpcf7-not-valid-tip {
    color: #d63638 !important;        /* strong red */
    font-weight: 600;
    font-size: 0.9rem;
    margin-top: 6px;
    display: block !important;
}

/* === Highlight invalid input fields === */
.wpcf7-form-control.wpcf7-not-valid {
    border: 2px solid #d63638 !important;
    background-color: #fff5f5;
}

/* === Style top error message box === */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    border: 2px solid #d63638;
    background-color: #fff5f5;
    color: #d63638;
    font-weight: 600;
    border-radius: 10px;
    padding: 12px 16px;
}

/* === Success message (optional, green for brand consistency) === */
.wpcf7 form.sent .wpcf7-response-output {
    border: 2px solid #1f7a3a;
    background-color: #f0f6f3;
    color: #1f7a3a;
    border-radius: 10px;
    padding: 12px 16px;
	margin-bottom: 1em;
}

.bt_bb_cf7_button{
	margin-bottom: 1em;
}

/* WooCommerce / Projects grid: limit titles to 2 lines + ellipsis */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;   /* <-- max lines */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25em;
  max-height: 2.5em;       /* 2 * line-height */
}

/* Optional: keep the button aligned nicely even when titles differ */
.woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
}

.woocommerce ul.products li.product .button {
  margin-top: auto;
}