/*
 Theme Name:   Flexify Child Theme
 Theme URI:    https://flexify.themerex.net/
 Description:  Flexify Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     flexify
 Version:      1.0.0
 Tested up to: 6.8
 Requires at least: 5.5
 Requires PHP: 7.4
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
 Text Domain:  flexify
*/


/* =Theme customization starts here
------------------------------------------------------------ */

/* Header logo — uniform scale-up preserving aspect ratio */
.elementor-5422 .elementor-element-708a986 .sc_layouts_logo {
  transform: scale(1.35);
  transform-origin: left center;
}
/* Sticky / mobile header logo */
.elementor-5422 .elementor-element-9d13a97 .sc_layouts_logo {
  transform: scale(1.2);
  transform-origin: left center;
}

/* Uniform product grid thumbnails — force 1:1 square display
   even when source images are too small for WC's 630×630 crop */
.woocommerce ul.products li.product a img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
  height: auto;
}

/* H5: Focus indicators — CSS-only fallback that works without JS */
:focus-visible {
  outline: 2px solid var(--theme-color-link, #9C2330) !important;
  outline-offset: 2px !important;
}

/* Override parent theme's outline:0 for keyboard users even without show_outline */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--theme-color-link, #9C2330) !important;
  outline-offset: 2px !important;
}

/* Fix radio/checkbox focus — parent theme uses outline:0 !important + box-shadow */
input[type="radio"]:focus-visible + label:before,
input[type="checkbox"]:focus-visible + label:before {
  outline: 2px solid var(--theme-color-link, #9C2330) !important;
  outline-offset: 2px !important;
}

/* Variation tooltips: allow wrapping for longer descriptions */
.woocommerce div.product .trx_addons_attrib_extended .trx_addons_attrib_item[data-tooltip-text]:after {
  white-space: normal;
  max-width: 220px;
  text-align: center;
}

/* 3a: Hide Cheese column from mega menu (no cheese products) */
.elementor-element-bbd3432 {
  display: none !important;
}

/* 4a: Mobile menu — enable vertical scroll for long menus */
.trx-addons-ver-hamburger-menu .trx-addons-mobile-menu-outer-container {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* 4c: Mobile top bar — reduce vertical space */
@media (max-width: 767px) {
  .elementor-5422 .elementor-element-7866b45 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    font-size: 12px;
  }
}

/* A4/About: Counter row — wrap to 2 cols on tablet, 1 on mobile */
@media (max-width: 1024px) {
  .elementor-element-39df569 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
  }
}
@media (max-width: 767px) {
  .elementor-element-39df569 {
    grid-template-columns: 1fr !important;
  }
}

/* CP1: Pricing columns — normalize hover states across all 4 */
.elementor-element-121c8a6:hover,
.elementor-element-2cd6966:hover,
.elementor-element-87c37f6:hover {
  border: 1px solid #9C2330;
  border-radius: 8px;
  transition: border 0.3s ease, border-radius 0.3s ease;
}
.elementor-element-b014795,
.elementor-element-121c8a6,
.elementor-element-2cd6966,
.elementor-element-87c37f6 {
  transition: border 0.3s ease, border-radius 0.3s ease;
}

/* T1: Testimonials page — force single column on tablet */
@media (max-width: 1024px) {
  .elementor-6400 .sc_testimonials_columns_2,
  .elementor-6400 .sc_testimonials_columns_3 {
    --var-sc-testimonials-columns: 1 !important;
  }
  .elementor-6400 .sc_testimonials .sc_testimonials_item {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* A7/A8: About timeline — hide vertical divider on mobile */
@media (max-width: 767px) {
  .elementor-6394 .sc_timeline:before,
  .elementor-6394 .sc_timeline_item:before {
    display: none !important;
  }
}

/* About: Award Winning Meats heading line height on mobile */
@media (max-width: 767px) {
  .elementor-6394 .elementor-heading-title {
    line-height: 1.3 !important;
  }
}