/*!
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/
*/

::selection{
	background:#7e7770;
	color:#fff;

}

.font-lato {
    display: none !important;
}

.header.-sticky:not(.-fixed):not(.header-8) .header-wrap {
    height: 14vh !important;
}

@media screen and (max-width: 768px) {
.header.-sticky:not(.-fixed):not(.header-8) .header-wrap {
    height: 10vh !important;}
}

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

/*--------------------------------------------------------------
## More Products Button Styles
--------------------------------------------------------------*/
/* More Products Button Styles */
.mohit-more-products-btn {
    display: block;
    padding: 12px 24px;
    background: transparent;
    color: #24262b;
    border: 1px solid #24262b;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 20px 0;
    width: 100%;
    font-size: 16px;
}

.mohit-more-products-btn:hover {
    background: #6a6158 !important;
    color: white !important;;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(139, 69, 19, 0.3);
}

/* Enable native smooth scrolling - safe and lightweight */
html {
    scroll-behavior: smooth;
}

/* Respect user motion preferences */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .mohit-more-products-btn {
        padding: 10px 20px;
        font-size: 14px;
        margin: 15px 0;
    }
}

@media (max-width: 480px) {
    .mohit-more-products-btn {
        padding: 8px 16px;
        font-size: 13px;
        margin: 10px 0;
    }
}

/* 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;
}