/* Consentico v1.0.0 – Cookie Bar Styles */

#consentico-bar {
    position: fixed;
    left: 0; right: 0;
    z-index: 999998;
    background: var(--consentico-bg, rgba(30,41,59,.98));
    color: var(--consentico-text, #e2e8f0);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    transition: transform 0.4s cubic-bezier(0.4,0,0.2,1), opacity 0.4s ease;
}

.consentico-bottom { bottom: 0; border-radius: var(--consentico-radius,6px) var(--consentico-radius,6px) 0 0; box-shadow: 0 -4px 24px rgba(0,0,0,.15); }
.consentico-top    { top: 0;    border-radius: 0 0 var(--consentico-radius,6px) var(--consentico-radius,6px); box-shadow: 0 4px 24px rgba(0,0,0,.15); }

.consentico-hidden { pointer-events: none; }
.consentico-bottom.consentico-hidden.consentico-anim-slide { transform: translateY(100%); }
.consentico-top.consentico-hidden.consentico-anim-slide    { transform: translateY(-100%); }
.consentico-hidden.consentico-anim-fade { opacity: 0; transform: none; }
.consentico-visible { transform: translateY(0); opacity: 1; }
.consentico-dismissing { transition: transform .35s ease, opacity .35s ease; }
.consentico-bottom.consentico-dismissing { transform: translateY(100%); opacity: 0; }
.consentico-top.consentico-dismissing    { transform: translateY(-100%); opacity: 0; }
.consentico-anim-fade.consentico-dismissing { transform: none; opacity: 0; }

.consentico-inner {
    max-width: 1200px; margin: 0 auto;
    padding: 14px 24px;
    display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
}

.consentico-content { display: flex; align-items: flex-start; gap: 10px; flex: 1; min-width: 200px; }
.consentico-icon { font-size: 20px; flex-shrink: 0; line-height: 1.4; }
.consentico-message { margin: 0; font-size: 13.5px; color: var(--consentico-text, #e2e8f0); line-height: 1.55; }
.consentico-privacy-link { color: #818cf8; text-decoration: underline; margin-left: 4px; }
.consentico-privacy-link:hover { color: #a5b4fc; }

.consentico-buttons { display: flex; align-items: center; gap: 8px; flex-shrink: 0; flex-wrap: wrap; }

.consentico-btn {
    padding: 9px 20px;
    border-radius: var(--consentico-radius, 6px);
    font-size: 13px; font-weight: 600;
    cursor: pointer; font-family: inherit;
    transition: opacity .2s, transform .1s;
    white-space: nowrap; line-height: 1;
}
.consentico-btn:hover  { opacity: .85; }
.consentico-btn:active { transform: scale(.97); }

.consentico-btn-accept  { background: var(--consentico-accept-bg, #6366f1); color: var(--consentico-accept-text, #fff); border: none; }
.consentico-btn-decline { background: transparent; color: var(--consentico-decline-text, #94a3b8); border: 1px solid rgba(255,255,255,.15); }
.consentico-btn-decline:hover { border-color: rgba(255,255,255,.3); opacity: 1; }

@media (max-width:600px) {
    .consentico-inner   { padding: 12px 16px; gap: 12px; }
    .consentico-content { width: 100%; }
    .consentico-buttons { width: 100%; justify-content: flex-end; }
}