/* Utilities */
.hidden{display:none;}
#adt-debug-panel{border:1px solid #ccc;padding:1em;margin-top:1em;background:#fafafa;}
/* Toast */
.adt-toast{position:fixed;bottom:24px;right:24px;background:#23282d;color:#ffffff !important; padding:10px 16px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.2);z-index:9999;opacity:0;transition:opacity .3s ease-in-out;}
.adt-toast.show{opacity:1;}
/* Tabs */
.adt-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;}
.adt-tabs button{padding:10px 16px;background:#f5f5f5;border:1px solid #ccc;border-radius:4px 4px 0 0;cursor:pointer;font-weight:500;font-size:14px;transition:background .2s ease-in-out;}
.adt-tabs button:hover{background:#e8e8e8;}
.adt-tabs button.active{background:#fff;border-bottom:2px solid #aa0000;}/*#0073aa;*/
.adt-tab-content{display:none;}
.adt-tab-content.active{display:block;}
/* Tips post‑box */
#adt-tips-postbox.closed .inside{display:none;}
#adt-tips-postbox .toggle-indicator{transition:transform .2s ease;}
#adt-tips-postbox.closed .toggle-indicator{transform:rotate(-90deg);} /* ▼ open → ▶ closed */
/* Tips helper */
.adt-tip{background:#f1f1f1;padding:12px 16px;border-left:4px solid #0073aa;margin:10px 0 20px;font-size:13px;line-height:1.5;}
#adt-import-export-postbox.closed .inside { display: none; }
#adt-import-export-postbox .toggle-indicator {
    transition: transform 0.2s ease;
}
#adt-import-export-postbox.closed .toggle-indicator {
    transform: rotate(-90deg);
}
.postbox.closed {
    border-bottom: 1px solid #ccc;
}
.postbox .hndle, .stuffbox .hndle {
    margin-left: 20px;
}
.postbox .inside {
	padding: 1px 20px 15px 20px;
	line-height:1.6;
	font-size:14px;
}
/* Generic collapsible post‑boxes */
.postbox.closed .inside           { display:none; }
.postbox .toggle-indicator        { transition:transform .2s ease; }
.postbox.closed .toggle-indicator { transform:rotate(-90deg); }

pre#adt-last-form-snapshot {
	white-space: pre-wrap;
	word-break: break-word;
}

button#adt-toggle-all-boxes { margin-left:0px !important; margin-bottom: 20px;}

/* tiny blue ring (same colour as WP primary buttons) */
.adt-spinner{
  display:inline-block;
  width:16px; height:16px; margin-left:6px;
  border:2px solid #2271b1;           /* WP blue */
  border-top-color:transparent;       /* hollow centre */
  border-radius:50%;
  animation:adt-spin .8s linear infinite;
  opacity:0; transition:opacity .2s;
}
@keyframes adt-spin{ to{ transform:rotate(360deg); } }

.adt-saving {
  position: relative;
}

.ad t-saving .adt-spinner{ opacity:1; }

/* Spinner next to settings field while saving */
.adt-saving::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -28px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border: 2px solid #d0d0d0;
  border-top-color: #1e8c3a;
  border-radius: 50%;
  animation: adt-spin .6s linear infinite;
}

@keyframes adt-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

.adt-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 1rem;
}

