/*
 * AI-Cazare.ro — Pagina Politică AI (transparență, drepturi de autor)
 * Fișier: /assets/css/pages/politica-ai.css
 *
 * Folosit doar de pages/politica-ai.php
 *
 * STRUCTURĂ:
 *   - Stage cu fundal cald (#FFF1DD) + 5 blob-uri colorate cu blur
 *   - Conținut .legal-wrap (din legal.css) cu override-uri pe h3, legal-info, breadcrumb
 *   - Componente specifice: ai-principle-grid, ip-original, ip-warning, ai-changelog
 *
 * Override-urile pe legal.css folosesc prefixul .ai-stage pentru a câștiga specificity
 * (0,2,1 vs 0,1,1) fără să afecteze celelalte pagini legale.
 */

/* ═══════════════════════════════════════════════════════════════ */
/* ── Stage cu fundal cald + blob-uri colorate ───────────────── */
/* ═══════════════════════════════════════════════════════════════ */
.ai-stage{
    background:#FFF1DD;
    position:relative;
    overflow:hidden;
}
.ai-stage .lg-blob{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    pointer-events:none;
    z-index:0;
}
.ai-stage .lg-blob-1{width:500px;height:500px;background:#FFB68A;opacity:.55;top:-180px;left:-180px}
.ai-stage .lg-blob-2{width:380px;height:380px;background:#84B5F8;opacity:.32;top:14%;right:-150px}
.ai-stage .lg-blob-3{width:320px;height:320px;background:#7DD9B2;opacity:.28;top:38%;left:-120px}
.ai-stage .lg-blob-4{width:300px;height:300px;background:#FFCD57;opacity:.35;top:62%;right:-110px}
.ai-stage .lg-blob-5{width:380px;height:380px;background:#FFB68A;opacity:.40;bottom:-160px;left:22%}
.ai-stage .legal-wrap{position:relative;z-index:1}

/* ═══════════════════════════════════════════════════════════════ */
/* ── OVERRIDE-uri pe legal.css (specificity .ai-stage) ──────── */
/* ═══════════════════════════════════════════════════════════════ */

/* h2: border-bottom cu rgba (vizibil identic, dar respectă inline-ul original) */
.ai-stage .legal-wrap h2{
    border-bottom:2px solid rgba(241,245,249,.85);
}

/* h3: mai gros (800) și mai întunecat decât în legal.css */
.ai-stage .legal-wrap h3{
    font-size:15px;
    font-weight:800;
    color:#0f172a;
    margin:18px 0 8px;
}

/* legal-info: fundal alb semi-transparent + backdrop-filter, border albastru */
.ai-stage .legal-info{
    background:rgba(255,255,255,.85);
    backdrop-filter:blur(8px);
    border-radius:12px;
    padding:16px 20px;
    font-size:13px;
    color:#475569;
    margin-bottom:24px;
    border-left:4px solid #0ea5e9;
    line-height:1.7;
    box-shadow:0 4px 14px -4px rgba(31,27,22,.08);
}
.ai-stage .legal-info strong{color:#0f172a}

/* breadcrumb: culori mai întunecate (pe fundalul cald) */
.ai-stage .breadcrumb{color:#64748b}
.ai-stage .breadcrumb a{color:#475569}
.ai-stage .breadcrumb a:hover{color:#f97316}

/* ═══════════════════════════════════════════════════════════════ */
/* ── Componente specifice politica-ai ───────────────────────── */
/* ═══════════════════════════════════════════════════════════════ */

/* Grid principii AI (responsive auto-fit) */
.ai-principle-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:16px;
    margin:24px 0;
}
.ai-principle-card{
    background:#fff;
    border:1.5px solid rgba(226,232,240,.7);
    border-radius:12px;
    padding:20px;
    box-shadow:0 8px 20px -8px rgba(31,27,22,.10);
}
.ai-principle-card i{font-size:24px;color:#0ea5e9;margin-bottom:12px}
.ai-principle-card h3{font-size:15px;font-weight:800;color:#0f172a;margin:0 0 8px}
.ai-principle-card p{font-size:13px;color:#64748b;margin:0;line-height:1.6}

/* Notă risc (info box albastru pal) */
.ai-risk-note{
    background:rgba(239,246,255,.92);
    backdrop-filter:blur(6px);
    border:1px solid #bfdbfe;
    border-radius:10px;
    padding:14px 18px;
    margin:14px 0;
    font-size:13.5px;
    color:#1e3a8a;
    line-height:1.6;
    box-shadow:0 4px 14px -6px rgba(30,64,175,.18);
}
.ai-risk-note strong{color:#1e40af}

/* Box "conținut original" (gradient teal/cyan) */
.ip-original{
    background:linear-gradient(135deg,rgba(240,253,250,.95) 0%,rgba(236,254,255,.95) 100%);
    backdrop-filter:blur(6px);
    border:1.5px solid #99f6e4;
    border-radius:14px;
    padding:20px 24px;
    margin:18px 0;
    box-shadow:0 8px 22px -8px rgba(15,118,110,.18);
}
.ip-original-title{
    display:flex;align-items:center;gap:10px;
    font-size:15px;font-weight:800;color:#115e59;
    margin:0 0 12px;
}
.ip-original-title i{color:#0d9488;font-size:18px}
.ip-original ul{margin:0;padding-left:20px}
.ip-original li{color:#134e4a;font-size:13.5px;line-height:1.7;margin-bottom:6px}
.ip-original li strong{color:#0f766e}

/* Box "avertizare drepturi de autor" (gradient roșu) */
.ip-warning{
    background:linear-gradient(135deg,rgba(254,242,242,.96) 0%,rgba(255,241,242,.96) 100%);
    backdrop-filter:blur(6px);
    border:1.5px solid #fecaca;
    border-left:4px solid #dc2626;
    border-radius:14px;
    padding:20px 24px;
    margin:18px 0;
    box-shadow:0 8px 22px -8px rgba(220,38,38,.20);
}
.ip-warning-title{
    display:flex;align-items:center;gap:10px;
    font-size:15px;font-weight:800;color:#991b1b;
    margin:0 0 12px;
}
.ip-warning-title i{color:#dc2626;font-size:18px}
.ip-warning p,
.ip-warning li{color:#7f1d1d}
.ip-warning ul{margin:8px 0;padding-left:20px}
.ip-warning li{font-size:13.5px;line-height:1.65;margin-bottom:5px}
.ip-warning .legal-refs{
    background:rgba(220,38,38,.06);
    border-radius:8px;
    padding:12px 14px;
    margin-top:10px;
    font-size:13px;
}
.ip-warning .legal-refs li{color:#991b1b;margin-bottom:4px}

/* Tabel changelog (istoricul modificărilor AI) */
.ai-changelog{
    width:100%;
    border-collapse:separate;border-spacing:0;
    margin:14px 0 8px;
    font-size:13.5px;
    background:#fff;
    border:1px solid rgba(226,232,240,.8);
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 8px 22px -8px rgba(31,27,22,.10);
}
.ai-changelog th{
    background:#f8fafc;color:#0f172a;
    font-weight:700;text-align:left;
    padding:11px 14px;border-bottom:2px solid #e2e8f0;
    font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;
}
.ai-changelog td{
    padding:12px 14px;
    border-bottom:1px solid #e2e8f0;
    color:#374151;line-height:1.55;vertical-align:top;
}
.ai-changelog tr:last-child td{border-bottom:none}
.ai-changelog td.ver{
    font-weight:800;color:#f97316;
    width:70px;
    font-feature-settings:"tnum";
}
.ai-changelog td.dat{
    font-weight:600;color:#1e293b;
    white-space:nowrap;width:110px;
    font-feature-settings:"tnum";
}
.ai-changelog td.cur{background:#fff7ed}
.ai-changelog .badge-current{
    display:inline-block;
    background:#f97316;color:#fff;
    font-size:10px;font-weight:800;
    padding:2px 7px;border-radius:50px;
    margin-left:6px;
    text-transform:uppercase;letter-spacing:.4px;
    vertical-align:middle;
}

/* Footer box (notă final pagină) */
.legal-foot-box{
    background:rgba(255,255,255,.85);
    backdrop-filter:blur(8px);
    border-radius:12px;
    padding:16px 20px;
    margin-top:32px;
    font-size:12px;color:#64748b;text-align:center;
    box-shadow:0 4px 14px -4px rgba(31,27,22,.08);
}
.legal-foot-box a{color:#475569}

/* ═══════════════════════════════════════════════════════════════ */
/* ── Responsive ─────────────────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px){
    /* Ascund blob-urile mici pe mobil ca să nu îngreuneze rendering */
    .ai-stage .lg-blob-3,
    .ai-stage .lg-blob-4{display:none}
    .ai-stage .lg-blob-1{width:320px;height:320px;top:-120px;left:-110px}
    .ai-stage .lg-blob-2{width:240px;height:240px;right:-90px}
    .ai-stage .lg-blob-5{width:260px;height:260px;bottom:-100px;left:10%}
}
@media (max-width: 600px){
    .ai-changelog th,
    .ai-changelog td{padding:9px 10px;font-size:12.5px}
    .ai-changelog td.ver{width:48px}
    .ai-changelog td.dat{width:84px;font-size:12px}
    .ip-original,
    .ip-warning{padding:16px 18px}
}