/*
 * Campaign detail tabs (#adset-tabs) — pill chrome matching #website-tabs.
 *
 * Overrides global-runtime.css rectangular tab buttons for adset detail only.
 * Mobile bottom bar: mobile-detail-shell.css (shared with website tabs).
 */

#adset-tabs .e-n-tab-content,
#adset-tabs [id^="e-n-tab-content"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#adset-tabs > div > div.e-n-tabs-heading,
#adset-tabs .e-n-tabs-heading {
  margin-bottom: 0;
  z-index: 999;
  overflow: visible;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

#adset-tabs .e-n-tab-title:not(.one230-tab-locked)::after {
  display: none !important;
}

/* Pill tabs */
#adset-tabs .e-n-tabs-heading > .e-n-tab-title,
#adset-tabs .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title,
#adset-tabs.e-n-tabs > .e-n-tabs-heading > .e-n-tab-title,
#adset-tabs .e-n-tabs-heading > .e-n-tab-title:hover,
#adset-tabs .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title:hover,
#adset-tabs.e-n-tabs > .e-n-tabs-heading > .e-n-tab-title:hover,
#adset-tabs .e-n-tabs-heading > .e-n-tab-title:focus,
#adset-tabs .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title:focus,
#adset-tabs.e-n-tabs > .e-n-tabs-heading > .e-n-tab-title:focus {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-block-start: 8px !important;
  padding-block-end: 8px !important;
  padding-inline-start: 14px !important;
  padding-inline-end: 14px !important;
  background-color: #f1f0ed !important;
  background-image: none !important;
  border: none !important;
  border-radius: 999px !important;
  outline: none !important;
  transition: none !important;
}

#adset-tabs.elementor-widget-n-tabs,
#adset-tabs {
  --n-tabs-title-transition: 0s !important;
  --n-tabs-title-border-width: 0 !important;
  --n-tabs-title-border-color: transparent !important;
}

#adset-tabs .e-n-tab-title .e-n-tab-icon,
#adset-tabs .e-n-tab-title .e-n-tab-icon i,
#adset-tabs .e-n-tab-title .e-n-tab-icon svg,
#adset-tabs .e-n-tab-title span i,
#adset-tabs .e-n-tab-title span svg {
  transition: none !important;
}

#adset-tabs .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"],
#adset-tabs .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"],
#adset-tabs.e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"],
#adset-tabs .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]:hover,
#adset-tabs .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]:hover,
#adset-tabs.e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]:hover,
#adset-tabs .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]:focus,
#adset-tabs .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]:focus,
#adset-tabs.e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]:focus {
  background-color: #161513 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  position: relative;
  z-index: 2;
  box-shadow: none !important;
  transform: none !important;
  border: none !important;
  outline: none !important;
}

#adset-tabs .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] .e-n-tab-icon,
#adset-tabs .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] .e-n-tab-icon,
#adset-tabs.e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] .e-n-tab-icon,
#adset-tabs .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg,
#adset-tabs .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg,
#adset-tabs.e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

#adset-tabs .e-n-tabs[data-touch-mode="false"] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover:not(.one230-tab-locked),
#adset-tabs[data-touch-mode="false"] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover:not(.one230-tab-locked),
#adset-tabs .e-n-tabs[data-touch-mode="true"] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover:not(.one230-tab-locked),
#adset-tabs[data-touch-mode="true"] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover:not(.one230-tab-locked) {
  background-color: #161513 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  position: relative;
  z-index: 2;
  box-shadow: none !important;
  transform: none !important;
  border: none !important;
  outline: none !important;
}

#adset-tabs .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover:not(.one230-tab-locked) .e-n-tab-icon,
#adset-tabs .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover:not(.one230-tab-locked) .e-n-tab-icon,
#adset-tabs .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover:not(.one230-tab-locked) .e-n-tab-icon svg,
#adset-tabs .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover:not(.one230-tab-locked) .e-n-tab-icon svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

#adset-tabs .e-n-tab-title[aria-selected="false"]:hover:not(.one230-tab-locked) .one230-pcreate-tab-opt {
  background: transparent;
  color: #b8b3aa;
}

#adset-tabs .e-n-tab-title {
  align-items: center !important;
  gap: 8px !important;
  color: #161513 !important;
}

#adset-tabs .e-n-tab-title[aria-selected="true"] .one230-pcreate-tab-opt {
  background: transparent;
  color: #b8b3aa;
}

#adset-tabs .e-n-tab-title,
#adset-tabs .e-n-tab-title:hover,
#adset-tabs .e-n-tab-title:focus,
#adset-tabs .e-n-tab-title[aria-selected="true"],
#adset-tabs .e-n-tab-title[aria-selected="true"]:hover,
#adset-tabs .e-n-tab-title[aria-selected="true"]:focus,
#adset-tabs .e-n-tab-title[aria-selected="false"]:hover {
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: none !important;
}

#adset-tabs .e-n-tab-title.one230-tab-locked:hover {
  background-color: #f1f0ed !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
}

@media (max-width: 767px) {
  body.one230-dfy-campaign-detail #adset-tabs > div > div.e-n-tabs-heading,
  body.one230-dfy-campaign-detail #adset-tabs .e-n-tabs-heading {
    margin-bottom: 0;
    z-index: auto;
    flex-wrap: nowrap;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
}