/* Külső wrapper */
.wcir-wrap {
    max-width:720px;
    margin:1rem 0;
}

/* Form keret */
.wcir-form {
    padding:16px;
    border:1px solid #e6e6e6;
    border-radius:10px;
    background:#fff;
}

/* Mezők */
.wcir-field {
    margin-bottom:12px;
}
.wcir-field label {
    display:block;
    font-weight:600;
    margin-bottom:6px;
    font-size:14px;
    color:#1a1a1a;
}
.wcir-field input[type=url],
.wcir-field input[type=email] {
    width:100%;
    padding:10px;
    border:1px solid #d9d9d9;
    border-radius:0px;
    font-size:15px;
    line-height:1.4;
}

/* GDPR checkbox */
.wcir-gdpr label {
    font-weight:500;
    font-size:14px;
    line-height:1.4;
    color:#1a1a1a;
    display:flex;
    align-items:flex-start;
    gap:8px;
}
.wcir-gdpr input[type=checkbox] {
    margin-top:3px;
}

/* CTA és státusz */
.wcir-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
    margin-top:8px;
}
.wcir-btn {
    background:#1b1b1b !important;
    color:#fff;
    border:0;
    padding:10px 14px;
    border-radius:0px;
    cursor:pointer;
    font-size:15px;
    font-weight:600;
    line-height:1.2;
}
.wcir-btn:hover {
    opacity:.92;
}
.wcir-btn[disabled] {
    opacity:.6;
    cursor:not-allowed;
}
.wcir-status {
    font-size:.95rem;
    color:#b00020;
    min-height:1.2em;
}

/* Betöltés állapot blokk (beküldés után, audit közben) */
.wcir-loading {
    display:none;
    align-items:flex-start;
    gap:10px;
    margin-top:16px;
    padding:12px 14px;
    border:1px solid #ffe08a;
    border-radius:0px;
    background:#fff9e6;
    font-size:.9rem;
    line-height:1.4;
    color:#4a4a4a;
    font-weight:500;
}
.wcir-spinner {
    width:18px;
    height:18px;
    border-radius:50%;
    border:2px solid #ccc;
    border-top-color:#1b1b1b;
    animation:wcir-spin .8s linear infinite;
    flex-shrink:0;
    margin-top:2px;
}
@keyframes wcir-spin {
    to { transform:rotate(360deg); }
}
.wcir-loading-text {
    font-size:14px;
    line-height:1.4;
    color:#4a4a4a;
}

/* (A régi inline eredménydoboz a popup előtt - megtartjuk fallbacknek) */
.wcir-result {
    margin-top:16px;
    padding:16px;
    border:1px solid #e6e6e6;
    border-radius:10px;
    background:#fafafa;
}
.wcir-result h3 {
    margin-top:0;
    font-size:18px;
}
.wcir-result ul {
    margin:0;
    padding-left:18px;
    font-size:15px;
    line-height:1.4;
}
.wcir-result li {
    margin-bottom:4px;
}
.wcir-good {
    color:#0a7;
    font-weight:700;
}
.wcir-bad {
    color:#b00020;
    font-weight:700;
}

/* CTA link (riport végén) */
.wcir-btn-link {
    display:inline-block;
    margin-top:8px;
    padding:10px 14px;
    border:1px solid #ffcc00;
    border-radius:0px;
    text-decoration:none;
    color:#1a1a1a;
    font-size:14px;
    font-weight:600;
    line-height:1.2;
    background:#ffcc00;
}

/* Pulzáló animáció a CTA-ra */
@keyframes wcir-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(255,204,0,0.5); transform: scale(1);   }
    50%  { box-shadow: 0 0 12px 4px rgba(255,204,0,0.45); transform: scale(1.03); }
    100% { box-shadow: 0 0 0 0 rgba(255,204,0,0.0); transform: scale(1);   }
}
.wcir-cta-pulse {
    animation: wcir-pulse 2s infinite;
}