.adt-btn {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  padding: 6px 10px;
  gap: 6px;
  border: 1px solid #ccd0d4;
  background: #f6f7f7;
  border-radius: 3px;
  color: #1d2327;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

.adt-btn:hover {
  background: #e2e4e7;
}

.adt-btn svg {
  fill: currentColor;
  vertical-align: middle;
}

.adt-json {
  background: transparent;
  padding: 1em;
  border-radius: 6px;
  overflow-x: auto;
  font-family: monospace;
  font-size: 14px;
}
.json-key { color: #aa0d91; }
.json-string { color: #008000; }
.json-number { color: #1c00cf; }
.json-boolean { color: #aa0d91; }
.json-null { color: #808080; }

#adt-export-preview code {
	background: #f0f0f1 !important;
}

.adt-history-entry {
	margin-bottom: 10px;
    border: 1px solid #ebe9e9;
    padding: 10px;
}

#adt-export-metadata {
    margin-bottom: 1rem;
    font-size: 14px;
    padding: 10px;
    border: 1px solid #e9e9e9;
}

/* Mobile */
@media(max-width:600px){
    .adt-tabs{flex-direction:column;gap:6px;}
    .adt-tabs button{width:100%;text-align:left;border-radius:4px;}
}
button#adt-toggle-raw:focus {
  outline: none;
  box-shadow: none;
}
button#adt-toggle-styled:focus {
  outline: none;
  box-shadow: none;
}
#adt-tag-type-filter {padding-right: 25px;}

#adt-export-preview-btn {
  background-color: #1e1e1e;
  color: #ffffff;
  border: 1px solid #000;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
}
#adt-export-preview-btn:hover,
#adt-export-preview-btn:focus {
  background-color: #333333;
  color: #fff;
  border-color: #000;
}
.adt-btn svg {
    display: none !important;
}

#adt-copy-json,
#adt-download-export-json,
#adt-download-summary-txt,
#adt-download-summary-csv{
    color: #292929;
    border-color: #010101;
}
.adt-locked-preview {
  position: relative;
  opacity: 0.6;
  pointer-events: none;
}

.adt-premium-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  /*background: rgba(255, 255, 255, 0.94);*/
  background: none;
  border: 0px dashed #ffcc00;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #333;
  font-size: 13px;
  padding: 20px;
  z-index: 10;
  pointer-events: auto;
}

/* Container scroll box */
.adt-table-container {
  overflow-x: auto;
  max-width: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  margin-top: 10px;
}

/* Responsive table styling */
.adt-event-table {
  width: 100%;
  min-width: 700px;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 1.4;
}

.adt-event-table thead {
  background-color: #f8f8f8;
  border-bottom: 1px solid #ccc;
  position: sticky;
  top: 0;
  z-index: 1;
}

.adt-event-table th,
.adt-event-table td {
  padding: 10px 14px;
  text-align: left;
  border-bottom: 1px solid #eee;
  white-space: nowrap;
}

.adt-event-table th {
  font-weight: 600;
  color: #333;
}

.adt-event-table tr:nth-child(even) td {
  background: #fafafa;
}

.adt-row-unwired td {
  color: #777;
  font-style: italic;
}
.adt-compare-table td,
.adt-compare-table th {
  padding: 6px;
  vertical-align: top;
  font-size: 13px;
}

.adt-compare-table th:nth-child(2),
.adt-compare-table td:nth-child(2),
.adt-compare-table th:nth-child(3),
.adt-compare-table td:nth-child(3) {
  white-space: normal;
  word-break: break-word;
  max-width: 240px;
}

