/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

.hiddentext {
    display: none;
}

/* Add this to style.css or Additional CSS */
.lazy-section {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.lazy-section.visible {
  opacity: 1;
  transform: translateY(0);
}

.grecaptcha-badge {
    display: none !important;
}

/* =====================================
   PRODUCT PAGE LAYOUT – 520px IMAGE
   ===================================== */

/* ---------- DESKTOP ONLY ---------- */
@media (min-width: 1025px) {

  /* IMAGE COLUMN (smaller) */
  .single-product .vc_col-lg-8.woo-product-image {
      flex: 0 0 50% !important;
      max-width: 50% !important;
  }

  /* CONTENT COLUMN (larger) */
  .single-product .vc_col-lg-4.woo-product-details {
      flex: 0 0 50% !important;
      max-width: 50% !important;
  }
}

/* ---------- IMAGE SIZE CONTROL ---------- */

/* Main image wrapper */
.single-product .woo-product-image-slider {
    max-width: 520px !important;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}

/* Slider internals (Ohio injects inline widths) */
.single-product .clb-slider-outer-stage,
.single-product .clb-slider-item {
    max-width: 520px !important;
    min-width: 520px !important;
}

/* Image itself */
.single-product .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
}

/* ---------- CONTENT COLUMN FIX ---------- */

/* Ensure content uses full column width */
.single-product .woo-product-details,
.single-product .woo-product-details-inner,
.single-product .summary.entry-summary {
    width: 100% !important;
    max-width: 100% !important;
}

.single-product .woo-product-details-inner {
    padding-right: 0;
}


/* =====================================
   IMAGE ZOOM HELPER TEXT – BOTTOM CENTER
   ===================================== */

/* Image column */
.single-product .woo-product-image {
    position: relative;
}

/* Wrapper alignment fix */
.single-product .woo-product-image-slider {
    position: relative;
}

/* Helper text */
.single-product .woo-product-image-slider::after {
    content: "HOVER OVER IMAGE TO ZOOM";
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 0.8px;
    color: #9a9a9a;
    text-transform: uppercase;
}

/* Mobile text */
@media (max-width: 767px) {
    .single-product .woo-product-image-slider::after {
        content: "TAP IMAGE TO ZOOM";
        font-size: 10px;
    }
}

/* WP Forms - Remove Blue Focus Styles & Button Styling
--------------------------------------------- */

/* Remove blue focus outlines and replace with theme styles */
.wpforms-container input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
  outline: none !important;
  border-color: var(--clb-color-grey) !important;
  box-shadow: none !important;
}

/* Remove blue focus from checkboxes and radios */
.wpforms-container input[type="checkbox"]:focus,
.wpforms-container input[type="radio"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Remove WP Forms default button styling and apply theme styles */
.wpforms-container .wpforms-submit {
  background-color: var(--clb-color-primary) !important;
  color: var(--clb-color-white) !important;
  border: 1px solid var(--clb-color-primary) !important;
  padding: 12px 30px !important;
  border-radius: var(--clb-border-radius) !important;
  font-size: var(--clb-font-size-base) !important;
  font-weight: normal !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  text-transform: none !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
  margin: 0 !important;
}

/* Button hover state */
.wpforms-container .wpforms-submit:hover {
  background-color: var(--clb-color-primary-dark) !important;
  border-color: var(--clb-color-primary-dark) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Button active/focus state */
.wpforms-container .wpforms-submit:focus,
.wpforms-container .wpforms-submit:active {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(var(--clb-color-primary-rgb), 0.2) !important;
}

/* Remove any WP Forms default button box shadows */
.wpforms-container .wpforms-submit {
  box-shadow: none !important;
  text-shadow: none !important;
}

/* File upload field focus state */
.wpforms-container .wpforms-field-file-upload:focus,
.wpforms-container .wpforms-field-file-upload:hover {
  border-color: var(--clb-color-primary) !important;
  outline: none !important;
}

/* Remove autofill blue background */
.wpforms-container input:-webkit-autofill,
.wpforms-container input:-webkit-autofill:hover,
.wpforms-container input:-webkit-autofill:focus,
.wpforms-container textarea:-webkit-autofill,
.wpforms-container textarea:-webkit-autofill:hover,
.wpforms-container textarea:-webkit-autofill:focus,
.wpforms-container select:-webkit-autofill,
.wpforms-container select:-webkit-autofill:hover,
.wpforms-container select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-text-fill-color: var(--clb-color-text) !important;
  border-color: var(--clb-color-grey) !important;
}

/* Specific focus states for different field types */
.wpforms-container input[type="text"]:focus,
.wpforms-container input[type="email"]:focus,
.wpforms-container input[type="tel"]:focus,
.wpforms-container input[type="number"]:focus,
.wpforms-container input[type="date"]:focus,
.wpforms-container input[type="url"]:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
  border-color: var(--clb-color-primary) !important;
  background-color: var(--clb-color-white) !important;
}

/* For outlined form style */
.wpforms-container.-outlined input:focus,
.wpforms-container.-outlined textarea:focus,
.wpforms-container.-outlined select:focus {
  border-color: var(--clb-color-primary) !important;
  background-color: transparent !important;
}

/* Remove any default browser focus styles */
.wpforms-container *:focus {
  outline: none !important;
}

/* Ensure labels don't have focus styles */
.wpforms-container .wpforms-field-label:focus {
  outline: none !important;
}

/* High specificity version if above doesn't work */
div.wpforms-container-full .wpforms-form input:focus,
div.wpforms-container-full .wpforms-form textarea:focus,
div.wpforms-container-full .wpforms-form select:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: var(--clb-color-primary) !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit {
  background: var(--clb-color-primary) !important;
  color: var(--clb-color-white) !important;
  border: 1px solid var(--clb-color-primary) !important;
  border-radius: var(--clb-border-radius) !important;
  padding: 12px 30px !important;
  font-size: var(--clb-font-size-base) !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit:hover {
  background: var(--clb-color-primary-dark) !important;
  border-color: var(--clb-color-primary-dark) !important;
  transform: translateY(-1px) !important;
  color: var(--clb-color-primary) !important;
  border: 1px solid var(--clb-color-primary) !important;
}

div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader.wpforms-focus, div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader:focus-within {
    border: 1px solid #6a6158;
    box-shadow: 0 0 0 1px #6a6158, 0px 1px 2px rgba(0, 0, 0, 0.15);
    outline: none;
}