/* Chefle Customizations — moved from WPCode snippet #1004: Mobile header + menu drawer (Figma) */

#cpm-header,#cpm-drawer,#cpm-overlay{display:none}
@media (max-width:767px){
  .elementor-124,.ehf-header .elementor-124{display:none!important}
  #cpm-header{display:flex;position:sticky;top:0;z-index:9990;height:60px;align-items:center;gap:10px;padding:0 12px 0 8px;background:#111;font-family:"DM Sans",system-ui,sans-serif}
  body.admin-bar #cpm-header{top:46px}
  #cpm-header .cpm-burger{width:44px;height:44px;border-radius:50%;border:0;background:#2A2A2A;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex:0 0 44px}
  #cpm-header .cpm-burger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;position:relative}
  #cpm-header .cpm-burger span:before,#cpm-header .cpm-burger span:after{content:"";position:absolute;left:0;width:18px;height:2px;background:#fff;border-radius:2px}
  #cpm-header .cpm-burger span:before{top:-6px}#cpm-header .cpm-burger span:after{top:6px}
  #cpm-header .cpm-logo{display:flex;align-items:center;flex:0 0 auto}
  #cpm-header .cpm-logo img{height:40px;width:auto;display:block;border-radius:4px}
  #cpm-header .cpm-icons{margin-left:auto;display:flex;align-items:center;gap:6px}
  .cpm-ico{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff!important;border:0;background:transparent;padding:0;cursor:pointer;text-decoration:none}
  .cpm-ico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .cpm-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#FEC625;color:#111;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-sizing:border-box}
  .cpm-badge:empty,.cpm-badge[data-n="0"]{display:none}
  #cpm-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
  #cpm-drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:min(330px,86vw);background:#fff;z-index:9999;transform:translateX(-100%);transition:transform .28s ease;font-family:"DM Sans",system-ui,sans-serif;color:#111;overflow-y:auto;-webkit-overflow-scrolling:touch}
  body.cpm-open #cpm-drawer{transform:none}
  body.cpm-open #cpm-overlay{opacity:1;visibility:visible}
  body.cpm-open{overflow:hidden}
  .cpm-top{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 8px 0 16px;background:#111;flex:0 0 auto}
  .cpm-top img{height:40px;width:auto;border-radius:4px}
  .cpm-close{width:44px;height:44px;border-radius:50%;border:0;background:#2A2A2A;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
  .cpm-close svg{width:20px;height:20px;stroke:#fff;stroke-width:2.2;stroke-linecap:round}
  .cpm-search{margin:16px;display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:12px;background:#F3F3F3}
  .cpm-search svg{width:18px;height:18px;stroke:#6B6B6B;fill:none;stroke-width:2;flex:0 0 18px}
  .cpm-search input{flex:1;border:0!important;background:transparent!important;font-size:15px!important;color:#111;outline:none;box-shadow:none!important;padding:0!important;height:44px;min-width:0;font-family:inherit}
  .cpm-nav{list-style:none;margin:0;padding:0;border-top:1px solid #EEE}
  .cpm-nav>li{border-bottom:1px solid #EEE}
  .cpm-row{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 20px;font-size:16px;font-weight:500;color:#111!important;text-decoration:none!important;background:#fff;border:0;width:100%;text-align:left;cursor:pointer;font-family:inherit;box-sizing:border-box}
  .cpm-row svg{width:18px;height:18px;stroke:#111;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;flex:0 0 18px}
  .cpm-nav>li.is-current>.cpm-line .cpm-row{background:#FFF4CC;font-weight:700;box-shadow:inset 4px 0 0 #FEC625}
  .cpm-line{display:flex;align-items:stretch}
  .cpm-line>a.cpm-row{flex:1}
  .cpm-line>button.cpm-row{flex:0 0 52px;width:52px;justify-content:center;padding:0;border-left:1px solid #EEE}
  li.is-open>.cpm-line>button svg{transform:rotate(180deg)}
  .cpm-sub{list-style:none;margin:0;padding:6px 0 10px;background:#F3F3F3;display:none;border-top:1px solid #EEE}
  li.is-open>.cpm-sub{display:block}
  .cpm-sub a{display:flex;align-items:center;gap:12px;padding:5px 20px;font-size:15px;color:#555!important;text-decoration:none!important}
  .cpm-sub a:before{content:"";width:26px;height:26px;border-radius:6px;background:#fff;flex:0 0 26px}
  .cpm-card{margin:16px;padding:16px;border-radius:16px;background:#111;color:#fff}
  .cpm-acc{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none!important}
  .cpm-acc .av{width:40px;height:40px;border-radius:50%;background:#FEC625;display:flex;align-items:center;justify-content:center;flex:0 0 40px}
  .cpm-acc .av svg{width:20px;height:20px;stroke:#111;fill:none;stroke-width:2}
  .cpm-acc b{display:block;font-size:16px;font-weight:600}
  .cpm-acc small{display:block;font-size:13px;color:#BDBDBD;margin-top:2px}
  .cpm-acc .chev{margin-left:auto;width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.2}
  .cpm-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
  .cpm-tiles a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:66px;border-radius:10px;background:#2A2A2A;color:#fff!important;font-size:13px;font-weight:500;text-decoration:none!important}
  .cpm-tiles svg{width:20px;height:20px;stroke:#FEC625;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .cpm-contact{padding:4px 20px 24px;display:flex;flex-direction:column;gap:12px}
  .cpm-contact a{display:flex;align-items:center;gap:12px;font-size:14px;color:#555!important;text-decoration:none!important}
  .cpm-contact svg{width:18px;height:18px;stroke:#555;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
}