.adt-pro-banner {
	margin: 20px 20px 20px 0px;
    max-width: 1220px;
    /* background: linear-gradient(93deg, #e3f1fd 90%, #f2fbff 100%); */
	background: #ffffff;
    border: 1px solid #bedcf6;
    border-radius: 6px;
    overflow: hidden;
    transition: box-shadow 0.18s, max-height 0.18s;
    display: block;
}
.adt-pro-banner-inner {
    display: flex;
    align-items: center;
    gap: 36px;
    padding: 20px 32px 20px 28px;
	border-left: 5px solid;
    height: 100%;
    position: relative;
}
.adt-pro-banner-left {
    display: flex;
    align-items: center;
    gap: 22px;
    flex: 1 1 0%;
    min-width: 0;
}
.adt-pro-banner-icon {
	display: none !important;
    font-size: 42px;
    color: #369afc;
    background: #e0ecfa;
    border-radius: 8px;
    padding: 9px 14px 9px 10px;
    display: flex;
    align-items: center;
    margin-right: 6px;
    flex-shrink: 0;
	margin-top: -20px;
}
.adt-pro-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}
.adt-pro-banner-content h2 {
    margin: 0 0 2px 0;
    font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.08em;
    font-weight: 700;
    color: #194574;
    letter-spacing: 0.03em;
    line-height: 1.22;
    text-shadow: 0 1px 0 #fff;
    word-spacing: 0.03em;
}
.adt-pro-banner-content p {
    margin: 0;
    font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 0.97em;
    font-weight: 400;
    color: #29618d;
    letter-spacing: 0.015em;
    line-height: 1.5;
    word-spacing: 0.09em;
}
.adt-pro-banner-cta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 195px;
    min-width: 140px;
    height: 100%;
}
.adt-upgrade-btn.button {
    padding: 5px 14px 5px 14px;
    /* background: linear-gradient(90deg,#67c8f6 60%,#c5e9fc 100%); */
    border: 1px solid #cdcdcd;
    color: #125e92;
    font-weight: 600;
    font-size: 1em;
    border-radius: 6px;
    /* box-shadow: 0 1px 3px rgba(22,85,170,0.09); */
    /* letter-spacing: 0.05em;*/
    text-shadow: none;
    margin-top: 0;
    transition: background 0.15s, color 0.14s, box-shadow 0.19s;
    position: relative;
    display: inline-block;
    white-space: nowrap;
}
/* .adt-upgrade-btn.button:after {
    content: "\f504";
    font-family: dashicons;
    font-size: 1.15em;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.73;
} */
.adt-upgrade-btn.button:hover {
    /* background: linear-gradient(90deg,#aedfff 50%,#f2fbff 100%);
    color: #0073aa;
    box-shadow: 0 2px 7px 0 rgba(22,85,170,0.12); */
	border: 1px solid #cdcdcd;
}
.adt-pro-banner-close {
    background: none;
    border: none;
    font-size: 1.7em;
    color: #95b8d6;
    position: absolute;
    top: 10px;
    right: 22px;
    cursor: pointer;
    padding: 0px 9px 0 9px;
    line-height: 1;
    opacity: 0.6;
    transition: background 0.13s, color 0.13s, opacity 0.13s;
}
.adt-pro-banner-close:hover {
    background: #e0ecfa;
    color: #369afc;
    opacity: 1;
	padding: 0px 9px 0 9px;
	border-radius: 3px;
}

@media (max-width: 900px) {
    .adt-pro-banner-inner { padding: 12px 12px 10px 10px; gap: 12px;}
    .adt-pro-banner-left { gap: 8px;}
    .adt-pro-banner-content h2 { font-size: 0.96em; }
    .adt-pro-banner-cta { flex-basis: 120px; }
    .adt-upgrade-btn.button { font-size: 0.93em; padding: 7px 22px 7px 10px;}
    .adt-pro-banner-close { right: 8px; top: 6px; }
}
@media (max-width: 700px) {
    .adt-pro-banner-inner { flex-direction: column; align-items: flex-start; gap: 8px;}
    .adt-pro-banner-left { width: 100%; }
    .adt-pro-banner-cta { justify-content: flex-start; width: 100%; padding-top: 5px;}
    .adt-upgrade-btn.button { width: 100%; min-width: 110px; text-align: center;}
}
#adt-feature-checkboxes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

#adt-feature-checkboxes fieldset {
  margin: 0;
  align-self: start; /* ✨ Prevent vertical alignment issues */
}

.adt-checkbox-grid label {
  display: block;
  margin-bottom: 4px;
}
@media (max-width: 480px) {
  .adt-checkbox-grid {
    grid-template-columns: 1fr;
  }
}
.adt-intent-score {display:none;}
#adt-preview-reminder {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

#adt-preview-reminder.fade-out {
  opacity: 0;
}

#adt-ov-intent {padding: 0 8px;}

#adt-event-dropdown {width: 97% !important;}