/*
 * v1.3
 * Fuerza el consentimiento a ocupar una fila COMPLETA del formulario.
 */

/* La envoltura del consentimiento debe abarcar todas las columnas del grid */
.phll-consent-row{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    flex-basis:100% !important;
    box-sizing:border-box !important;
}

/* También cubre formularios donde el label sea directamente un elemento del grid */
.phll-consent-label,
label[data-phll-updated="1"]{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:10px !important;

    margin:12px 0 15px !important;
    padding:0 !important;
}

/* Para los formularios que sabemos que usa PolskaHiszpanka */
.phcfm-form .phll-consent-row,
.phcfm-form .phll-consent-label,
.phka1-form .phll-consent-row,
.phka1-form .phll-consent-label,
.phk21-form .phll-consent-row,
.phk21-form .phll-consent-label,
form .phll-consent-row,
form .phll-consent-label{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:none !important;
}

/* Si el constructor mete el consentimiento dentro de un wrapper que limita el ancho */
form *:has(> .phll-consent-label){
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    flex:0 0 100% !important;
    box-sizing:border-box !important;
}

.phll-consent-label input[type="checkbox"],
label[data-phll-updated="1"] input[type="checkbox"]{
    width:18px !important;
    min-width:18px !important;
    height:18px !important;
    margin:2px 0 0 !important;
    padding:0 !important;
    flex:0 0 18px !important;
}

.phll-consent-text{
    display:block !important;
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    color:#263238 !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.42 !important;
    letter-spacing:0 !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    text-align:left !important;
}

.phll-privacy-link{
    display:inline !important;
    color:#18B6C4 !important;
    text-decoration:underline !important;
    text-underline-offset:2px !important;
    font-weight:600 !important;
    white-space:normal !important;
}

.phll-privacy-link:hover{
    color:#087A83 !important;
}

/* Escritorio: una línea visual larga y compacta */
@media (min-width: 900px){
    .phll-consent-text{
        font-size:12.5px !important;
        line-height:1.4 !important;
    }
}

/* Móvil */
@media (max-width: 600px){
    .phll-consent-label,
    label[data-phll-updated="1"]{
        gap:9px !important;
    }

    .phll-consent-text{
        font-size:12.5px !important;
        line-height:1.45 !important;
    }
}

/* Pie legal */
.phll-footer-legal{
    width:100%;
    box-sizing:border-box;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;
    padding:16px 18px;
    background:#F1FAFA;
    color:#263238;
    font-size:13px;
    line-height:1.4;
    text-align:center;
    border-top:1px solid rgba(24,182,196,.14);
}
.phll-footer-legal a{
    color:#087A83 !important;
    text-decoration:none !important;
}
.phll-footer-legal a:hover{
    color:#18B6C4 !important;
    text-decoration:underline !important;
}