/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
.blog-design-meta-image.blog-style-bg .wd-post-content {
	min-height: 300px;
}
.wd-gallery-thumb .wd-carousel-item, .wd-gallery-thumb .wd-carousel-item img {
	height: 100% !important;
}
.wd-gallery-thumb .wd-carousel-item img {
	object-fit: cover;
}
/* Product FAQs */
.product-faqs {
    background: #f8f9fa;
    padding: 1.5em;
    border-radius: 10px;
    max-width: 100%;
}

.product-faqs h3 {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 1em;
}

.accordion .faq-item {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}

.faq-question {
    display: block;
    width: 100%;
    background: none;
    border: none;
    color: #222;
    text-align: left;
    font-size: 1em;
    font-weight: 700;
    cursor: pointer;
    padding: 0.5em 0;
    outline: none;
    transition: color 0.2s;
}

.faq-question:hover,
.faq-question:focus {
    color: var(--btn-accented-bgcolor); /* Bootstrap blue or change to your accent */
	background: transparent !important;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(.4,0,.2,1), padding 0.3s cubic-bezier(.4,0,.2,1);
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
}

.faq-answer.active {
    max-height: 500px; /* Large enough to fit your content */
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    opacity: 1;
    transition: max-height 0.4s cubic-bezier(.4,0,.2,1), padding 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s;
}

.faq-answer:not(.active) {
    display: block;
}

/** Category Page FAQ **/
.faq-section {
  border-bottom: 1px solid #eee;
  overflow: hidden;
}

.faq-section h3 {
  margin: 0;
  padding: 1rem 0;
  font-size: 1.1rem;
  cursor: pointer;
  transition: color 0.2s;
  position: relative;
}
.faq-section h3::after {
  content: '▼';
  float: right;
  transition: transform 0.2s;
}
.faq-section.active h3 {
  color: var(--wd-primary-color);
}
.faq-section.active h3::after {
  transform: rotate(-180deg);
}
.faq-section p {
  margin: 0;
  padding: 0 0 1rem 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0.4,0,0.2,1), opacity 0.35s cubic-bezier(0.4,0,0.2,1);
}
.faq-section.active p {
  max-height: 300px; /* Or big enough for your largest answer */
  opacity: 1;
  transition: max-height 0.35s cubic-bezier(0.4,0,0.2,1), opacity 0.35s cubic-bezier(0.4,0,0.2,1);
}
/** End **/
.hidden-fields-container {
	display: none !important;
}
.wd-single-brand-info > div {
	color: #333;
}
.wd-nav[class*="wd-style-"]>li:is(.wd-has-children,.menu-item-has-children)>a:after {
	color: #fff;
	font-weight: bold;
}
.wd-nav[class*="wd-style-"]>li>a {
	font-weight: bold;
}
.captcha-image {
	display: block;
	margin-top: 20px;
	border-color: rgba(0,0,0,.1);
	border-radius: 24px;
}
.wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 10px;
}
.wd-meta-reply {
	display: none;
}
.tax-product_cat .wd-page-title .title {
	font-size: 20px;
	color: #4ba62c;
}
.tax-product_cat .wd-back-btn.wd-style-icon>a {
	color: #4ba62c;
}

body:not(.tax-product_cat) .wd-page-title .title {
	font-size: 28px;
	color: #4ba62c;
}
.wd-tabs .tabs-name>span h2, .wd-tabs .tabs-name>span h3 {
	font-size: inherit;
	line-height: inherit;
	margin-bottom: 0;
}
.button-link {
	display: block;
	margin-top: 20px;
	color: #FF5501;
	transition: .3s all;
}
.button-link:hover {
	color: #4BA62C;
}
@media screen and (min-width: 768px) {
	.grids-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }
}

/** Contact Form Styles **/
/* ===== Referral Form (CF7) ===== */
.referral-card {
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  padding:2rem;
}
@media (min-width: 768px){
  .referral-card { padding:3rem; }
}

