/*
Theme Name: Inotek
Theme URI: https://inotek.themevally.com/
Author: Theme-vally
Author URI: https://themeforest.net/user/theme-vally
Description: IT Business WordPress Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 7.4
Text Domain: inotek
Domain Path: /languages/
Tags: custom-menu, sticky-post, footer-widgets, featured-images, threaded-comments, translation-ready
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* !important is load-bearing here, not decoration. The theme's own rules are
   .footer-section .footer-brand .social-links (0,3,0, sets display:flex) and
   .footer-section .footer-brand .contact-info, and inotek.css is enqueued AFTER
   style.css, so it wins both on specificity and on order. Without !important these
   three rules parse fine, apply to nothing, and the space stays on the page. */
/* MinervaFlow: hide the empty social list left behind in the footer brand column */
.footer-brand .social-links:empty{display:none !important;}

/* MinervaFlow: /about story block. Core Elementor widgets get no dark-mode
   treatment from the theme, so heading, body and button are set explicitly. */
.mf-about{max-width:820px;}
.mf-about-p{margin:0 0 22px;line-height:1.75;}
body.dark-mode .mf-about-p{color:#b9bfe4;}
body.dark-mode .elementor-3490 .elementor-widget-heading .elementor-heading-title{color:#fff;}
body.dark-mode .elementor-3490 .elementor-widget-button .elementor-button{background-color:#1053f3;color:#fff;}

/* MinervaFlow: the footer social list is empty now, but it still carried a
   top border, leaving an orphan rule under the logo. :empty does not match
   because the markup keeps whitespace, so hide it explicitly. */
.footer-brand .social-links{display:none !important;}

/* MinervaFlow: /about headshot presentation only. Column widths and flex
   direction live in the Elementor container settings, because Elementor drives
   direction through a CSS custom property that a plain rule here cannot beat,
   and _css_classes lands on widgets but not on containers in this version. */
.mf-about-photo img{border-radius:14px;display:block;width:100%;height:auto;
                    box-shadow:0 18px 44px rgba(0,0,0,.38);}

/* MinervaFlow: /how-it-works, the six sections in full. Core Elementor widgets
   get no dark-mode treatment from the theme, so colours are set explicitly. */
.mf-six{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;max-width:1040px;margin:0 auto;}
.mf-six-item{background:rgba(255,255,255,.05);border-left:3px solid rgba(255,255,255,.38);
             border-radius:10px;padding:26px 28px;}
.mf-six-title{font-size:21px;margin:0 0 14px;}
.mf-six-p{margin:0 0 14px;line-height:1.7;}
.mf-six-out{margin:0;line-height:1.6;font-weight:600;}
body.dark-mode .mf-six-title{color:#fff;}
body.dark-mode .mf-six-p{color:#b9bfe4;}
body.dark-mode .mf-six-out{color:#fff;}
body.dark-mode .elementor-974 .elementor-element-mfsix11 .elementor-heading-title{color:#fff;}
@media (max-width:900px){ .mf-six{grid-template-columns:1fr;gap:28px;} }

/* MinervaFlow: /pricing ROI anchor + bonuses. Core widgets, explicit dark-mode colours. */
.mf-roi-p{max-width:760px;margin:0 auto 34px;text-align:center;font-size:18px;line-height:1.7;}
.mf-bonus-h{text-align:center;font-size:20px;margin:0 0 18px;}
.mf-bonus-list{list-style:none;padding:0;max-width:880px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.mf-bonus{background:rgba(255,255,255,.05);border-radius:10px;padding:20px 22px;line-height:1.6;}
.mf-bonus-v{opacity:.75;font-size:13px;}
body.dark-mode .mf-roi-p{color:#b9bfe4;}
body.dark-mode .mf-bonus-h{color:#fff;}
body.dark-mode .mf-bonus{color:#fff;}
body.dark-mode .elementor-1585 .elementor-element-mfroi11 .elementor-heading-title{color:#fff;}
@media (max-width:900px){.mf-bonus-list{grid-template-columns:1fr;}}

/* Recirc Traction: footer size. It was running to 72% of a 1080p screen for four
   lines of links. Four separate causes, all left behind by earlier removals:
     pt-75 + .space top + .space bottom   = 315px of padding
     .contact-info                        = an empty div still carrying
                                            margin 40/35, padding-bottom 30 and a
                                            border-bottom, so a rule floating under
                                            the logo with nothing above or below it
     .footer-brand space-between          = stretched the brand column because the
                                            social icons it used to push against
                                            were removed this morning
     the third column                     = empty since the demo blog posts came out */
.footer-section.pt-75{padding-top:0 !important;}
.footer-section .footer-top.space{padding-top:60px !important;padding-bottom:45px !important;}
.footer-section .footer-brand{justify-content:flex-start;}
/* NOT :empty. The div contains whitespace, so :empty never matches it. Same trap
   this file already documents for .social-links. */
.footer-section .footer-brand .contact-info{display:none !important;}
.footer-section .footer-brand .brand-info .logo img{max-width:170px;height:auto;}

/* Drop the empty third column and its spacer, and let the link columns take the
   width back. RESTORE BOTH when there is a blog post to list there. */
.footer-section .footer-top .col-lg-1.md-d-none{display:none;}
.footer-section .footer-top .col-lg-3{display:none;}
@media (min-width:992px){
  .footer-section .footer-top > .container > .row > .col-lg-4:not(.footer-brand){
    flex:0 0 auto;width:58.333333%;}
}

/* The brand column divider is top:-100% height:600px in the theme, sized for the
   old tall footer. With the footer shortened it overshoots and cuts through the
   copyright bar, so tie it to the column instead. */
.footer-section .footer-brand::before{top:0 !important;height:100% !important;}