/* INKERI CMS | Author: Albert | Date: 2026-02-15
   Problemu Analize — FIXED LAYOUT v3
*/

/* ================= WIDTH FIX ================= */

.container.pa-wrap {
    max-width: 1200px !important;
}

/* ================= CARD ================= */

.pa-card2 {
    border: 0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 8px 30px rgba(0,0,0,.05);
}

.pa-card2-body {
    padding: 30px;
}

/* ================= BUBBLES ================= */

.pa-question-bubble {
    background: #e9f0ff;
    border: 1px solid #d3e1ff;
    padding: 22px 24px;
    border-radius: 22px;
    font-size: 16px;
    line-height: 1.7;
}

.pa-answer-bubble {
    background: #eaf6f0;
    border: 1px solid #cfe9dd;
    padding: 22px 24px;
    border-radius: 22px;
    font-size: 16px;
    line-height: 1.7;
}

/* ================= EXPAND LINKS ================= */

.pa-expand-q summary {
    margin-top: 12px;
    cursor: pointer;
    color: #2563eb;
    font-weight: 500;
    list-style: none;
}

.pa-expand-a summary {
    margin-top: 12px;
    cursor: pointer;
    color: #198754;
    font-weight: 500;
    list-style: none;
}

.pa-expand-q summary::-webkit-details-marker,
.pa-expand-a summary::-webkit-details-marker {
    display: none;
}

.pa-expand-q summary:before {
    content: "▶ ";
    font-size: 12px;
}

.pa-expand-q[open] summary:before {
    content: "▼ ";
}

.pa-expand-a summary:before {
    content: "▶ ";
    font-size: 12px;
}

.pa-expand-a[open] summary:before {
    content: "▼ ";
}

/* ================= PHOTOS ================= */

.pa-photos {
    margin-top: 15px;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.pa-photo img {
    width: 170px;
    height: 140px;
    object-fit: cover;
    border-radius: 16px;
    transition: transform .25s ease;
}

.pa-photo img:hover {
    transform: scale(1.05);
}

/* ================= SHARE ================= */

.pa-share {
    margin-top: 20px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.pa-share-btn {
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 14px;
    border: 1px solid #ddd;
    background: #fff;
    transition: all .2s ease;
    text-decoration: none;
    color: #333;
}

.pa-share-btn:hover {
    background: #f3f3f3;
}

.pa-share-fb { border-color:#0d6efd;color:#0d6efd; }
.pa-share-fb:hover { background:#0d6efd;color:#fff; }

.pa-share-tg { border-color:#1da1f2;color:#1da1f2; }
.pa-share-tg:hover { background:#1da1f2;color:#fff; }

.pa-share-wa { border-color:#25D366;color:#25D366; }
.pa-share-wa:hover { background:#25D366;color:#fff; }

/* ================= ACTION BUTTONS ================= */

.pa-btn-pill {
    border-radius: 999px !important;
    padding: 10px 22px !important;
}

/* ================= HONEYPOT FIX ================= */

.pa-hp {
    display: none !important;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 768px) {

    .pa-card2-body {
        padding: 20px;
    }

    .pa-photo img {
        width: 130px;
        height: 110px;
    }
}
.pa-badge-admin{
  background:#fff4e6;
  color:#d9480f;
  font-size:12px;
  padding:6px 12px;
  border-radius:999px;
  font-weight:600;
  border:1px solid rgba(217,72,15,.25);
}

.pa-badge-ok{
  background:none;
  border:none;
  padding:0;
  border-radius:0;

  color:#198754;
  font-weight:600;
  font-size:14px;

  display:inline-flex;
  align-items:center;
  gap:6px;
}

.pa-badge-ok::before{
  content:"✔";
  font-size:14px;
}
.pa-num{
  background:#f6b400;                 /* основной жёлтый */
  color:#111;                         /* чёрный текст */
  font-weight:800;
  font-size:13px;
  padding:8px 18px;
  border-radius:999px;
  letter-spacing:.6px;
  display:inline-block;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 6px 14px rgba(0,0,0,.08);
}
.pa-counter-bad {
  color: #dc3545 !important;
  font-weight: 600;
}

.pa-counter-good {
  color: #198754 !important;
  font-weight: 700;
}
/* === SHARE ICONS (bigger + right aligned) === */

.pa-share-icons{
  display:flex;
  gap:14px;                 /* чуть больше расстояние */
  margin-top:18px;
  justify-content:flex-end; /* выровнять вправо */
}

.pa-share-ico{
  width:44px;               /* было 36 */
  height:44px;              /* было 36 */
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:18px;           /* было 16 */
  text-decoration:none;
  transition:all .2s ease;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  color:#555;
  cursor:pointer;
}

.pa-share-ico:hover{
  transform:translateY(-3px);
  box-shadow:0 6px 14px rgba(0,0,0,.15);
}

/* individual colors */

.pa-ico-mail { color:#555; }
.pa-ico-link { color:#555; }

.pa-ico-fb  { color:#1877f2; }
.pa-ico-tg  { color:#229ed9; }
.pa-ico-wa  { color:#25d366; }

.pa-ico-fb:hover  { background:#1877f2; color:#fff; }
.pa-ico-tg:hover  { background:#229ed9; color:#fff; }
.pa-ico-wa:hover  { background:#25d366; color:#fff; }

.pa-ico-mail:hover,
.pa-ico-link:hover{
  background:#333;
  color:#fff;
}
.pa-admin-num{
    display:inline-block;
    background: linear-gradient(135deg,#ff8a00,#f06500);
    color:#fff;
    font-weight:700;
    padding:8px 20px;
    border-radius:999px;
    font-size:15px;
    letter-spacing:1px;
    transition:all .2s ease;
}

.pa-admin-num:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 14px rgba(0,0,0,.15);
    color:#fff;
}
/* FILE: /public_html/assets/css/inkeri-problemu-analize.css */
/* === SHARE ICONS (updated) === */

.pa-share-icons{
  display:flex;
  gap:12px;
  margin-top:16px;
}

.pa-share-icons-right{
  justify-content:flex-end;
  margin-left:auto;
}

.pa-share-ico{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:18px;
  text-decoration:none;
  transition:all .2s ease;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  color:#555;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}

.pa-share-ico:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

/* individual colors */
.pa-ico-mail { color:#555; }
.pa-ico-link { color:#555; }

.pa-ico-fb  { color:#1877f2; }
.pa-ico-tg  { color:#229ed9; }
.pa-ico-wa  { color:#25d366; }

.pa-ico-fb:hover  { background:#1877f2; color:#fff; border-color:rgba(24,119,242,.35); }
.pa-ico-tg:hover  { background:#229ed9; color:#fff; border-color:rgba(34,158,217,.35); }
.pa-ico-wa:hover  { background:#25d366; color:#fff; border-color:rgba(37,211,102,.35); }

.pa-ico-mail:hover,
.pa-ico-link:hover{
  background:#333;
  color:#fff;
  border-color:rgba(0,0,0,.25);
}