/*
 Theme Name:   Inotek Child
 Theme URI:    https://wp.themevally.com/inotek/
 Description:  Inotek Child Theme
 Author:       Theme-vally
 Author URI:   https://themeforest.net/user/theme-vally
 Template:     inotek
 Domain Path: /languages/
 Version:      1.0.0
*/
/* MinervaFlow logo size control */
.header-logo img,
.dark-logo img,
.stickyheader-logo img,
.mobile-logo img,
.sidebar-logo img {
    max-height: 70px !important;
    width: auto !important;
}

/* Equal-height service cards - added 2026-08-04 */
.tv-service-section .row > [class*="col-"] { display: flex; }
.tv-service-single-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.tv-service-single-box .tv-service-content { flex: 1 1 auto; }

/* Equal-height process step boxes - added 2026-08-04 */
.tv-process-section .row.gy-30 > [class*="col-"] { display: flex; }
.tv-process-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.tv-process-item .process-box { flex: 1 1 auto; }

/* Pricing: outer framing cards carry no CTA - hide their empty button - 2026-08-04 */
.tv-pricing-section .row > [class*="col-"]:first-child .tv-pricing-card a,
.tv-pricing-section .row > [class*="col-"]:last-child  .tv-pricing-card a {
    display: none !important;
}

/* "Sound familiar?" pain block */
.mf-pain-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 40px; }
@media (max-width: 767px) { .mf-pain-grid { grid-template-columns: 1fr; } }
.mf-pain { margin: 0; padding: 28px 30px; background: rgba(0,0,0,.035);
           border-left: 3px solid rgba(0,0,0,.25); border-radius: 6px;
           font-size: 18px; line-height: 1.65; font-style: italic; }

/* Proof points strip */
.mf-proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 991px) { .mf-proof-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .mf-proof-grid { grid-template-columns: 1fr; } }
.mf-proof { padding: 22px 20px; border-top: 3px solid rgba(0,0,0,.25);
            font-size: 17px; line-height: 1.5; font-weight: 600; }

/* Bottom CTA */
.mf-cta-sub { text-align: center; margin-top: 14px; font-size: 17px; opacity: .85; }

/* Book a Demo intro */
.mf-demo-sub { font-size: 19px; line-height: 1.6; max-width: 760px; margin: 0 auto 34px; text-align: center; }
.mf-demo-h3 { font-size: 22px; margin: 0 0 14px; }
.mf-demo-list { margin: 0 0 28px; padding-left: 22px; font-size: 17px; line-height: 1.9; }
.mf-demo-body { font-size: 17px; line-height: 1.7; margin-bottom: 24px; }
.mf-demo-foot { font-size: 16px; opacity: .8; line-height: 1.7; }

/* The Inotek theme runs dark-mode on every page. The surfaces above are
   black-on-navy and invisible there, so restate them light-on-dark. */
body.dark-mode .mf-pain  { background: rgba(255,255,255,.06);
                           border-left-color: rgba(255,255,255,.38); }
body.dark-mode .mf-proof { border-top-color: rgba(255,255,255,.38); }

/* The theme only recolours ITS OWN .tv-* widgets in dark mode. Core Elementor
   widgets keep --title-color (#061153) on a --dark-color6 (#051153) page, i.e.
   invisible. Restate colours for the blocks built with core widgets. */
body.dark-mode .elementor-element-a1f2c30 .elementor-heading-title,
body.dark-mode .elementor-element-c3f5e20 .elementor-heading-title,
body.dark-mode .elementor-element-d4a6f30 .elementor-heading-title,
body.dark-mode .mf-demo-h3 { color: var(--white-color); }

body.dark-mode .mf-proof { color: var(--white-color); }

body.dark-mode .mf-pain,
body.dark-mode .mf-cta-sub,
body.dark-mode .mf-demo-sub,
body.dark-mode .mf-demo-list,
body.dark-mode .mf-demo-body,
body.dark-mode .mf-demo-foot { color: var(--light-color4); }

/* Core Elementor button defaults to grey. Match the theme brand blue. */
body.dark-mode .elementor-element-c3f5e20 .elementor-button {
  background-color: var(--theme-color);
  color: var(--white-color);
  border-radius: 8px;
  padding: 16px 34px;
  font-weight: 600;
}
body.dark-mode .elementor-element-c3f5e20 .elementor-button:hover {
  background-color: var(--white-color);
  color: var(--theme-color);
}

/* "How it works" - the four Method steps in full */
.mf-method { display: grid; grid-template-columns: repeat(2, 1fr); gap: 34px; margin-top: 44px; }
@media (max-width: 991px) { .mf-method { grid-template-columns: 1fr; } }
.mf-method-step { padding: 30px 32px; background: rgba(0,0,0,.035);
                  border-top: 3px solid rgba(0,0,0,.25); border-radius: 6px; }
.mf-method-name { font-size: 26px; margin: 0 0 14px; }
.mf-method-step p { font-size: 16.5px; line-height: 1.75; margin: 0 0 14px; }
.mf-method-step p:last-child { margin-bottom: 0; font-weight: 600; }

/* CTA body sits above the button */
.mf-cta-body { text-align: center; font-size: 18px; line-height: 1.7;
               max-width: 720px; margin: 18px auto 26px; }

/* dark mode - the theme does not recolour core Elementor widgets */
body.dark-mode .elementor-element-e5b7a40 .elementor-heading-title,
body.dark-mode .mf-method-name { color: var(--white-color); }
body.dark-mode .mf-method-step { background: rgba(255,255,255,.06);
                                 border-top-color: rgba(255,255,255,.38); }
body.dark-mode .mf-method-step p { color: var(--light-color4); }
body.dark-mode .mf-method-step p:last-child { color: var(--white-color); }
body.dark-mode .mf-cta-body { color: var(--light-color4); }