/* WorXite static site: additions on top of the original theme (style.css).
   Replaces the WooCommerce shortcodes, jQuery plugins and adds the Podoblock link. */

/* Images now carry width/height attributes (no layout shift); keep the theme's CSS widths proportional. */
img { height: auto; }
.responsive-menu .button_container { background: none; border: 0; padding: 0; }

/* "A product by Podoblock" in the header */
.by-podoblock {
  position: absolute;
  top: 18px;
  right: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #838383;
  text-decoration: none;
  transition: opacity 0.4s ease, top 0.4s ease;
}
.by-podoblock img { width: 84px; height: auto; }
.by-podoblock:hover span { color: #E84644; }
.site-header.sticky .by-podoblock { opacity: 0; pointer-events: none; top: 0; }
@media only screen and (max-width: 959px) { .by-podoblock { display: none; } }

/* Buttons that replace the WooCommerce add-to-cart shortcode */
.wx-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 22px 0; }
.wx-cta--left { justify-content: flex-start; }
.wx-btn {
  display: inline-block;
  background: #64c93d;
  border: 2px solid #64c93d;
  border-radius: 4px;
  color: #fff !important;
  font-size: 18px;
  padding: 10px 22px;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.wx-btn:hover { background: #53a932; border-color: #53a932; }
.wx-btn--ghost { background: transparent; color: #53a932 !important; }
.wx-btn--ghost:hover { background: #64c93d; color: #fff !important; }
.buy-worxite-foot .wx-cta { justify-content: flex-start; margin-left: 22px; }

/* Testimonials (replaces the jQuery FlexSlider) */
.flexslider.testimonials { position: relative; max-width: 760px; margin: 0 auto; min-height: 120px; }
.flexslider.testimonials .slides { list-style: none; margin: 0; padding: 0; }
.js .flexslider.testimonials .slides li { display: none; }
.js .flexslider.testimonials .slides li.is-active { display: block; animation: wxFade 0.6s ease; }
.flexslider.testimonials .slides li + li { margin-top: 18px; }
.js .flexslider.testimonials .slides li + li { margin-top: 0; }
.testimonial-author { color: #7e7e7e; font-size: 16px; font-style: italic; }
.customers-say.inverse .testimonial-author { color: #ff9d9c; }
.testimonial-dots { display: flex; justify-content: center; gap: 10px; margin-top: 24px; }
.testimonial-dots { gap: 2px; }
.testimonial-dots button { width: 24px; height: 24px; padding: 0; border: 0; background: none; cursor: pointer; }
.testimonial-dots button::before {
  content: ''; display: block; width: 11px; height: 11px; margin: auto; border-radius: 50%;
  background: rgba(0, 0, 0, 0.18);
}
.testimonial-dots button[aria-current="true"]::before { background: #ea5858; }
.customers-say.inverse .testimonial-dots button::before { background: rgba(255, 255, 255, 0.4); }
.customers-say.inverse .testimonial-dots button[aria-current="true"]::before { background: #fff; }
@keyframes wxFade { from { opacity: 0; } to { opacity: 1; } }

/* Lightbox (replaces Magnific Popup) */
.wx-lightbox {
  position: fixed; inset: 0; z-index: 2000;
  display: none; align-items: center; justify-content: center;
  background: rgba(11, 11, 11, 0.88);
}
.wx-lightbox.is-open { display: flex; }
.wx-lightbox img { max-width: 90vw; max-height: 86vh; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); border-radius: 3px; }
.wx-lightbox button {
  position: absolute; background: none; border: 0; color: #fff; cursor: pointer;
  font-size: 44px; line-height: 1; padding: 12px 18px; opacity: 0.75;
}
.wx-lightbox button:hover { opacity: 1; }
.wx-lightbox__close { top: 10px; right: 10px; }
.wx-lightbox__prev { left: 10px; top: 50%; transform: translateY(-50%); }
.wx-lightbox__next { right: 10px; top: 50%; transform: translateY(-50%); }
.wx-lightbox__count { position: absolute; bottom: 18px; left: 0; right: 0; text-align: center; color: #ccc; font-size: 13px; }
.wx-lightbox video { width: min(90vw, 960px); max-height: 86vh; background: #000; }
.zoom-gallery a { cursor: zoom-in; }

/* Video page */
.wx-video video { display: block; width: 100%; height: auto; background: #000; border-radius: 3px; }

/* Engineered by Podoblock */
.podoblock-section { background: #fff; padding: 80px 0 50px; border-top: 1px solid #e7e7e7; }
.podoblock-section__logo { width: 210px; height: auto; margin-bottom: 10px; }
.podoblock-section p { color: #888; font-size: 15px; line-height: 28px; margin-bottom: 14px; }
.podoblock-section p a { color: #E84644; }
.podoblock-facts { list-style: none; margin: 30px 0 28px; padding: 0; }
.podoblock-facts li { display: flex; align-items: baseline; gap: 14px; padding: 14px 0; border-bottom: 1px solid #e7e7e7; }
.podoblock-facts strong { color: #E84644; font-size: 30px; font-weight: 600; min-width: 140px; }
.podoblock-facts span { color: #666; font-size: 16px; font-weight: 300; }
.podoblock-products { margin-top: 50px; }
.podoblock-products h3 { font-size: 22px; font-weight: 300; text-align: center; margin-bottom: 28px; }
.podoblock-card {
  display: block; height: 100%; background: #f6f6f6; border-top: 4px solid #e6e6e6;
  color: #666; text-decoration: none; transition: border-color 0.2s ease, transform 0.2s ease;
}
.podoblock-card:hover { border-top-color: #E84644; transform: translateY(-2px); }
.podoblock-card img { display: block; width: 100%; height: auto; }
.podoblock-card strong { display: block; color: #231F20; font-size: 18px; font-weight: 600; padding: 16px 18px 4px; }
.podoblock-card span { display: block; font-size: 14px; line-height: 22px; padding: 0 18px 20px; }
@media only screen and (max-width: 767px) {
  .podoblock-section { padding: 50px 0 20px; }
  .podoblock-products .column { margin-bottom: 20px; }
}

/* Footer */
.footer-columns { overflow: hidden; }
.footer-title { color: #bdbdbd; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
.footer-podoblock p, .footer-links li { color: #e6e6e6; font-size: 13px; line-height: 21px; }
.footer-podoblock__logo img { width: 150px; height: auto; margin-bottom: 10px; }
.footer-links ul { list-style: none; margin: 0; padding: 0; }
.footer-links a { color: #f1f1f1; text-decoration: none; }
.footer-links a:hover { text-decoration: underline; }
.copyright { overflow: hidden; padding-bottom: 6px; }
.copyright .fright a { color: #f1f1f1; }
@media only screen and (max-width: 767px) {
  .footer-columns .column { margin-bottom: 20px; }
  .copyright .fright { float: none; }
}

@media (prefers-reduced-motion: reduce) {
  .js .flexslider.testimonials .slides li.is-active { animation: none; }
  .podoblock-card:hover { transform: none; }
}