/*
 Theme Name:   Divi Child Theme
 Theme URI:    https://www.ampcocontracting.com/
 Description:  AMPCO Divi child. Layout and styling live in Divi modules and the Customizer; this file holds only what Divi cannot express natively.
 Author:       AMPCO
 Template:     Divi
 Version:      5.0.0
*/

/* ---- Service card bullets: 15x5 orange bar. Divi has no list-marker control. ---- */
.ampco-svc ul.ampco-svc-list{padding-left:0;margin:0;}
.ampco-svc ul.ampco-svc-list li{position:relative;padding-left:26px;list-style:none;}
.ampco-svc ul.ampco-svc-list li::before{content:"";position:absolute;left:0;top:.62em;width:15px;height:5px;background:#F96302;}

/* ---- Service cards: EXPLORE pinned to the bottom so it aligns across cards. ---- */
.ampco-svc-col{display:flex !important;flex-direction:column;}
.ampco-svc-col > .ampco-explore{margin-top:auto !important;}
.ampco-explore p{margin:0;}
.ampco-explore a{display:inline-flex;align-items:center;gap:10px;color:#F96302;text-decoration:none;}
.ampco-explore a:hover{opacity:.8;}
.ampco-explore img{width:24px;height:24px;display:block;flex:0 0 auto;}

/* ---- SVG blurb icons have no intrinsic size, so Divi renders them at 0. ---- */
.et_pb_blurb .et_pb_main_blurb_image img[src$=".svg"]{width:40px;height:40px;display:block;}
.et_pb_blurb .et_pb_main_blurb_image{margin-bottom:14px;}

/* ---- Partners marquee. Divi has no continuous-scroll module. ---- */
.ampco-mq-wrap{overflow:hidden;}
.ampco-mq-wrap .ampco-mq-track{display:flex !important;align-items:center;width:max-content !important;float:none !important;animation:ampco-marquee 45s linear infinite;}
.ampco-mq-wrap .ampco-mq-track:hover{animation-play-state:paused;}
.ampco-mq-wrap .ampco-mq-item{flex:0 0 auto;width:auto !important;margin:0 55px 0 0 !important;}
.ampco-mq-wrap .ampco-mq-item img{max-height:46px;width:auto;}
@keyframes ampco-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.ampco-mq-wrap .ampco-mq-track{animation:none;}}

/* ---- Footer: edge-to-edge; Divi specialty rows are fixed-width. ---- */
.ampco-footer-sec > .et_pb_row{width:100% !important;max-width:100% !important;padding:0 !important;}
#main-footer{display:none;}

/* ---- Header (desktop only; below 981px Divi swaps to its mobile menu). ---- */
@media (min-width:981px){
  #main-header .logo_container,
  #main-header #et-top-navigation{height:80px;}
  #main-header #et-top-navigation{padding-top:0 !important;display:flex;align-items:center;justify-content:flex-end;}
  #main-header #top-menu-nav,
  #main-header #top-menu{display:flex;align-items:center;}
  #main-header #top-menu > li{display:flex;align-items:center;height:80px;}
  #main-header #top-menu > li > a{display:flex;align-items:center;height:100%;position:relative;padding-bottom:0;}
  #main-header #top-menu li.ampco-cta{margin-left:20px;}
  #main-header #top-menu > li.ampco-cta > a{height:46px;padding:0 26px !important;background:#F96302;color:#FFFFFF !important;line-height:1;}
  #main-header #top-menu > li.ampco-cta > a:hover{background:#E95C01;opacity:1;}
  #main-header #top-menu > li.current-menu-item:not(.ampco-cta) > a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#F96302;}
}

/* CTA inside the mobile menu reads as a button too. */
@media (max-width:980px){
  #mobile_menu li.ampco-cta > a{background:#F96302;color:#FFFFFF !important;text-align:center;margin:10px 6%;width:88%;}
}

/* Bar is translucent by design; without blur the page reads through it. */
#main-header{backdrop-filter:blur(7.5px);-webkit-backdrop-filter:blur(7.5px);}

/* ---------------------------------------------------------------
   TEMPORARY SHIM - delete this whole block once these three lines in
   Divi-child/functions.php are commented out:
     add_filter('body_class', 'ampco_home_body_class', 99);
     add_action('wp_head', 'ampco_home_critical_css', 1);
     add_action('wp_footer', 'ampco_topbar_nav_script', 50);
   That legacy code hides Divi's native header and strips et_fixed_nav, so
   Divi's "Fixed Navigation Bar" option (already on) has no effect. WordPress
   refuses PHP edits here because its loopback check cannot reach
   localhost:8080 from inside the container.
--------------------------------------------------------------- */
body.ampco-home-layout #main-header,
body.ampco-home-layout header#main-header{
  display:block !important;visibility:visible !important;height:auto !important;
  min-height:0 !important;overflow:visible !important;pointer-events:auto !important;
}
body.ampco-home-layout #main-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:99999;box-shadow:0 1px 3px rgba(0,0,0,.08);}
body.admin-bar.ampco-home-layout #main-header{top:32px;}
body.ampco-home-layout #page-container{padding-top:80px !important;}
@media screen and (max-width:782px){body.admin-bar.ampco-home-layout #main-header{top:46px;}}