/*
 Theme Name:   Experlogix
 Template:     Divi
 Description:  Experlogix child theme for Divi
 Version:      1.0.0
 Text Domain:  experlogix
*/


/* Force white text ONLY for the .demo-button snippet, everywhere */
#page-container #et-main-area .et_pb_post_content a.demo-button,
#page-container #et-main-area .entry-content a.demo-button,
#page-container #et-main-area .et_pb_text a.demo-button,
#page-container #et-main-area a.demo-button,
#page-container #et-main-area a.demo-button:link,
#page-container #et-main-area a.demo-button:visited,
#page-container #et-main-area a.demo-button:active,
#page-container #et-main-area a.demo-button:hover,
#page-container #et-main-area a.demo-button *,
#page-container #et-main-area a.demo-button:hover * {
  color: #fff !important;
  text-decoration: none !important;
}

/* Heading */
.csrel .csrel-heading{ text-align:center; margin:0 0 10px; }

/* CHIPS */
/* Centered, inline icon+label chips (match old site) */
.csrel.inline-chips .chiprow{
  display:flex; flex-wrap:wrap; gap:28px;
  align-items:center; justify-content:center;      /* CENTER everything */
  margin:8px 0;
}
.csrel.inline-chips .chip{
  display:inline-flex; align-items:center; gap:10px;
  padding:0; border:0; background:transparent;     /* NO pill */
  color:#0C214C; text-decoration:none;
  font-weight:700; font-size:20px; line-height:1.1;
}
.csrel.inline-chips .chip:hover{ text-decoration:underline; }

/* Icons inherit text color, sized consistently */
.csrel.inline-chips .chip-ico-wrap{ width:22px; height:22px; display:inline-flex; }
.csrel.inline-chips .chip-ico-wrap img{ width:100%; height:100%; object-fit:contain; display:block; }
.csrel.inline-chips .chip-ico-wrap svg{ width:100%; height:100%; display:block; fill:currentColor; stroke:currentColor; }
.csrel.inline-chips .chip-ico-wrap i{ font-size:22px; line-height:1; color:currentColor; }

/* Optional: keep the section tight like old site */
.csrel.inline-chips{ margin:6px 0 2px; }

/* Responsive sizes */
@media (max-width:980px){ .csrel.inline-chips .chiprow{ gap:20px } .csrel.inline-chips .chip{ font-size:14px } }
@media (max-width:600px){ .csrel.inline-chips .chiprow{ gap:14px } .csrel.inline-chips .chip{ font-size:14px } }

/* Responsive sizes */
@media (max-width:980px){ .csrel.inline-chips .chiprow{ gap:20px } .csrel.inline-chips .chip{ font-size:14px } }
@media (max-width:600px){ .csrel.inline-chips .chiprow{ gap:14px } .csrel.inline-chips .chip{ font-size:14px } }

/* Base: outlined pill */
.et_pb_text .wp-block-buttons .wp-block-button a,
.wp-block-buttons .wp-block-button a,
.wp-block_buttons .wp-block_button a,
.wp-block-buttons .wp-block-button__link,
.wp-block_buttons .wp-block_button__link,
a.wp-element-button,
a.wp-element_button {
  display: inline-block !important;
  padding: 0.6em 1.2em !important;
  line-height: 1.2 !important;

  background: transparent !important;
  color: #0c214c !important;
  border: 2px solid #0c214c !important;
  border-radius: 100px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  appearance: none !important;

  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Invert on hover/focus/active */
.et_pb_text .wp-block-buttons .wp-block-button a:hover,
.wp-block-buttons .wp-block-button a:hover,
.wp-block_buttons .wp-block_button a:hover,
.wp-block-buttons .wp-block-button__link:hover,
.wp-block_buttons .wp-block_button__link:hover,
a.wp-element-button:hover,
a.wp-element_button:hover,
.et_pb_text .wp-block-buttons .wp-block-button a:focus,
.wp-block-buttons .wp-block-button a:focus,
.wp-block_buttons .wp-block_button a:focus,
.wp-block-buttons .wp-block-button__link:focus,
.wp-block_buttons .wp-block_button__link:focus,
a.wp-element-button:focus,
a.wp-element_button:focus,
.et_pb_text .wp-block-buttons .wp-block-button a:active,
.wp-block-buttons .wp-block-button a:active,
.wp-block_buttons .wp-block_button a:active,
.wp-block-buttons .wp-block-button__link:active,
.wp-block_buttons .wp-block_button__link:active,
a.wp-element-button:active,
a.wp-element_button:active {
  background: #0c214c !important;
  color: #ffffff !important;
  border-color: #0c214c !important;
  text-decoration: none !important;
  outline: none !important;
}

/* Neutralize Gutenberg “fill/outline/has-background” variants */
.wp-block-button.is-style-fill a,
.wp-block-button.is-style-outline a,
.wp-block_button.is-style-fill a,
.wp-block_button.is-style-outline a,
.wp-block-button a.has-background,
.wp-block_button a.has-background {
  background: transparent !important;
  color: #0c214c !important;
  border: 2px solid #0c214c !important;
  border-radius: 100px !important;
}
/* Hide Gutenberg dotted separators */
hr.wp-block-separator.is-style-dots,
.wp-block-separator.is-style-dots,
.wp-block-separator.has-alpha-channel-opacity.is-style-dots,
.entry-content hr.wp-block-separator.is-style-dots {
  display: none !important;
}

/* (Belt-and-suspenders) also hide the dots pseudo-element if it renders separately */
.wp-block-separator.is-style-dots::before {
  display: none !important;
  content: none !important;
}
.nav li ul, .et-db #et-boc .et-l .nav li ul {
  border-color: #0c214c!important;
}

