/* ==========================================================================
   Micro-Tek Electronics - site-wide header + footer refresh
   File: partdo-child/site.css  (enqueued on every page by functions.php, after the
   child theme stylesheet). Only touches .site-header and .site-footer. Remove the
   enqueue block in functions.php to switch it off.
   ========================================================================== */

:root{
  --mtf-navy:#0B1F2E; --mtf-navy-deep:#071622; --mtf-line:rgba(255,255,255,.1);
  --mtf-text:rgba(255,255,255,.72); --mtf-muted:rgba(255,255,255,.5); --mtf-white:#fff;
  --mtf-blue:#00A0E3; --mtf-sky:#5DDBFF; --mtf-red:#EF233C;
  --mtf-font:"Krub",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* ---------- header polish ---------- */
body .site-header.shadow-enable{box-shadow:0 2px 14px rgba(6,32,48,.07)}
body .site-header .header-border{height:4px}
body .site-header .search-form-wrapper .search-form input{border-radius:12px;border-color:#E5E7EB;height:50px;font-family:var(--mtf-font)}
body .site-header .search-form-wrapper .search-form input:focus,
body .site-header .search-form-wrapper .search-form input:active{border-color:var(--mtf-blue);box-shadow:0 0 0 3px rgba(0,160,227,.16)}
body .site-header .search-form-wrapper .search-form input:focus + .btn{color:var(--mtf-blue)}
body .site-header .klbth-menu-wrapper.primary .klbth-menu > .menu-item > a{font-weight:600;color:#1F2937}
body .site-header .klbth-menu-wrapper.primary .klbth-menu > .menu-item > a:hover,
body .site-header .klbth-menu-wrapper.primary .klbth-menu > .menu-item:hover > a{color:var(--mtf-blue)}
body .site-header .header-nav{border-bottom:1px solid #EEF0F3}
body .site-header .dropdown-cats > a{border-radius:10px 10px 0 0}
body .site-header .dropdown-cats > a .text{font-weight:600}
body .site-header .notice-button .notice-link{color:#1F2937;background:#F5F7FA;border-radius:999px;padding:8px 16px;font-weight:600;transition:background-color .2s ease,color .2s ease}
body .site-header .notice-button .notice-link:hover{background:#E6F6FD;color:var(--mtf-blue)}
body .site-header .notice-button .notice-link .notice-icon{color:var(--mtf-blue)}
body .site-header .quick-button .login-text .sub-text{color:#6B7280}

/* ---------- header: top bar (theme type-1 top bar, menus in the child-registered locations) ---------- */
body .site-header .header-border{display:none}
body .site-header .header-topbar{background:#0B1F2E;color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.08)}
body .site-header .header-topbar .header-inner{height:40px;border-color:rgba(255,255,255,.08)}
body .site-header .header-topbar .klbth-menu-wrapper.topbar .klbth-menu > li > a{
  display:inline-flex;align-items:center;gap:7px;font:500 12.5px/1 var(--mtf-font);color:rgba(255,255,255,.85);transition:color .2s ease;
}
body .site-header .header-topbar .klbth-menu-wrapper.topbar .klbth-menu > li > a:hover,
body .site-header .header-topbar .klbth-menu-wrapper.topbar .klbth-menu > li:hover > a{color:var(--mtf-sky)}
body .site-header .header-topbar .klbth-menu-wrapper.topbar .klbth-menu > li + li{margin-left:22px}
body .site-header .header-topbar .klbth-menu > li[class*="mt-top-"] > a::before{
  content:"";width:14px;height:14px;flex:0 0 14px;background:var(--mtf-sky);
  -webkit-mask:var(--mt-top-icon) center/contain no-repeat;mask:var(--mt-top-icon) center/contain no-repeat;
}
body .site-header .header-topbar .klbth-menu > li.mt-top-phone > a::before{--mt-top-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}
body .site-header .header-topbar .klbth-menu > li.mt-top-mail > a::before{--mt-top-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E")}
body .site-header .header-topbar .klbth-menu > li.mt-top-pin > a::before{--mt-top-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6-5.5-6-11a6 6 0 0 1 12 0c0 5.5-6 11-6 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
body .site-header .header-topbar .klbth-menu > li.mt-top-book > a::before{--mt-top-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3Cpath d='M9 15.5l2 2 4-4'/%3E%3C/svg%3E")}
body .site-header .header-topbar .klbth-menu > li.mt-top-account > a::before{--mt-top-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
body .site-header .header-topbar .klbth-menu > li.mt-top-book > a{color:#fff;font-weight:600}
body .site-header .header-topbar .header-notice p{font:500 12.5px/1 var(--mtf-font);color:rgba(255,255,255,.62);margin:0}
body .site-header .header-topbar .header-notice p strong{color:#fff;font-weight:600}
body .site-header .header-topbar .header-notice + .header-switcher{padding-left:20px;margin-left:20px;border-left:1px solid rgba(255,255,255,.15)}
/* main row + nav row */
body .site-header .header-main.spacing{padding-top:18px;padding-bottom:18px}
body .site-header .dropdown-cats > a{background-color:#0B1F2E !important;border-radius:10px 10px 0 0;transition:background-color .2s ease}
body .site-header .dropdown-cats > a:hover,body .site-header .dropdown-cats > a.show{background-color:#143349 !important}
body .site-header .quick-button .count{background-color:var(--mtf-red)}

/* ---------- footer ---------- */
body .site-footer{font-family:var(--mtf-font)}
body .site-footer .footer-row.custom-background-dark{background-color:var(--mtf-navy)}
body .site-footer .footer-row.footer-copyright.custom-background-dark{background-color:var(--mtf-navy-deep)}
body .site-footer .footer-row.light{color:var(--mtf-text);border-color:var(--mtf-line)}
body .site-footer .footer-row.light .footer-inner{border-color:var(--mtf-line)}
body .site-footer .footer-row.border-boxed .footer-inner{border-top:0}

/* widget layout (theme "4columns" markup: .custom-column brand + .widgets-column > .row > .col) */
body .site-footer .footer-widgets .footer-sidebar{display:flex;flex-wrap:wrap;align-items:flex-start;padding:64px 15px 52px}
body .site-footer .footer-widgets .footer-sidebar > .custom-column{flex:0 0 400px !important;max-width:400px !important;padding:0 48px 0 0 !important;border-right:1px solid var(--mtf-line) !important}
body .site-footer .footer-widgets .footer-sidebar > .widgets-column{flex:1 1 0 !important;min-width:0;padding-left:56px !important;margin-top:0 !important}
body .site-footer .footer-widgets .widgets-column > .row{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0}
body .site-footer .footer-widgets .widgets-column > .row > .col{padding:0;max-width:none}
body .site-footer .footer-widgets .widgets-column > .row > .col-lg-5{flex:0 0 38% !important;max-width:38% !important}
body .site-footer .footer-widgets .widgets-column > .row > .col-lg-3{flex:0 0 27% !important;max-width:27% !important}
body .site-footer .footer-widgets .footer-sidebar .widget{margin:0}
/* fallback for the theme's plain 3-column markup (.footer-sidebar > .col) */
body .site-footer .footer-widgets .footer-sidebar > .col{padding:0 24px 0 0}

/* titles */
body .site-footer .footer-widgets .widget-title,
body .site-footer .footer-widgets .widget_contact .widget-title{
  font:700 12.5px/1.2 var(--mtf-font);letter-spacing:.14em;text-transform:uppercase;color:var(--mtf-white);margin:6px 0 20px;
}

/* brand column */
body .site-footer .mt-footer-brand .mt-footer-logo{
  display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:18px;background:#fff;padding:6px;margin:0 0 18px;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}
body .site-footer .mt-footer-brand .mt-footer-logo img{width:100%;height:100%;object-fit:contain;display:block}
body .site-footer .mt-footer-brand .mt-footer-name{font:600 19px/1.3 var(--mtf-font);color:var(--mtf-white);margin:0 0 4px}
body .site-footer .mt-footer-brand .mt-footer-tag{font:600 11.5px/1.4 var(--mtf-font);letter-spacing:.14em;text-transform:uppercase;color:var(--mtf-sky);margin:0 0 16px}
body .site-footer .mt-footer-brand p{font-size:14.5px;line-height:1.75;color:var(--mtf-text);margin:0;max-width:36ch}
body .site-footer .mt-footer-brand p + p{margin-top:10px}

/* contact column */
body .site-footer .widget_contact .company-info > div{display:block;margin:0 0 16px;font:500 15px/1.5 var(--mtf-font);color:var(--mtf-white)}
body .site-footer .widget_contact .company-info > div:last-child{margin-bottom:0}
body .site-footer .widget_contact .company-info strong{display:block;font:600 11px/1.4 var(--mtf-font);letter-spacing:.12em;text-transform:uppercase;color:var(--mtf-muted);margin:0 0 3px}
body .site-footer .widget_contact .company-info a{color:var(--mtf-white);text-decoration:none;transition:color .2s ease}
body .site-footer .widget_contact .company-info a:hover{color:var(--mtf-sky)}
body .site-footer .widget_contact .company-phone{font-size:15px;font-weight:500}
body .site-footer .widget_contact .company-works{font-size:15px;opacity:1}
body .site-footer .widget_contact .company-social:empty{display:none}

/* menu columns */
body .site-footer .widget_nav_menu ul.menu{list-style:none;margin:0;padding:0}
body .site-footer .widget_nav_menu ul.menu li{margin:0 0 10px;padding:0}
body .site-footer .widget_nav_menu ul.menu li a{
  display:inline-block;font-size:15px;line-height:1.4;color:var(--mtf-text);text-decoration:none;transition:color .2s ease,transform .2s ease;
}
body .site-footer .widget_nav_menu ul.menu li a:hover{color:var(--mtf-sky);transform:translateX(3px)}

/* delivery strip */
body .site-footer .subfooter .footer-inner{border-top:1px solid var(--mtf-line);border-bottom:1px solid var(--mtf-line);padding:4px 0}
body .site-footer .subfooter .sub-banners ul li{
  display:inline-flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.8);padding:12px 0;
}
body .site-footer .subfooter .sub-banners ul li::before{
  content:"";width:20px;height:20px;background:var(--mtf-sky);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* copyright */
body .site-footer .footer-copyright .footer-inner{padding:22px 0}
body .site-footer .footer-copyright .site-copyright{font-size:13px}
body .site-footer .footer-copyright .site-copyright p{opacity:.6;margin:0}
body .site-footer .footer-copyright .copyright-row + .copyright-row{margin-top:0}
body .site-footer .footer-copyright .mobile-app-content{display:none}

/* ---------- responsive ---------- */
@media (max-width:1199px){
  body .site-footer .footer-widgets .footer-sidebar{padding:56px 15px 44px}
  body .site-footer .footer-widgets .footer-sidebar > .custom-column{flex:0 0 100% !important;max-width:100% !important;padding:0 !important;border-right:0 !important;margin-bottom:36px}
  body .site-footer .footer-widgets .footer-sidebar > .widgets-column{flex:0 0 100% !important;padding-left:0 !important}
  body .site-footer .mt-footer-brand p{max-width:60ch}
}
@media (max-width:767px){
  body .site-footer .footer-widgets .footer-sidebar{padding:44px 16px 36px}
  body .site-footer .footer-widgets .widgets-column > .row > .col-lg-5,
  body .site-footer .footer-widgets .widgets-column > .row > .col-lg-3{flex:0 0 100% !important;max-width:100% !important;margin-bottom:28px}
  body .site-footer .footer-widgets .widgets-column > .row > .col:last-child{margin-bottom:0}
  body .site-footer .footer-widgets .footer-sidebar > .custom-column{margin-bottom:28px}
  body .site-footer .footer-widgets .widget-title,
  body .site-footer .footer-widgets .widget_contact .widget-title{margin-bottom:14px}
  body .site-footer .subfooter .sub-banners ul li{font-size:13px;text-align:left}
  body .site-footer .footer-copyright .footer-inner{padding:18px 0}
}