.referral-header { text-align:center; margin-bottom:2rem; }
.referral-header .referral-emoji { font-size:2.25rem; margin-bottom:.5rem; }
.referral-header h2 { font-size:1.875rem; line-height:1.2; margin:0 0 .5rem; font-weight:700; color:#111827; }
.referral-header p { color:#4b5563; margin:0; }

.referral-section { border-radius:12px; padding:1.25rem; margin-bottom:1.5rem; }
.referral-section h3 {
  display:flex; align-items:center; gap:.5rem;
  font-size:1.125rem; font-weight:700; color:#111827; margin:.25rem 0 1rem;
}
.referral-section h3 span { font-size:1.25rem; }

.bg-blue   { background:#eff6ff; }  /* blue-50 */
.bg-green  { background:#ecfdf5; }  /* emerald-50 */
.bg-purple { background:#f5f3ff; }  /* purple-50 */
.bg-orange { background:#fff7ed; }  /* orange-50 */
.bg-gray   { background:#f9fafb; }  /* gray-50 */
.bg-yellow { background:#fffbeb; }  /* amber-50 */

.grid { display:grid; gap:1rem; }
.grid.two   { grid-template-columns:1fr; }
.grid.three { grid-template-columns:1fr; }
.span-2 { grid-column:1 / -1; }

@media (min-width: 768px){
  .grid.two   { grid-template-columns: repeat(2, 1fr); }
  .grid.three { grid-template-columns: repeat(3, 1fr); }
}

.stack { display:grid; gap:1rem; }
.stack.small-gap { gap:.75rem; }

label { display:block; color:#374151; font-weight:600; margin-bottom:.25rem; }
label .required { color:#dc2626; }

.input:not(.wpcf7-checkbox),
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-tel,
.wpcf7-form-control.wpcf7-textarea,
.wpcf7-form-control.wpcf7-select {
  width:100%;
  border:1px solid #d1d5db;
  border-radius:10px;
  padding:.25rem 1rem;
  font-size:1rem;
  background:#fff;
  color:#111827;
  transition:border-color .2s, box-shadow .2s;
  box-sizing:border-box;
}

.wpcf7-form-control.wpcf7-textarea { min-height:140px; }

.wpcf7-form-control:focus {
  outline:none;
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,.15);
}

.acceptance {
  display:flex; gap:.75rem; align-items:flex-start;
  font-size:.95rem; color:#374151; line-height:1.5;
}
.acceptance input[type="checkbox"] { margin-top:.3rem; }

.submit-wrap { text-align:center; margin-top:1.25rem; }
.btn-primary {
  display:inline-flex; align-items:center; justify-content:center;
  gap:.5rem;
  background:#2563eb; color:#fff;
  padding:1rem 2rem; border-radius:10px;
  font-weight:700; font-size:1.0625rem;
  border:none; cursor:pointer;
  transition:background .2s, transform .02s;
}
.btn-primary:hover { background:#1d4ed8; }
.btn-primary:active { transform:translateY(1px); }

.help-text { color:#6b7280; font-size:.9rem; margin-top:.75rem; }

/* CF7 response messages */
.wpcf7 form .wpcf7-response-output {
  margin:1rem 0 0; border-radius:8px; padding:.75rem 1rem;
}
.wpcf7 form.sent .wpcf7-response-output { border-color:#10b981; background:#ecfdf5; color:#065f46; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output { border-color:#ef4444; background:#fef2f2; color:#991b1b; }

/* Make selects look consistent across browsers */
.wpcf7-select { appearance:none; background-image:linear-gradient(45deg, transparent 50%, #6b7280 50%), linear-gradient(135deg, #6b7280 50%, transparent 50%), linear-gradient(to right, #d1d5db, #d1d5db); background-position: calc(100% - 20px) center, calc(100% - 15px) center, calc(100% - 2.25rem) center; background-size:5px 5px, 5px 5px, 1px 60%; background-repeat:no-repeat; }
@media screen and (max-width: 767px) {
	.referral-card {
		padding: 1rem;
	}
}

.testimonial-box {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px;
    max-width: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.testimonial-box .stars {
    color: #fbbf24; /* Tailwind yellow-400 */
    font-size: 20px;
    margin-bottom: 12px;
}

.testimonial-box .testimonial-text {
    font-style: italic;
    color: #374151; /* Tailwind gray-700 */
    margin-bottom: 16px;
}

.testimonial-box .testimonial-author {
    font-weight: 600;
    color: #111827; /* Tailwind gray-900 */
    margin: 0;
}

/* Grid layout */
.compliance-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

/* Base box styling */
.compliance-box {
    background: #fff;
    border-radius: 10px;
    padding: 20px 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    font-family: Arial, sans-serif;
}

/* Heading */
.compliance-box h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* List */
.compliance-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.compliance-box ul li {
    margin-bottom: 8px;
    padding-left: 18px;
    position: relative;
    font-size: 15px;
    line-height: 1.5;
}

/* Bullet */
.compliance-box ul li::before {
    content: "•";
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 0;
}

/* Color themes */
.box-blue {
    background: #f0f6ff;
    border-left: 4px solid #2563eb;
}
.box-blue ul li::before { color: #2563eb; }

.box-purple {
    background: #faf5ff;
    border-left: 4px solid #9333ea;
}
.box-purple ul li::before { color: #9333ea; }

.box-green {
    background: #f0fdf4;
    border-left: 4px solid #16a34a;
}
.box-green ul li::before { color: #16a34a; }

.box-orange {
    background: #fff7ed;
    border-left: 4px solid #ea580c;
}
.box-orange ul li::before { color: #ea580c; }

/* Button Group Container */
.button-group {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

/* Base Button Style */
.btn {
    padding: 12px 28px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: all 0.2s ease-in-out;
    color: #fff;
}

/* Variants */
.btn-green {
    background-color: #16a34a; /* Tailwind green-600 */
	width: 100%;
}
.btn-green:hover {
    background-color: #15803d; /* Darker green */
	color: #fff;
}

.btn-blue {
    background-color: #2563eb; /* Tailwind blue-600 */
	width: 100%;
}
.btn-blue:hover {
    background-color: #1e40af; /* Darker blue */
	color: #fff;
}

.btn-dark {
    background-color: #374151; /* Tailwind gray-700 */
	width: 100%;
}
.btn-dark:hover {
    background-color: #111827; /* Darker gray */
	color: #fff;
}
.text-green {
	color: #61CE70;
}

.itsnew {
	 display: inline-block;
	 background-color: #FF5501;
	 color: #fff;
	 font-size: 12px;
	 font-weight: bold;
	 text-transform: uppercase;
	 padding: 4px 8px;
	 border-radius: 4px;
	 margin-left: 6px;
	 position: relative;
	 top: 5px;
	 animation: pulse 1.5s infinite;
  }

  /* Optional small pulse effect */
  @keyframes pulse {
	 0% { transform: scale(1); }
	 50% { transform: scale(1.08); }
	 100% { transform: scale(1); }
  }

.wd-accordion.wd-opener-style-arrow>.wd-accordion-item>.wd-accordion-title .wd-accordion-opener:before {
	color: #000;
	font-weight: bold;
}
a.link {
	color: rgb(255,85,1);
}

.woocommerce-breadcrumb .wd-delimiter:after {
    content: ">" !important;
}