/* Hodldesk Summary Box — v1.5.3 (CSS-only, wraps to multiple lines; panel fixed below) */
.elementor-widget-hodldesk-summary-box,
.hodldesk-summary{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

.hodldesk-summary{
  background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);
  border:1.5px solid #cbd5e1; border-radius:16px; padding:18px;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  box-shadow:0 4px 15px rgba(0,0,0,.08); position:relative; overflow:hidden;
}
.hodldesk-summary:before{
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,#4f46e5,#06b6d4,#10b981);
}

/* Header alignment */
.hodldesk-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.hodldesk-header-left{ display:flex; align-items:center; gap:8px; }
.hodldesk-icon{
  width:30px; height:30px; background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
  border-radius:8px; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:13px;
  line-height:1; letter-spacing:.2px; box-shadow:0 3px 8px rgba(102,126,234,.3);
}
.hodldesk-title{ margin:0; font-size:20px; font-weight:700; color:#1e293b; letter-spacing:-.2px; }

/* Collapse (CSS-only) */
.hd-collapse{ position:absolute; opacity:0; pointer-events:none; }
.hodldesk-toggle{
  width:32px; height:32px; border-radius:8px; background:rgba(148,163,184,.2); cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; transition:background .15s ease;
}
.hodldesk-toggle:hover{ background:rgba(148,163,184,.28); }
.hodldesk-chevron{ width:10px; height:10px; border-right:2px solid #64748b; border-bottom:2px solid #64748b; transform:rotate(-135deg); transition:transform .2s ease; }
.hd-collapse:not(:checked) ~ .hodldesk-header .hodldesk-chevron{ transform:rotate(45deg); }
.hd-collapse:not(:checked) ~ .hodldesk-tabs{ display:none; }

/* Tabs: allow wrapping to multiple lines */
.hodldesk-tabs{ display:block; }
.hd-tab-radio{ position:absolute; left:-9999px; }

/* Tab labels inline and wrap */
.hodldesk-tab{
  display:inline-block;
  margin:0 6px 10px 0;
  padding:10px 16px; border-radius:16px; font-size:14px; font-weight:600; min-height:36px; line-height:1;
  border:1px solid rgba(148,163,184,.3); background:rgba(148,163,184,.1); color:#64748b; cursor:pointer;
  transition:transform .12s ease, background .12s ease, box-shadow .12s ease;
  white-space:nowrap; user-select:none;
}
.hodldesk-tab:hover{ background:rgba(148,163,184,.16); transform:translateY(-1px); }

/* Panels container below the entire tab bar */
.hodldesk-panels{ display:block; margin-top:6px; }
.hodldesk-panel{ display:none; }

/* Panel content defaults */
.hodldesk-panel p{ margin:0 0 12px; color:#374151; font-size:15px; line-height:1.65; }
.hodldesk-panel ul{ padding-left:18px; margin:0 0 12px; }
.hodldesk-panel li{ margin:6px 0; }

/* Responsive */
@media (max-width:768px){
  .hodldesk-summary{ padding:14px; border-radius:14px; }
  .hodldesk-title{ font-size:18px; }
  .hodldesk-icon{ width:28px; height:28px; font-size:12px; }
}
@media (max-width:480px){
  .hodldesk-title{ font-size:17px; }
  .hodldesk-tab{ padding:8px 12px; font-size:12px; min-height:30px; }
}

/* v1.5.6 — Header alignment + AI bot icon */
.hodldesk-header-left{ align-items:center; }
.hodldesk-title{ position:static; top:auto; line-height:1.1; }
.hodldesk-icon{ display:flex; align-items:center; justify-content:center; }
.hodldesk-icon .hd-bot{ width:18px; height:18px; display:block; }

/* v1.5.7 — soft rounded AI bot icon + perfect alignment */
.hodldesk-header-left{ display:flex; align-items:center; gap:10px; }
.hodldesk-title{ line-height:1; margin:0; position:static; }
.hodldesk-icon{
  width:34px; height:34px; background:none; border-radius:50%;
  display:flex; align-items:center; justify-content:center; padding:0;
  filter: drop-shadow(0 6px 12px rgba(91, 87, 255, .25));
}
.hodldesk-icon .hd-bot{ width:26px; height:26px; display:block; }

/* v1.5.8 — micro visual alignment (icon ⬌ title perfectly parallel) */
.hodldesk-header-left{ align-items:center; }
.hodldesk-icon{ transform: translateY(0.5px); }   /* tiny optical lift */
.hodldesk-title{ line-height:1; position:relative; top:-2px; } /* small upward nudge */