/* Overlay: szara poświata */
.cc-overlay{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  background:rgba(17,17,17,.55);
  backdrop-filter:saturate(120%) blur(2px);
  padding:16px;
}

/* Modal */
.cc-modal{
  width:100%; max-width:720px; background:#fff; border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.1);
  transform:scale(.98); opacity:0; animation:cc-pop .22s cubic-bezier(.2,.7,.2,1) forwards;
}
@keyframes cc-pop{to{transform:scale(1);opacity:1}}

.cc-body{ padding:24px 22px }
@media (min-width:768px){ .cc-body{ padding:28px } }

.cc-title{ margin:0 0 8px; font-size:20px; line-height:1.3; font-weight:700; letter-spacing:.2px }
.cc-text{ color:#4b5563; line-height:1.6; margin:0 }
.cc-link{ color:#111; text-decoration:underline }

.cc-grid{ margin-top:8px; display:grid; gap:12px }
.cc-row{ border:1px solid #e5e7eb; border-radius:12px; padding:14px }
.cc-row__title{ font-weight:600; margin-bottom:4px }
.cc-row__desc{ color:#6b7280; margin:.25rem 0 .35rem }

.cc-actions{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; margin-top:16px }
.cc-btn{
  appearance:none; border:1px solid #e5e7eb; background:#fff; color:#111;
  border-radius:10px; padding:10px 14px; font-size:14px; cursor:pointer;
  transition:.15s ease transform, .15s ease background, .15s ease box-shadow;
}
/* .cc-btn:hover{ background:#f9fafb } */
.cc-btn:active{ transform:translateY(1px) }
.cc-btn--primary{ background:#111; color:#fff; border-color:#111 }
.cc-btn--primary:hover{ filter:brightness(.95) }
.cc-btn--ghost{ background:#fff; border-color:#e5e7eb }

/* Przycisk manage */
.cc-manage{
  position:fixed; right:16px; bottom:16px; z-index:9998;
  background:#fff; border:1px solid #e5e7eb; border-radius:12px;
  padding:8px 12px; font-size:13px; cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
}

/* (opcjonalne) klasy przejścia z Vue – pozostawione bez wpływu w WP */
.cc-fade-enter-active,.cc-fade-leave-active{ transition:opacity .16s ease }
.cc-fade-enter-from,.cc-fade-leave-to{ opacity:0 }