/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* === CM-QA-FIXES 2026-07-05 : brand consistency (colors/buttons/layout) === */
/* 1. Kill off-brand Porto blue on outline "primary" buttons -> brand teal */
.vc_btn3-style-outline.vc_btn3-color-primary,
.vc_btn3-style-outline.vc_btn3-color-primary:visited{
  color: var(--porto-primary-color) !important;
  border-color: var(--porto-primary-color) !important;
  background-color: transparent !important;
}
.vc_btn3-style-outline.vc_btn3-color-primary:hover{
  background-color: var(--porto-primary-color) !important; color:#fff !important;
}
/* 2. Off-brand blue gradient band -> brand teal */
.bg-gradient{ background: var(--porto-primary-color) !important; }
/* 3. Journey section: vertically center the short left column (kills the big empty gap) */
.journey-left{ display:flex; flex-direction:column; justify-content:center; }
/* 4. Contact form submit -> brand pill (was square dark) */
.wpcf7 .wpcf7-submit, .wpcf7 input[type=submit]{
  background: var(--porto-secondary-color) !important; color:#fff !important;
  border:0 !important; border-radius:8px !important; padding:14px 40px !important; font-weight:700 !important;
}
/* 5. Button radius normalization (pill system = 8px) */
.vc_btn3.vc_btn3-style-custom, .vc_btn3.vc_btn3-style-flat, .vc_btn3.vc_btn3-style-outline{ border-radius:8px !important; }
/* 6. Service card icons on /services/: tint Porto blue -> brand teal */
.page-id-69 .porto-info-box .porto-info-box-icon img,
.page-id-69 .info-box img{
  filter: brightness(0) saturate(100%) invert(19%) sepia(46%) saturate(1187%) hue-rotate(146deg) brightness(94%) contrast(101%);
}
/* 7. Bump low-contrast light-gray body copy for readability */
.wpb_text_column p, .porto-sicon-description, .vc_column_text{ color:#5b6168; }

/* === CM-QA-V2 2026-07-05 : corrections === */
/* journey: make the row flex so the short left column centers against the tall cards */
.vc_row.wpb_row:has(> .journey-left){ display:flex; flex-wrap:wrap; align-items:center; }
.journey-left{ justify-content:center; }
/* service icons -> brand teal (correct selector .porto-sicon-box .img-icon) */
.page-id-69 .porto-sicon-box img.img-icon{
  filter: brightness(0) saturate(100%) invert(17%) sepia(58%) saturate(1010%) hue-rotate(147deg) brightness(93%) contrast(101%);
}
/* contact submit button -> brand orange pill */
.wpcf7 button.btn, .wpcf7 .btn.btn-dark, .page-id-77 .wpcf7 .btn{
  background: var(--porto-secondary-color) !important; color:#fff !important;
  border-color: var(--porto-secondary-color) !important; border-radius:8px !important;
}