/* Multi AI Share Buttons - styles */

.multi-share-buttons {
  margin: 0; padding: 28px;
  background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);
  border-radius: 14px;
  box-shadow: 0 10px 40px rgba(102,126,234,.25);
  position: relative; overflow: hidden;
}
.multi-share-buttons::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 100%);
  pointer-events: none;
}
.multi-share-buttons.centered { text-align: center; }
.multi-share-buttons strong {
  display: block; margin-bottom: 18px;
  font-size: 16px; color: #fff; font-weight: 700;
  text-shadow: 0 2px 4px rgba(0,0,0,.2); position: relative; z-index:1;
}
.multi-share-container {
  display: flex; flex-wrap: wrap; gap: 10px;
  position: relative; z-index:1;
}
.multi-share-buttons.centered .multi-share-container { justify-content: center; }

.multi-share-buttons .ai-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 10px 20px; border-radius: 10px;
  text-decoration: none; font-size: 13px; font-weight: 600; color: #fff;
  transition: all .3s cubic-bezier(.4,0,.2,1);
  box-shadow: 0 4px 15px rgba(0,0,0,.2);
  min-width: 110px; text-align: center;
  position: relative; overflow: hidden; letter-spacing: .3px;
  animation: btnIn .4s ease-out backwards;
}
@keyframes btnIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
.multi-share-buttons .ai-btn:nth-child(1)  {animation-delay:.05s}
.multi-share-buttons .ai-btn:nth-child(2)  {animation-delay:.10s}
.multi-share-buttons .ai-btn:nth-child(3)  {animation-delay:.15s}
.multi-share-buttons .ai-btn:nth-child(4)  {animation-delay:.20s}
.multi-share-buttons .ai-btn:nth-child(5)  {animation-delay:.25s}
.multi-share-buttons .ai-btn:nth-child(6)  {animation-delay:.30s}
.multi-share-buttons .ai-btn:nth-child(7)  {animation-delay:.35s}
.multi-share-buttons .ai-btn:nth-child(8)  {animation-delay:.40s}
.multi-share-buttons .ai-btn:nth-child(9)  {animation-delay:.45s}
.multi-share-buttons .ai-btn:nth-child(10) {animation-delay:.50s}
.multi-share-buttons .ai-btn::before {
  content:''; position:absolute; top:0; left:-100%; width:100%; height:100%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  transition: left .5s;
}
.multi-share-buttons .ai-btn:hover::before { left:100%; }
.multi-share-buttons .ai-btn:hover { transform:translateY(-2px) scale(1.04); box-shadow:0 8px 25px rgba(0,0,0,.3); color:#fff; text-decoration:none; }

/* Kolory przycisków */
.ai-btn.chatgpt    {background:linear-gradient(135deg,#10a37f,#0d8968)}
.ai-btn.perplexity {background:linear-gradient(135deg,#20808d,#1a6770)}
.ai-btn.grok       {background:linear-gradient(135deg,#1da1f2,#1a8cd8)}
.ai-btn.googleai   {background:linear-gradient(135deg,#4285f4,#357ae8)}
.ai-btn.gemini     {background:linear-gradient(135deg,#8e44ad,#7d3c98)}
.ai-btn.copilot    {background:linear-gradient(135deg,#00a4ef,#0078d4)}
.ai-btn.claude     {background:linear-gradient(135deg,#cc785c,#b8654a)}
.ai-btn.metaai     {background:linear-gradient(135deg,#0668e1,#0552b5)}
.ai-btn.mistral    {background:linear-gradient(135deg,#ff6b6b,#ee5a52)}
.ai-btn.deepseek   {background:linear-gradient(135deg,#2c3e50,#1a252f)}

/* MINIMAL */
.multi-share-buttons.minimal-style {
  padding: 18px 0; background:transparent; border-radius:0; box-shadow:none;
  border-top:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb;
}
.multi-share-buttons.minimal-style strong { color:#6b7280; font-size:12px; text-shadow:none; }
.multi-share-buttons.minimal-style .ai-btn {
  background:transparent; border:1.5px solid #e5e7eb; color:#111827;
  box-shadow:none; min-width:100px; padding:8px 14px;
}
.multi-share-buttons.minimal-style .ai-btn::before {display:none}
.multi-share-buttons.minimal-style .ai-btn:hover { background:#f9fafb; border-color:#6366f1; color:#6366f1; box-shadow:none; transform:translateY(-1px); }

/* MINIMAL COLORED */
.multi-share-buttons.minimal-colored-style {
  padding: 18px 0; background:transparent; border-radius:0; box-shadow:none;
  border-top:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb;
}
.multi-share-buttons.minimal-colored-style strong { color:#6b7280; font-size:12px; text-shadow:none; }
.multi-share-buttons.minimal-colored-style .ai-btn {
  background:transparent; box-shadow:none; border:1.5px solid currentColor;
  min-width:100px; padding:8px 14px;
}
.multi-share-buttons.minimal-colored-style .ai-btn::before {display:none}
.multi-share-buttons.minimal-colored-style .ai-btn:hover { opacity:.8; box-shadow:none; transform:translateY(-1px); }

/* Kolory tekstu dla minimal-colored */
.minimal-colored-style .ai-btn.chatgpt    {color:#10a37f}
.minimal-colored-style .ai-btn.perplexity {color:#20808d}
.minimal-colored-style .ai-btn.grok       {color:#1da1f2}
.minimal-colored-style .ai-btn.googleai   {color:#4285f4}
.minimal-colored-style .ai-btn.gemini     {color:#8e44ad}
.minimal-colored-style .ai-btn.copilot    {color:#00a4ef}
.minimal-colored-style .ai-btn.claude     {color:#cc785c}
.minimal-colored-style .ai-btn.metaai     {color:#0668e1}
.minimal-colored-style .ai-btn.mistral    {color:#ff6b6b}
.minimal-colored-style .ai-btn.deepseek   {color:#2c3e50}

/* Responsywność */
@media (max-width: 600px) {
  .multi-share-buttons { padding: 18px; }
  .multi-share-container { gap: 8px; }
  .multi-share-buttons .ai-btn { min-width: 90px; padding: 8px 12px; font-size: 12px; }
}