﻿/* ============================================================
   Cookie Bar (нижняя плашка) — ИЦПО
   ============================================================ */

#pc-cookie-bar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    width: 100% !important;
    z-index: 2147483647 !important;
    background: #1c1c1c !important;
    color: #d8d8d8 !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: 0 -2px 16px rgba(0,0,0,.35) !important;
    animation: pcBarUp .4s cubic-bezier(.22,.68,0,1.1);
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.5;
    box-sizing: border-box;
}

@keyframes pcBarUp {
    from { transform: translateY(110%); }
    to   { transform: translateY(0); }
}

#pc-cookie-bar-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 12px 28px 10px;
}

/* ---- Главная строка ---- */
#pc-cookie-bar-main {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.pc-cookie-bar-text {
    flex: 1 1 280px;
    color: #b0b0b0;
    font-size: .82rem;
}

.pc-cookie-bar-text a {
    color: #74b4f5;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.pc-cookie-bar-text a:hover { color: #9acdf8; }

.pc-cookie-bar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

/* ---- Кнопки ---- */
.pc-btn {
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 600;
    padding: 8px 16px;
    transition: background .18s, box-shadow .15s, transform .1s;
    line-height: 1;
    white-space: nowrap;
    font-family: inherit;
}

.pc-btn:active { transform: scale(.96); }

.pc-btn-primary {
    background: #1a6fd4;
    color: #fff;
}

.pc-btn-primary:hover {
    background: #1255b0;
    box-shadow: 0 3px 10px rgba(26,111,212,.45);
}

.pc-btn-secondary {
    background: #2e2e2e;
    color: #bbb;
    border: 1px solid #4a4a4a;
}

.pc-btn-secondary:hover { background: #3a3a3a; color: #e0e0e0; }

.pc-btn-ghost {
    background: transparent;
    color: #777;
    border: 1px solid #444;
}

.pc-btn-ghost:hover { color: #aaa; border-color: #666; }

/* ---- Панель тонкой настройки ---- */
#pc-cookie-details {
    border-top: 1px solid #2e2e2e;
    margin-top: 10px;
    padding-top: 10px;
}

.pc-cookie-cats-row {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.pc-cookie-cat {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: .79rem;
    color: #aaa;
    cursor: pointer;
    user-select: none;
}

.pc-cookie-cat input[type="checkbox"] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    accent-color: #1a6fd4;
    cursor: pointer;
}

.pc-cookie-cat input:disabled { opacity: .45; cursor: default; }

/* ---- Правовая строка ---- */
.pc-cookie-bar-legal {
    margin: 7px 0 0;
    font-size: .71rem;
    color: #555;
    line-height: 1.4;
}

.pc-cookie-bar-legal a { color: #74b4f5; text-decoration: underline; }
.pc-cookie-bar-legal a:hover { color: #9acdf8; }

/* ---- Адаптив ---- */
@media (max-width: 640px) {
    #pc-cookie-bar-inner { padding: 12px 16px 10px; }
    #pc-cookie-bar-main  { flex-direction: column; align-items: flex-start; gap: 10px; }
    .pc-cookie-bar-actions { width: 100%; }
    .pc-cookie-cats-row { gap: 10px; }
}

@media (max-width: 480px) {
    /* Кнопки в колонку — удобно нажимать пальцем */
    .pc-cookie-bar-actions { flex-direction: column; align-items: stretch; gap: 7px; }
    .pc-btn { text-align: center; padding: 11px 16px; font-size: .85rem; }
    #pc-cookie-bar-inner { padding: 10px 14px 12px; }
}