/* Összefoglaló kockázati badge + leírás */
.wcir-summary {
    border:1px solid #e6e6e6;
    background:#fff;
    border-radius:0px;
    padding:12px 14px;
    margin:16px 0;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:flex-start;
}
.wcir-summary-badge {
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    border-radius:6px;
    padding:6px 8px;
    color:#fff;
    flex-shrink:0;
}
.wcir-overall-low {
    background:#0a7;    /* zöld */
}
.wcir-overall-mid {
    background:#e69500; /* narancs */
}
.wcir-overall-high {
    background:#b00020; /* piros */
}
.wcir-summary-desc {
    font-size:14px;
    line-height:1.4;
    color:#1a1a1a;
    font-weight:500;
    flex:1;
    min-width:200px;
}

/* Részletes magyarázó blokkok a riportban */
.wcir-block {
    margin:16px 0;
    padding:12px 14px;
    background:#fafafa;
    border:1px solid #e6e6e6;
    border-radius:0px;
}
.wcir-block h4 {
    margin:0 0 6px 0;
    font-size:15px;
    font-weight:600;
    color:#1a1a1a;
}
.wcir-block p {
    margin:4px 0;
    font-size:14px;
    line-height:1.4;
    color:#1a1a1a;
}
.wcir-block .wcir-explain {
    color:#4a4a4a;
    font-weight:400;
    font-size:13px;
    line-height:1.4;
}

/* MODAL OVERLAY (riport popup) */
.wcir-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.4);
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* MODAL DOBOZ */
.wcir-modal {
    background: #fff;
    border-radius: 12px;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    border: 1px solid #e6e6e6;
    box-shadow: 0 20px 60px rgba(0,0,0,.25);
    position: relative;
    padding: 20px 20px 24px;
    font-family: inherit;
    color: #1a1a1a;
}

/* Bezárás gomb (jobb felső sarokban az "×") */
.wcir-modal-close {
    appearance: none;
    background: transparent;
    border: 0;
    color: #4a4a4a;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
}
.wcir-modal-close:hover {
    color: #000;
}

/* Tartalom a modalban */
.wcir-modal-content h3 {
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
}
.wcir-modal-content p {
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 8px 0;
    color: #1a1a1a;
}

/* --- RESPONSIVE DESKTOP LAYOUT --- */

/* 768px felett: 
   - a max-width korlát feloldása
   - az első két mező (URL + Email) egymás mellett, 50%-50%
   - alattuk a GDPR checkbox teljes szélességben
   - alatta a CTA (submit sor)
*/
@media (min-width:768px) {

    /* a teljes wrapper ne legyen 720px-re szorítva desktopon */
    .wcir-wrap {
        max-width:none;
        margin:1rem 0;
    }

    /* a formot flexre tesszük */
    .wcir-form {
        display:flex;
        flex-wrap:wrap;
        column-gap:16px;
        row-gap:12px;
    }

    /* alapértelmezett sorviselkedés desktopon */
    .wcir-form .wcir-field {
        flex:1 1 100%;
        max-width:100%;
        margin-bottom:0; /* ne legyen plusz függőleges rés */
    }

    /* az első két mező (URL és Email) 50-50% */
    .wcir-form .wcir-field:nth-of-type(1),
    .wcir-form .wcir-field:nth-of-type(2) {
        flex:1 1 calc(50% - 8px);
        max-width:calc(50% - 8px);
    }

    /* GDPR checkbox blokk teljes szélesség */
    .wcir-form .wcir-gdpr {
        flex:1 1 100%;
        max-width:100%;
    }

    /* CTA sor (gomb + státusz) teljes szélesség */
    .wcir-form .wcir-actions {
        flex:1 1 100%;
        max-width:100%;
        margin-top:0;
    }

    /* betöltés státusz blokk is teljes szélességben törjön sort */
    .wcir-form #wcir-loading,
    .wcir-loading {
        flex:1 1 100%;
        max-width:100%;
    }
}