/* Remove the extra white canvas on the outer wrappers (Resources menu) */
#exper-menu-resources,
#exper-menu-resources .dm-mega-menu,
#exper-menu-resources .dm-mm-wrapper,
#exper-menu-resources .de-mm-container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Keep the inner card white with the drop shadow & radius */
#exper-menu-resources .de-mega-menu-content {
  background: #fff !important;
  box-shadow: 0 20px 50px rgba(16,24,40,.16) !important;
  border-radius: 12px !important;
}

/* If the header switches to the fixed variant, cover that too */
.dmm-fixed #exper-menu-resources {
  background: transparent !important;
  box-shadow: none !important;
}


#hubspot-messages-iframe-container { position: fixed !important; z-index: 2147483647 !important; }
#main-header.et-fixed-header, .et-l--header.et-fixed-header { z-index: 1000 !important; }


/* Only use this inside the mobile drawer; hide on desktop */
@media (min-width:981px){ .xpl-mm-holder{ display:none!important; } }

/* Holder lives under Products <li>; closed by default */
.et_mobile_menu li.xpl-mm-products > .xpl-mm-holder{ display:none; padding:0 16px 12px; }
.et_mobile_menu li.xpl-mm-products > .xpl-mm-holder.is-open{ display:block; }

/* Panel base */
.xpl-mm-panel{ background:#fff; border-radius:0; }
.xpl-mm-view[hidden]{ display:none!important; }

/* Header line + label (matches your screenshots) */
.xpl-mm-head{
  position:relative; margin:8px 0 6px; padding:16px 0 10px;
  border-top:1px solid #EDF1F6; border-bottom:1px solid #EDF1F6;
  text-align:center;
}
.xpl-mm-head span{
  font-weight:800; color:#0C214C; text-decoration:underline;
}

/* ===== Products list (3 rows) ===== */
.xpl-mm-row{
  display:flex; align-items:flex-start; gap:12px; padding:18px 0;
  border-bottom:1px solid #EDF1F6;
}
.xpl-mm-row:last-child{ border-bottom:0; }

.xpl-mm-row-link{
  display:flex; gap:12px; text-decoration:none; color:#0C214C; flex:1 1 auto;
}
.xpl-mm-ico{ width:28px; height:28px; flex:0 0 28px; }
.xpl-mm-title{ font-size:22px; font-weight:800; line-height:1.2; }
.xpl-mm-desc{ margin-top:6px; font-size:15px; line-height:1.55; opacity:.9; }

/* Chevron button at right */
.xpl-mm-arrow{
  flex:0 0 auto; margin-left:8px; width:36px; height:36px;
  border:1px solid #E5E9F2; border-radius:999px; background:#fff; position:relative; cursor:pointer;
}
.xpl-mm-arrow::before{
  content:""; position:absolute; inset:0; margin:auto; width:9px; height:9px;
  border-right:2px solid #0C214C; border-bottom:2px solid #0C214C; transform:rotate(-45deg);
}

/* ===== Detail view ===== */
.xpl-mm-back{
  display:inline-flex; align-items:center; gap:8px; margin:8px 0 16px;
  background:none; border:none; color:#0C214C; font-weight:800; cursor:pointer;
}
.xpl-mm-back::before{
  content:""; width:9px; height:9px; border-left:2px solid #0C214C; border-bottom:2px solid #0C214C; transform:rotate(45deg);
}

/* Two-column grid like your old site (stacks on small screens if needed) */
.xpl-mm-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start;
  border-top:1px solid #EDF1F6; padding-top:16px; margin-top:6px;
}
.xpl-mm-col{ position:relative; }
.xpl-mm-col + .xpl-mm-col{ border-left:1px solid #EDF1F6; padding-left:16px; }

.xpl-mm-section{ font-size:18px; font-weight:800; margin:0 0 10px; color:#0C214C; }

.xpl-mm-links{ list-style:none; margin:0; padding:0; }
.xpl-mm-links li{ margin:0 0 12px; }
.xpl-mm-links a{
  display:block; text-decoration:none; color:#0C214C; font-size:18px; line-height:1.4;
}
.xpl-mm-links a:hover{ color:#0350D8; }

/* Featured block (image left, copy right) */
.xpl-mm-feature{
  display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:center;
  margin:22px 0 6px;
}
.xpl-mm-feature img{ width:100%; height:auto; border-radius:10px; }
.xpl-mm-feature .eyebrow{ font-size:12px; font-weight:700; opacity:.8; }
.xpl-mm-feature .title{ font-size:16px; font-weight:700; margin:6px 0 12px; }
.xpl-mm-btn{
  display:inline-flex; padding:10px 16px; border-radius:999px; border:2px solid #0C214C;
  background:#0C214C; color:#fff; text-decoration:none; font-weight:700;
}

/* Keep the drawer scrollable; don’t let the panel take over */
.et_mobile_menu{ max-height:calc(100vh - 80px); overflow:auto; }