/*
Theme Name: Optione Child
Theme URI: http://demo.7iquid.com/optione
Author: 7iquid
Author URI: http://themeforest.net/user/7iquid
Template: optione
Description: OptiOne – Eye Care Theme for any Eye Care Clinic, Ophthalmologist, Hospital, Doctor, Eye Surgery Center and any kind of eye care and medical related websites. This template can be used by Optometrists specializing in the fitting and fabrication of ophthalmic lenses, eyeglasses, contact lenses and also for Eyewear Shops. You can build your professional corporate business website using OptiOne theme.
Version: 2.0
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: optione-child
Tags: eye glasses, eyeglasses, glasses, glasses shop, ophthalmic, ophthalmologist, ophthalmology, optical, optician, optician shop, optics store, optometric, optometry, spectacles, vision care
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.
*/

/* ---- Testimonial carousels under Elementor 4 (added 6 Oct 2026) ----
 * Elementor 4 renamed the carousel container from .swiper-container to .swiper. Swiper's own stylesheet hides overflow on
 * .swiper and centres it, which it never did for the old class, so the side cards stopped peeking in and the row moved.
 * The first rule restores the live look; the other two are the client's Customizer arrow rules (which still target
 * .swiper-container) repeated for the new class name. The Customizer CSS itself is left unchanged. See docs/decisions.md.
 */
.elementor-widget-testimonial-carousel .elementor-main-swiper.swiper { overflow: visible; margin-left: 0; margin-right: 0; z-index: auto; }
.elementor-element .swiper .elementor-swiper-button-prev { left: -70px !important; }
.elementor-element .swiper .elementor-swiper-button-next { right: -40px !important; }

/* On live, Elementor Pro's own "image above" layout rule (column-reverse) wins over the Customizer's flex-direction: column
 * only because the old Pro loaded its widget CSS later. Pro 4.3.1 loads it earlier, so the Customizer rule won and the
 * testimonial text moved to the top of the card. Same rule, slightly more specific, so the live layout stays. */
.elementor-widget-testimonial-carousel.elementor-testimonial--layout-image_above .elementor-testimonial { flex-direction: column-reverse; }